body
{
	background-color:#F0F0F0;
	padding:0px; 
	margin:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
  color:#333;
}
a
{
	color:#666;
	text-decoration:underline;
	outline:none;
	border:none;
}
a:hover
{
	color:#0095d3;
	text-decoration:underline;
	outline:none;
	border:none;
}
p
{
	margin:0;
	padding:0 0 25px 0; 
	line-height:20px;
}
img { border:none;}

#MainContainer
{
	width:960px;
  max-width: 100%;
	margin:0 auto;
	background-color:#FFF;
  box-shadow: 84px -966px 423px -98px rgba(0, 0, 0, 0.15), -200px -966px 423px -98px rgba(0, 0, 0, 0.15), 0 0 200px rgba(0, 0, 0, 0.15);
}
#ThankYouContainer, #ErrorContainer
{
  margin: 0 auto;
  max-width: 900px;
  min-height:300px;
  padding: 40px 0 20px;
  width: 100%;
  font-size:16px;
}
.Title
{
	font-size:22px;
	font-weight:normal;
	font-family:Arial,Helvetica,sans-serif;
	color:#0095D3;
  padding:0 0 10px;
  margin:0;
}
.red-text
{
  color:#c00;
}
.button
{
  background-color: rgb(0, 149, 211);
  border: 1px solid rgb(18, 120, 178);
  color: #fff;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
}
.button:hover
{
  color: #fff;
  text-decoration: none;
  border: 1px solid rgb(18, 120, 178);
}
#ThankYouContainer img
{
  padding: 0 0 30px;
}
/***** FOOTER *****/
#footer
{
  width:960px;
  padding:20px 0 30px;
  max-width: 100%;  
	background-color:#ddd;
  vertical-align: middle;
}

.CopyrightTxt 
{
  font-size: 11px;
  float:left;
  width:300px;
  margin:0 0 0 15px;
}
.CopyrightTxt a 
{
  color: inherit;
  text-decoration: none;
}
.CopyrightTxt a:hover
{
  color: #3F3F3F;
}
.FooterLinks 
{
  float: right;
  font-size: 11px;
  margin:0 15px 0 0;  
}
.FooterLinks a 
{
  color: #1178B2;
  text-decoration: none;
  margin: 0 0 0 10px;  
}
.FooterLinks a:hover
{
  color: #4668C5;
}
.footer-logo 
{
  text-align: right;
  margin:0 15px 10px 0;
}
/***** END FOOTER *****/



/* GRID 320px - 480px ----------------- */
@media screen and (min-width: 320px) and (max-width: 480px) 
{
  body
  {
    background:#fff !important;
  }
  #reg-header
  {
    width: 100%;
  }
  .FooterLinks 
  {
    float: none !important;
    font-size: 11px;
    color:#fff !important;
    text-align: center;    
  }   
  .footer-logo 
  {
    text-align: center !important;
    margin:10px 0;
  }   
  .FooterLinks a 
  {
    background: #f4f4f4;
    color: #545454;
    display: block;
    margin: 0 auto 10px;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    width:90%
  }
  .CopyrightTxt 
  {
    padding: 0 0 20px !important;
    text-align: center !important;
    font-size: 12px !important;
    float: none !important;
    text-align: center;
    width:auto !important;
    margin:0 0 10px;
  }
  #ThankYouContainer, #ErrorContainer
  {
    width: 95%;
  }   
}

/* GRID 481px - 640px ----------------- */
@media screen and (min-width: 481px) and (max-width: 640px) 
{
  body
  {
    background:#fff !important;
  }
  #reg-header
  {
    width: 100%;
  }
  .footer-logo 
  {
    text-align: center !important;
    margin:10px 0;
  }  
  .CopyrightTxt 
  {
    float: none !important;
    text-align: center;
    width:auto !important;
    margin:0 0 10px;
  }  
  .FooterLinks 
  {
    float: none !important;
    text-align: center;
  }  
  #ThankYouContainer, #ErrorContainer
  {
    width: 95%;
  }  
}


/* GRID 641px - 768px ----------------- */
@media screen and (min-width: 641px) and (max-width: 767px) 
{
  body
  {
    background:#fff !important;
  }  
  #reg-header
  {
    width: 100%;
  }
  #ThankYouContainer, #ErrorContainer
  {
    width: 95%;
  }  
}

/* GRID 769px - 1024px ----------------- */
@media screen and (min-width: 768px) and (max-width: 1024px) 
{
  #reg-header
  {
    width: 100%;
  }   
}

/* GRID 1024px - Infinity ------------------- */
@media screen and (min-width: 1024px) 
{
    
}