/*
 * SimpleModal Basic 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: basic.css 257 2010-07-27 23:06:56Z emartin24 $
 */
#basic-modal-content {display:none;}
#valerror_email {display:none;}


/***********************************************************************/
/*               LOW RESOLUTION, 480PX AND BELOW                       */
/***********************************************************************/
@media only screen and (min-device-width: 320px) and (max-width: 480px){ 
/*body::before{ content: "viewport is 320px  --> 480px";
 font-weight: bold !important;
 display: block !important;
 text-align: center !important;
 background: rgba(0,255,0, 0.9) !important;   
 position: absolute !important;
 top: 0 !important;
 left: 0 !important;
 right: 0 !important;
 z-index: 99 !important;
 }*/
 
 
 .popup_img{
 	 text-align: center;
 	 margin: 0px auto;
 }
 
 .popup_header{
 	font-family: Calibri;
 	font-size: 18px;
 	font-weight: bold; 
 	text-align: center;
	padding-top:10px;	
 	margin: 0px auto;
 }
 
 .popup_subheader{
 	 font-size: 16px; 
 	 font-family: Calibri; 
 	 text-align: center;
	 padding-top:10px;	 
 	 margin: 0px auto; 
 	 padding-left: 1% 0% 0% 0%;
 }
 
 .popup_body_text{
 	font-size: 13px; 
 	font-family: Calibri; 
 	text-align: center;
	padding-top:10px;	
 	margin: 0px auto; 
 	padding-left: 1% 0% 0% 0%;
 }
 
 .popup_table_wrapper{
 width: 100%;
 	margin: 0px auto;
 	text-align: center;
 }
 .popup_table_wrapper table{
 /* css equilvelant of cellspacing = "0" */
 	border-spacing:0%; 
   border-collapse:collapse; /* possible values separate|collapse|initial|inherit; */
   width:90%;
 }
 .popup_table_wrapper td th{
 /* css equilvelant of cellpadding = "0" */
 	padding: 0%;
 }
 
 .popup_table{
 	margin: 0px auto;
 	width: 95%;
 }
 
 
 #simplemodal-container{
	/*height:350px;*/ 
	width: 95%; 
	color:#000000; 
	background-color:#ffffff; 
	border:1% solid #444; 
	padding:1%;
}

 #simplemodal-val-container {
 	/*height:180px;*/
 	height: auto;  
 	width:325px; 
 	color:#000000; 
 	background-image:url(../images/grad_ffffff_to_CACAB3_200px.png); 
 	background-repeat:repeat-x;
 	background-color: #CCCCB6;
 	border:4px solid #444; 
 	padding:10px;
 }
 
 .simplemodal-close{
 	width: 55%;
 }
 
 }
 
/***********************************************************************/
/*             MEDIUM RESOLUTION, 481PX TO 1023PX                      */
/***********************************************************************/
 @media only screen and (min-width: 481px) and (max-width: 1023px){ 

/*body::before{ content: "viewport is more than 481px and less than 1023px" !important;
 font-weight: bold !important;
 color: white !important;
 display: block !important;
 text-align: center !important;
 background: rgba(0,0,255, 0.9) !important; 
 position: absolute !important;
 top: 0 !important;
 left: 0 !important;
 right: 0 !important;
 z-index: 99 !important;
 }*/
 .popup_img{
 	 text-align: center;
 	 margin: 0px auto;
 }
 
 .popup_header{
 	font-family: Calibri;
 	font-size: 18px;
 	font-weight: bold; 
 	text-align: center;
	padding-top:10px;	
 	margin: 0px auto;
 }
 
 .popup_subheader{
 	 font-size: 16px; 
 	 font-family: Calibri; 
 	 text-align: center;
	 padding-top:10px;	 
 	 margin: 0px auto; 
 	 padding-left: 1% 0% 0% 0%;
 }
 
 .popup_body_text{
 	font-size: 13px; 
 	font-family: Calibri; 
 	text-align: center;
	padding-top:10px;	
 	margin: 0px auto; 
 	padding-left: 1% 0% 0% 0%;
 }
 
 .popup_table_wrapper{
 width: 100%;
 	margin: 0px auto;
 	text-align: center;
 }
 .popup_table_wrapper table{
 /* css equilvelant of cellspacing = "0" */
 	border-spacing:0%; 
   border-collapse:collapse; /* possible values separate|collapse|initial|inherit; */
   width:90%;
 }
 .popup_table_wrapper td th{
 /* css equilvelant of cellpadding = "0" */
 	padding: 0%;
 }
 
 .popup_table{
 	margin: 0px auto;
 	width: 95%;
 }
 
 
 
 #simplemodal-container{
	/*height:350px;*/ 
	width: 85%; 
	color: #000000; 
	background-color:#ffffff; 
	border: .75vw solid #262626; 
	padding: 1%;
}

 #simplemodal-val-container {
 	/*height:180px;*/
 	height: auto; 
 	width: 500px; 
 	color:#000000; 
 	background-image:url(../images/grad_ffffff_to_CACAB3_200px.png); 
 	background-repeat:repeat-x; 
 	background-color: #CCCCB6;
 	border:4px solid #262626; 
 	padding:10px;
 }
 
 .simplemodal-close{
 	width: 125px;
 }
 
 
 }
 
