/* CSS Document */

body 
{
 /*background-image: url("../images/hubble-background-1.jpg");
 background-size: cover;
 background-repeat: no-repeat;*/
 font-family: Arial, Helvetica, sans-serif;
}

.benefit-resources
{
	padding:30px;text-align: left;
}

.benefit-resources a {color:#2476c1;line-height: 25px;}
.benefit-resources a:hover {color:#0c5394;}

.brochure-box {display:inline-block;width:250px;text-align: center;}	
.brochures-wrapper {text-align: center;padding-top:12px;}

.brochure-thumb {display:inline-block;width:250px;margin:20px;}

.brochure-thumb a {color:#2476c1;line-height: 25px;}
.brochure-thumb a:hover {color:#0c5394;}

.brochure-thumb-2 
{
	text-align: center;
	padding:20px;
}

.brochure-thumb-2 img {max-width: 95%;}

.brochure-thumb-2 a {color:#2476c1;line-height: 25px;}
.brochure-thumb-2 a:hover {color:#0c5394;}

.container {
  height: 100%;
  position: relative;
  border: 0px solid green;
}

.content {text-align: center;}

.content-area-text {
  background: #fff;
  max-width: 700px;
  margin: 0 auto;
  padding: 10px;
  text-align: left;	
  line-height: 30px;
	border:double 3px #000;
}

.content-area-text-2 {
  background: #fff;
  max-width: 800px;
  margin: 0 auto;
  padding: 10px;
  text-align: left;	
  line-height: 30px;
}

.content-v1 {text-align: center;max-width:1000px;margin:0 auto;background:#fff;padding:10px 10px 20px 10px;border-radius:10px;}

.content-waiver {max-width:1000px;margin:0 auto;background:#fff;padding:20px;border-radius:10px;}

.content-admin
{
	background:#fff;
	width:90%;
	margin:20px auto;
	border-radius: 20px;
	padding:20px;
}


.button-blue {color:#000;background:#2597d3;padding:10px 20px 10px 20px;border-radius:20px;font-size:17px;border:2px #000 solid;font-weight: bold;}

.button-gold {text-decoration: none; background:#f5b944;border:2px #000 solid;border-radius:20px;font-weight:bold;color:#000;padding:10px 20px 10px 20px;font-size:17px;}

.enrollment-step-2-table input {padding:10px;font-size:15px;}

html, body {min-height: 100%;}

.learning-center-buttons 
{
	width:450px;
	float:left;
	text-align:center;
}

.login
{
    text-align:center;
}

.login-box
{
  padding:50px;
  max-width:400px;
}

.login-button {background:#f5b944;border:0px;border-radius:20px;font-weight:bold;color:#000;padding:10px 20px 10px 20px;font-size:17px;}

.login-field
{width:300px;height:25px;padding:10px;border-radius:20px;border:2px #000 solid;background-color:#c2d8f5;}

.logo
{
    text-align:center;
}

.logo img {max-width:400px;}

.logo-white-bg {max-width:330px;padding:20px;margin:20px auto;background:#fff;border-radius: 10px;text-align:center;}
.logo-white-bg img {padding:1px;}

.rounded-box
{background:#fff;text-align:center;-webkit-box-shadow: -1px 2px 23px 9px rgba(0,0,0,0.45); box-shadow: -1px 2px 23px 9px rgba(0,0,0,0.45); border-radius:20px;padding:20px;max-width:550px;margin:0 auto;margin-bottom:25px;font-weight: bold;font-size:17px;}

.rounded-box-lg
{background:#ababab;text-align:center;-webkit-box-shadow: -1px 2px 23px 9px rgba(0,0,0,0.45); box-shadow: -1px 2px 23px 9px rgba(0,0,0,0.45); border-radius:20px;padding:10px 20px 10px 20px;max-width:1000px;margin:0 auto;margin-bottom:25px;font-weight: bold;font-size:17px;}

.rounded-box-lg-normal
{
	background:#ababab;
	text-align:center;
	-webkit-box-shadow: -1px 2px 23px 9px rgba(0,0,0,0.45); 
	box-shadow: -1px 2px 23px 9px rgba(0,0,0,0.45); 
	border-radius:20px;padding:10px 20px 10px 20px;
	max-width:1000px;
	margin:0 auto;
	margin-bottom:25px;
}

.step-oval
{margin:0 auto;width:230px;background:#7e301c;color:#fff;border-radius:40px;padding:15px;font-size:22px;font-weight:bold;text-align:center;margin-bottom:20px;}

.step-oval-wide
{margin:0 auto;width:350px;background:#7e301c;color:#fff;border-radius:40px;padding:15px;font-size:18px;font-weight:bold;text-align:center;margin-bottom:20px;}

.step-oval-wide-zion
{margin:0 auto;width:350px;background:#00aceb;color:#fff;border-radius:40px;padding:15px;font-size:18px;font-weight:bold;text-align:center;margin-bottom:20px;}

.table-of-contents
{
	text-align: left;
}

.table-of-contents a {color:#2476c1;line-height: 25px;}
.table-of-contents a:hover {color:#0c5394;}

.toprow {color:#fff;}
.toprow a {color:#fff;}

.v1-back-forward-buttons {background:#000;color:#fff;padding:10px;border-radious:5px;font-weight: bold;}
.v1-calculate {background:#000;color:#fff;font-weight: bold;padding:10px;border:0px;border-radius: 6px;}
.v1-select-plan {text-align: center;font-weight: bold;font-size:16px;padding:15px 0px 15px 0px;}

.video 
{
	text-align: center;
	display:inline-block;
	box-sizing: border-box;
    width:520;
}

.video-faq
{
	max-width:640px;
	background:#fff;
	margin:20px auto;
	padding:20px;
	box-sizing: border-box;
}

.video-wrapper
{
	max-width:1040px;
	margin:0 auto;
	text-align: center;
	padding-top:20px;
}

.vertical-center {
  margin: 0 auto;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border:0px #000 solid;
}

::-webkit-input-placeholder {
   text-align: center;
   font-size:16px;
}

:-moz-placeholder { /* Firefox 18- */
   text-align: center;  
   font-size:16px;
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;
   font-size:16px;  
}

:-ms-input-placeholder {  
   text-align: center; 
   font-size:16px;
}

.waiver-field {width:200px;padding:10px;font-size:16px;}

.washington-national-box
{
	width:400px;
	margin:20px auto;
	background:#fff;
	padding:20px;
}

.washington-national-title
{
	font-weight: bold;
	font-size:20px;
}

.washington-national-ul
{
	line-height: 30px;
}

.zion-videos-wrapper
{
	text-align: center;
	padding:20px 0px 20px 0px;
}

.zion-video-box
{
	display: inline-block;
	width:300px;
	height:200px;
}

/* MOBILE CODE */

@media all and (max-width:1700px)
{
.learning-center-buttons 
{
	width:100%;
	float:none;
	text-align:center;
	clear:both;
	padding-bottom:20px;
}
}

@media all and (max-width:1000px)
{
	.login-box {padding:10px;width:100%;margin:0 auto;box-sizing: border-box;}
	.logo img {max-width:90%;}
	.logo-white-bg {max-width: 98%;}
	.rounded-box-lg, .rounded-box-lg-normal {max-width:98%;margin:0 auto;}
	.v1-calculate {padding:12px;font-size:16px;}
}

@media all and (max-width:600px)
{
.election-form input {max-width:150px;}	
.waiver-field {width:150px;padding:8px;font-size:15px;}
 	
}