/* FORM */

label {
	float: left;
	width: 100%;
	color: #999;
    font-size: 12px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.dntFrm .btn-group .btn {
    max-width: 31%;
    padding-left: 1%;
    padding-right: 1%;
    width: 33%;
}

.dntFrm .btn-group {
    max-width: 100% !important;
    width: 100%;
}

.dntFrm50 > .dntFrm50 {
	border: 0px solid #e5e5e5;
	clear: left;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0;
}

.goBtn {
	float: right;
	background-color: #036;
  color: #fff;
  padding: 3px 20px;
  border: 0px;
	border-radius: 20px;
}

.tagScan {
	width: 130px;
  float: left;
  border: solid 1px #026;
  border-radius: 20px;
}

.answersBx {
	margin-left: 30px;
}

@media (min-width: 320px) {
    .consider {
        width: 96%;
        background: #9C3;
        color: white;
        padding: 10px 2% 15px 2%;
        margin: 30px auto;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        clear: both;
        text-align: center;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
    }
	.dntFrm {
		width: 100%;
		clear: left;
	}
	.dntFrm input[type=text] {
	    background-color: #e5e5e5;
	    border: none;
	    outline: none;
	    color: #036;
	    font-size: 16px;
	    font-weight: bold;
	    -moz-border-radius: 20px;
	    -webkit-border-radius: 20px;
	    border-radius: 20px;
	    -moz-box-shadow: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    width:100%;
	    padding: 5px 10px;
	}
	.dntFrm .dntCSml {
		float: left;
		text-align:center;
		padding: 7px 2% 5px;
		margin: 5px 2%;
		width: 29.333333334%;
	}
	.dntFrm .dntCLrg {
		float: left;
		text-align:center;
		padding: 5px 0% 5px;
		margin: 5px 0;
		width: 100%;
	}
	.dntCLrg input[type=text] {
	    width: 60%;
	}
	.dntFrm input[type=radio] {
		margin: 0 0 5px;
	}
	.dntFrm50, .dntFrm100 {
		width: 100%;
		margin: 0 0 20px;
	}
	.dntFrm50 input[type=text] {
	    width: 100%;
	}
	.dntFrm50 select {
		width: 49%;
	}
	.dntFrm25 {
		text-align: center;
		float: left;
		width: 48%;
		padding: 5px 0;
	}
	.dntFrm .col01, .dntFrm .col02, .dntFrm .col03, .dntFrm .col04, .dntFrm .col05, .dntFrm .col06 {
		text-align: center;
		float: left;
		border: 0px solid red;
		font-size: 13px;
	}
	.dntFrm .col01 {
		width: 10%;
		border: 0px solid red;
	}
	.dntFrm .col015 {
		float: left;
		width: 86.25%;
		margin: 0;
		padding: 0;
		border: 0px solid red;
		text-align: right;
	}
	.dntFrm .col02 {
		width: 33%;
		padding-left: 1%;
		padding-right: 1%;
		border: 0px solid red;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.dntFrm .col03, .dntFrm .col04, .dntFrm .col05, .dntFrm .col06 {
		width: 13.75%;
		border: 0px solid red;
	}
	.dntFrm .checkoutTtls {
		float: left;
		border-bottom: 1px solid black;
		width: 100% !important;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
		text-align: center;
		font-weight: bold;
		font-size: 10px;
		line-height: 12px;
		clear: left;
	}
	.dntFrm .topDiv {
		float: left;
		border-top: 1px solid black;
		width: 100% !important;
		padding: 10px 0 0 0;
		margin: 10px 0 0 0;
	}
	
	/* WotW Book store */
		.famCent {
		float: left;
		width: 100%;
		margin: 0 0 30px 0;
		padding: 0;
	}
	.famCent a {
		text-align: center;
		background: #036;
		color: white;
		font-size: 14px;
		line-height: 16px;
		font-weight: bold;
		text-decoration: none;
		float: left;
		width: 16%;
		height: 100px;
		margin: 0 1% 10px 1%;
		padding: 10px 1%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.famCent a:hover {
		background: #69C;
		color: #036;
		text-decoration: none;
	}


	.famCent2 {
		float: left;
		width: 100%;
		margin: 0 0 30px 0;
		padding: 0;
	}
	.famCent2 .prodRow {
		float: left;
		width: 28.6666666667% !important;
		margin: 15px 1%;
		padding: 1%;
		border: 1px solid #e5e5e5;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}
	.famCent2 h2 {
		float: left;
		clear: left;
		width: 100%;
		border-bottom: 1px solid #036;
		margin: 0 0 10px;
		padding: 0 0 10px;
		font-size: 24px;
		text-transform: uppercase;
		font-weight: bold;
	}
	.famCent2 .prodRow .itemImg {
		float: left;
		width: 30%;
		padding: 0;
		margin: 0 2% 0 0;
		border: 0px solid #ccc;
	}
	.famCent2 .prodRow .itemImg img {
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		max-height: 100px;
		max-width: 100px;
	}
	.famCent2 .prodRow .itemDesc {
		float: right;
		width: 65%;
		padding: 0;
		margin: 0;
		border: 0px solid #ccc;
	}
	.famCent2 h3 {
		float: left;
		clear: left;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 18px;
		line-height: 24px;
		font-weight: bold;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.famCent2 a {
		text-align: center;
		background: #036;
		color: white;
		font-size: 14px;
		line-height: 18px;
		font-weight: bold;
		text-decoration: none;
		float: left;
		width: 50px;
		margin: 5px 1%;
		padding: 5px 1%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.famCent2 a:hover {
		background: #69C;
		color: #036;
		text-decoration: none;
	}
	input.ssnInput {
		width: 55px;
		padding-left: 10px;
		padding-right: 10px;
		margin-right: 5px;
	}
}	

@media (min-width: 768px) {
    .consider {
        width: 96%;
        background: #9C3;
        color: white;
        padding: 10px 2% 15px 2%;
        margin: 40px auto;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        clear: both;
        text-align: center;
        font-size: 16px;
        line-height: 18px;
        font-weight: 700;
    }

	.dntFrm {
		width: 100%;
		clear: left;
	}
	.dntFrm .dntCSml {
		float: left;
		text-align: center;
		padding: 7px 1% 5px 0;
		margin: 5px 0;
		width: 12%;
	}
	.dntFrm .dntCLrg {
		float: left;
		text-align: center;
		padding: 0px 0 5px;
		margin: 5px 0;
		width: 24%;
	}
	.dntCLrg input[type=text] {
	    width: 50%;
	}
	.dntFrm input[type=radio] {
		margin: 0 0 5px;
	}
	.dntFrm input[type=text] {
	    background-color: #e5e5e5;
	    border: none;
	    color: #036;
	    font-size: 16px;
	    font-weight: bold;
	    -moz-border-radius: 20px;
	    -webkit-border-radius: 20px;
	    border-radius: 20px;
	    -moz-box-shadow: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    height: 22px;
	    padding: 5px 10px;
	}
	.dntFrm100 {
		width: 100%;
		margin: 0 0 20px;
	}
	.dntFrm50 {
		width: 49%;
		display: inline-block;
		margin: 0 0 20px;
	}
	.dntFrm50 input[type=text] {
	    width: 98%;
	}
	.dntFrm50 select {
		width: 49%;
	}
	.dntFrm25 {
		text-align: center;
		width: 24.5%;
		display: inline-block;
		margin: 0 0 20px;
	}
}

@media (min-width: 980px) {
    .consider {
        width: 96%;
        background: #9C3;
        color: white;
        padding: 10px 2% 15px 2%;
        margin: 20px auto;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        clear: both;
        text-align: center;
        font-size: 18px;
        line-height: 21px;
        font-weight: 700;
    }
	.dntFrm {
		width: 100%;
		clear: left;
	}
	.dntFrm .dntCSml {
		float: left;
		padding: 7px 5px 5px;
		margin: 5px 0;
		width: 10%;
	}
	.dntFrm .dntCLrg {
		float: left;
		padding: 0 0 5px 5px;
		margin: 5px 0;
		width: 29%;
	}
	.dntCLrg input[type=text] {
	    width: 40%;
	}
	.dntFrm input[type=radio] {
		margin: 0 0 5px;
	}
	.dntFrm input[type=text] {
	    background-color: #e5e5e5;
	    border: none;
	    color: #036;
	    font-size: 16px;
	    font-weight: bold;
	    -moz-border-radius: 20px;
	    -webkit-border-radius: 20px;
	    border-radius: 20px;
	    -moz-box-shadow: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    height: 22px;
	    padding: 5px 10px;
	}
	.dntFrm100 {
		width: 100%;
		margin: 0 0 20px;
	}
	.dntFrm50 {
		width: 49%;
		display: inline-block;
		margin: 0 0 20px;
	}
	.dntFrm50 input[type=text] {
	    width: 90%;
	}
	.dntFrm50 select {
		width: 49%;
	}
	.dntFrm25 {
		text-align: center;
		width: 24.5%;
		display: inline-block;
		margin: 0 0 20px;
	}
}

@media (min-width: 1200px) {
    .consider {
        width: 96%;
        background: #9C3;
        color: white;
        padding: 10px 2% 15px 2%;
        margin: 40px auto;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        clear: both;
        text-align: center;
        font-size: 18px;
        line-height: 21px;
        font-weight: 700;
    }
	.dntFrm {
		width: 100%;
		clear: both;
	}
	.dntFrm h5 {
		text-transform: uppercase;
	}
	.dntFrm .dntCSml {
		float: left;
		text-align: center;
		padding: 7px 2% 5px;
		margin: 5px 0;
		width: 11%;
	}
	.dntFrm .dntCLrg {
		float: left;
		text-align: center;
		padding: 5px 2% 5px;
		margin: 5px 0;
		width: 34%;
	}
	.dntFrm .dntCLrg input[type=text] {
	    width: 60%;
	}
	.dntFrm input[type=radio] {
		margin: 0 0 5px;
	}
	.dntFrm input[type=text], .dntFrm input[type=password] {
	    background-color: #e5e5e5;
	    border: none;
	    color: #036;
	    font-size: 16px;
	    font-weight: bold;
	    width: 60%;
	    -moz-border-radius: 20px;
	    -webkit-border-radius: 20px;
	    border-radius: 20px;
	    -moz-box-shadow: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    height: 22px;
	    padding: 5px 10px;
	}
	.dntFrm100 {
		width: 100%;
		margin: 0 0 20px;
	}
	.dntFrm50 {
		width: 49%;
		display: inline-block;
		margin: 0 0 20px;
	}
	.dntFrm50 input[type=text] {
	    width: 90%;
	}
	.dntFrm50 select {
		width: 49%;
	}
	.dntFrm25 {
		text-align: center;
		width: 24.5%;
		display: inline-block;
		margin: 0 0 20px;
	}
}

.wrap_CP_ROUNDTABLE .error_text_wrap {

}

.roundtable_form_div {
	/*
	display: grid;
  grid-template-columns: 1fr 150px 180px 2fr;
  grid-gap: 15px;
  */
  margin: 20px 0px;
}

.roundtable_form_div > div:first-child {
	text-align: right;
}

.roundtable_form_div > div {
	align-self: center;
	display: inline-block;
  margin-right: 10px;
}

.roundtable_option {
	text-align: center;
  padding: 6px;
  font-weight: bold;
  font-size: 16px;
  /*
  background: #b2d1e8;
  */
}

.form_alt_box {
	padding: 30px 30px 15px;
  border: solid 1px #6faedc;
  border-radius: 10px;
  margin-bottom: 20px;
}