/***********************************************************************/ 
/***********************************************************************/
/*           HIGH RESOLUTION, 1024PX AND HIGHER                        */
/***********************************************************************/
 @media only screen and (min-width: 1024px) { 

/*body::before{ content: "viewport is 1024px and higher" !important;
 font-weight: bold !important;
 display: block !important;
 text-align: center !important;
 background: rgba(242,34,62, 0.9) !important;   
 position: absolute !important;
 top: 0 !important;
 left: 0 !important;
 right: 0 !important;
 z-index: 99 !important;
 }*/
 
 
 .popup_img{
 	 text-align: center;
 	 margin: 0px auto;
 }
 
 .popup_header{
 	font-family: Calibri;
 	font-size: 18px;
 	font-weight: bold; 
 	text-align: center;
	padding-top:10px;	
 	margin: 0px auto;
 }
 
 .popup_subheader{
 	 font-family: Calibri;
	 font-size: 16px; 	 
 	 text-align: center;
	 padding-top:10px;
 	 margin: 0px auto; 
 	 padding-left: 1% 0% 0% 0%;
 }
 
 .popup_body_text{
 	font-family: Calibri; 
	font-size: 13px; 
 	text-align: center;
	padding-top:10px;	
 	margin: 0px auto; 
 	padding-left: 1% 0% 0% 0%;
 }
 
 .popup_table_wrapper{
 	width: 100%;
 	margin: 0px auto;
 	text-align: center;
 }
 .popup_table_wrapper table{
 /* css equilvelant of cellspacing = "0" */
 	border-spacing:0%; 
   border-collapse:collapse; /* possible values separate|collapse|initial|inherit; */
   width:90%;
 }
 .popup_table_wrapper td th{
 /* css equilvelant of cellpadding = "0" */
 	padding: 0%;
 }
 
 .popup_table{
 	margin: 0px auto;
 	width: 95%;
 }
 
 
 #simplemodal-container{
	/*height:350px;*/ 
	width: 75%; 
	color:#000000; 
	background-color:#ffffff; 
	border: .5vw solid #262626; 
	padding: 1%;
}

 #simplemodal-val-container {
 	/*height:180px;*/
 	height: auto; 
 	width: 640px; 
 	color:#000000; 
 	background-image:url(../images/grad_ffffff_to_CACAB3_200px.png); 
 	background-repeat:repeat-x; 
 	background-color: #CCCCB6;
 	border:2px solid #262626; 
 	padding:10px;
 }
 
 #simplemodal-error-container {
 	/*height:180px;*/
 	height: auto; 
 	width:325px; 
 	color:#000000; 
 	background-image:url(../images/grad_ffffff_to_CACAB3_200px.png); 
 	background-repeat:repeat-x; 
 	background-color: #CCCCB6;
 	border:2px solid #262626; 
 	padding:10px;
 }
 
 .simplemodal-close{
 	width: 125px;
 }
 
 }


/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
/*#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #262626; padding:12px;}*/
/*#simplemodal-container{
	height:350px; 
	width:521px; 
	color:#000000; 
	background-color:#ffffff; 
	border:4px solid #262626; 
	padding:10px;
}*/
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
/*#simplemodal-container a {color:#ddd;}*/
#simplemodal-container a:link {color: blue; text-decoration:underline;}
#simplemodal-container a:hover	{text-decoration:	underline;color: #ED184B;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9; font-family:Arial, Helvetica, sans-serif; font-size: 14pt;}
#simplemodal-container .msg {	font-size:14px; font-family:Arial, Helvetica, sans-serif;}
/*********************************************************************************************/
/*********************************************************************************************/



/* Overlay */
#simplemodal-val-overlay {background-color:#000; cursor:wait;}

/* Container */
/*#simplemodal-val-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #262626; padding:12px;}*/
/*#simplemodal-val-container {height:180px; width:325px; color:#000000; background-image:url(../images/grad_ffffff_to_CACAB3_200px.png);background-repeat:repeat-x; border:4px solid #262626; padding:10px;}*/
#simplemodal-val-container .simplemodal-val-data {padding:8px;}
#simplemodal-val-container code { background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
/*#simplemodal-val-container a {color:#ddd;}*/
#simplemodal-val-container a:link {color: blue; text-decoration:underline;}
#simplemodal-val-container a:hover	{text-decoration:	underline;color: #ED184B;}
#simplemodal-val-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-val-container h3 {text-align: center; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size: 12pt;}
#simplemodal-val-container .msg {color:red; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align: center;}

#simplemodal-error-container .simplemodal-val-data {padding:8px;}
#simplemodal-error-container code { background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
/*#simplemodal-val-container a {color:#ddd;}*/
#simplemodal-error-container a:link {color: blue; text-decoration:underline;}
#simplemodal-error-container a:hover	{text-decoration:	underline;color: #ED184B;}
#simplemodal-error-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-error-container h3 {text-align: center; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size: 12pt;}
#simplemodal-error-container .msg {color:red; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align: center;}


.container-popup{
	min-width: 250px;
	max-width: 1024px;
	width: 100%;
	margin: auto;
	/*background-color: yellow;*/
}

.header-popup{
	font-size: 1.2em;
	padding: 1% 0% 2% 0%;
}

.body-popup{
		font-size: 1.2em;
		/*background-color: red;*/
}

.footer-popup{
	margin:5% 0% 3% 0%;
}
.popup_btn{
	width: 60%;
	max-width: 500px;
	margin: auto;
}