html, body {
  margin:0;
  padding:0;
  font: 90% Arial, Helvetica, FreeSans, sans-serif;
  color: #2F2F2F;
  width: 100%;
  /*width:1200px;*/
  margin: auto;
  /*background-color: #DFE4EE;*/
}
#main_body {
	width:98%;
	float:none;
	display:block;
}
.page_title {
  font-size:1.3em;
  color:#3668af;
}
.sitemessage {
  display:block;
  width:85%;
  margin:auto;
}
.sitemessage a {
  background-color:transparent;
  color:blue;
}
#wrapper {
  width:95%;
  margin:auto;
}
#ref_dd {
  width:250px;
}

#nav_tabs {
  display:none;
}

#mainmenudiv {
  width:98%;
}
#mainmenudiv input[type="checkbox"]:checked ~ #mainmenu {
  display: block;
  width: 100%;
  background-color:#FFF;
}
#mainmenudiv ul {
  position:relative;
  z-index:99999;
}
form label {
  float:none !important;
  text-align:left;
}
form input, form textarea {
  width: 90% !important;
}

#main_logo {
  margin-left:50px;
}

#matcher_head {
  font-weight:bold;
  font-size:1.3em;
  color:#3668af;
  margin:0;
  margin-top:40px;
  padding:0;
}
#cta_head {
  font-weight:bold;
  font-size:1.3em;
  color:#3668af;
  margin:0;
  margin-top:40px;
  padding:0;
}
p#intro {
  margin-bottom:40px;
}

#choice_boxes {
  display:flex;
  justify-content:space-between;
  width:90%;
  margin:auto;
}
#choice_boxes > div {
  width:45%;
  border:1px solid #6ec42c;
  border-radius:5px;
  margin-bottom:20px;
}
#choice_boxes > div > h1 {
  margin:0;
  padding:20px 10px;
  text-align:center;
  color:#3668af;
  font-size:1.2em;
}
#choice_boxes_1_img {
  height:70px;
  background-image: url(/img/hp_match_70.jpg);
  background-size: cover;
  background-position: -10px -60px;
}
#choice_boxes_2_img {
  height:70px;
  background-image: url(/img/hp_meeting.jpg);
  background-size: cover;
}
#choice_boxes_3_img {
  height:70px;
  background-image: url(/img/hp_tailor_70.jpg);
  background-size: cover;
  background-position: -10px -270px;
}
#choice_boxes > div > ul {
  margin:20px 0;
  padding-left:15px;
}
#choice_boxes > div li {
  background: url(/img/green_tick_16x16.png) no-repeat 0 0 transparent;
  list-style-type: none;
  margin: 0;
  padding: 3px 0px 3px 20px;
  font-weight:bold;
}
#choice_boxes button {
  background-color:#6ec42c;
  color:#FFF;
  font-weight:bold;
  font-size:1.1em;
  border:none;
  border-radius:5px;
  width:80%;
  height:30px;
  margin-left:10%;
  margin-bottom:20px;
}
#choice_boxes button:hover {
  cursor:pointer;
  cursor:hand;
}
#matcher_container {
  width:98%;
  margin-top:20px;
}
.thenumbers_selectarea {
  display:block;
  width:100%;
  background-color:#005daa;
  color:#FFF;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
  padding:10px;
}
.thenumbers_selectarea > div {
  margin-bottom:20px;
}
div.thenumbers_choosehub {
  font-size:1.1em;
  font-weight:bold;
  text-align:left;
}
div.thenumbers_selectbox {
  width:100%;
}
div.selectbox_options {
  width:90%;
}
span.selectbox_selected {
  width:85%;
}

#thenumbers_boxes {
  display:flex;
  flex-wrap: wrap;
  background-color:#e7e6e6;
}
.thenumbers_box {
  flex: 0 1 50%;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  padding:5px;
  font-weight:bold;
  border-right:1px solid white;
  border-bottom:1px solid white;
}
.thenumbers_boxes div:last-child {
    border-right: none;
}
.thenumbers_middle {
  font-size:2em;
  text-align:center;
  margin:10px 0;
}
.thenumbers_bottom {
  text-align:center;
  font-size:.9em;
  margin-bottom:5px;
}

#graphexpress {
  background-color:#fafafa;
  padding-top:10px;
}
#availablegraph_head {
  font-weight:bold;
  width:80%;
  margin:auto;
  margin-bottom:20px;
  text-align:center;
}
#availablegraph_head > div:nth-of-type(2) {
  margin-left: auto;
  margin:10px 0;
}
.graph_row {
  display:flex;
  flex-flow: row wrap;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  margin-bottom:20px;
  padding:2px;
  border:1px solid transparent;
}
.graph_row_title {
  width:70%;
  text-align:left;
}
.graph_row_total {
  width:30%;
  text-align:left;
}
.graph_row_bar {
  margin-left:15px;
  width:calc(100% - 15px);
}
.graph_row_bar_bar {
  background-color:#005daa;
  height:12px;
}
#results {
  border:1px solid #005daa;
  padding:5px;
}
#graphexpress #buttondiv {
  margin:20px auto;
  padding:20px 0 40px 0;
  width:100%;
  text-align:center;
}
#buttondiv button {
  background-color:#6ec42c;
  color:#FFF;
  border:none;
  border-radius:5px;
  font-size:1em;
  padding:10px;
  width:95%;
}
.totalavailable img {
  width:12px;
}
#the123 {
  margin-top:20px;
}
#the123 > div {
  display:flex;
  margin-bottom:10px;
  line-height:25px;
}
#mmthe123 {
    margin-top:20px;
    font-size:1.1em;
}
#mmthe123 > div {
  display:flex;
  flex:1;
    margin-bottom:10px;
    margin-right:40px;
    line-height:30px;
}
.bluecircle {
  height:25px;
  width:25px;
  background-color:#1f497d;
  border-radius:50%;
  display:inline-block;
  color:#FFF;
  line-height:25px;
  text-align:center;
  margin-right:10px;
}
#ctas > div {
  border: 1px solid #6ec42c;
  border-radius:5px;
  margin:10px 0;
}
#ctas > div > div:nth-of-type(2) {
  padding:10px;
}
#ctas > div > div:nth-of-type(2) > h1 {
  font-size:1.3em;
}
#cta_1_img {
  height:70px;
  background-image: url(/img/hp_matched.jpg);
  background-size: cover;
  background-position: -10px -60px;
}
#cta_2_img {
  height:70px;
  background-image: url(/img/hp_toolbox.jpg);
  background-size: cover;
  background-position: -10px -60px;
}
#details {
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
  padding:20px;
  width:98%;
  margin:auto;
}
#details #submit {
  background-color:#6ec42c;
  color:#FFF;
  border:none;
  border-radius:5px;
  padding:10px;
  font-size:1.2em;
  font-weight:bold;
  width:98% !important;
}
#details #submit:hover {
  cursor:pointer;
  cursor:hand;
}
#details label {
  width:90%;
  text-align:left;
}
#details input[type=text], #details input[type=email], #details textarea {
  width:55%; 
}
#details #ureplabel {
  width:98%;
  text-align:left;
}
#details #uagreelabel {
  width:80%;
  text-align:left;
}
#details #submitdiv {
  text-align:center;
}
#details input[type=submit] {
 width:98%;
 margin-left:0;
}
#details input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  padding: 10px;
  width:10% !important;
  margin:0 10px 0 0;
}
#details #cagree {
  margin:0 0 20px 0px;
  width:350px;
}
#tickbox {
  justify-content:space-between;
  margin-top:40px;
}
#tickbox > div {
  border:1px solid #CCCCCC;
  border-radius:5px;
  background-color:#EDF4FF;
  padding:20px;
  width:calc(100% - 50px);
  margin-bottom:10px;
}
#tickbox > div > div {
  display:flex;
  align-items:center;
  justify-content: center;
  font-weight:bold;
  color:#3668AF;
  line-height:24px;
  font-size:1.4em;
  margin-top:10px;
}
#tickbox > div > div > img {
  margin-right:10px;
}
#tickbox > div > p {
  text-align:center;
  margin-top:20px;
  width:95%;
}
#tickbox ul li {
  list-style-image: url('/img/green_tick_16x16.png');
  margin-bottom:10px;
  line-height:16px;
}
#tickbox ul li span {
  position:relative;
  top:-3px; 
}
#mmformdiv {
  width:80%;
  margin:auto;
}
#mfform {
  margin-bottom:40px;
  font-size:1.2em;
}
#mfform label {
  width:250px;
  float:none !important;
  text-align:left;
}
#mfform select {
  width:300px;
  border-radius:5px;
  padding:2px;
}
#mfform input[type=text], #mfform input[type=email], #mfform input[type=tel], #mfform textarea {
  width:290px;
}
#mfform input[type=submit] {
  margin-left:10px;
  background-color:#6ec42c;
  color:#FFF;
  border:none;
  padding:10px;
  font-size:1.1em;
  width:90%;
  border-radius:5px;
}
#mfform input[type=submit]:hover {
  cursor:pointer;
  cursor:hand;
}
.xscounterparent {
  margin-left:10px;
}
.toomuch {
  margin-left:0;
}

#gmthe123 {
  justify-content:space-between;
  width:100%;
  background-color:transparent;
  margin-top:0;
}
#gmthe123 > div {
  width:40%;
  height:380px;
  margin:auto;
  background-color: rgb(255, 255, 255, 0.8);
  padding:20px;
  border-radius:5px;
}
#gmthe123_number {
  height:58px;
}
#gmthe123 button {
  background-color:#6ec42c;
  color:#FFF;
  font-weight:bold;
  font-size:.8em;
  border:none;
  border-radius:5px;
  width:100%;
  /*height:30px;*/
  margin:0 0 10px 0;
  padding:5px;
}
#gmthe123 button:hover {
  cursor:pointer;
  cursor:hand;
}
#gmthe123 > div {
  line-height:16px;
}
#gmthe123 > div > ul {
  width:70%;
    margin:20px auto;
    text-align:left;
}
#gmthe123 > div > ul > li {
  background: url(/img/green_tick_16x16.png) no-repeat 0 0 transparent;
  list-style-type: none;
  margin: 10px 0 10px -40px;
  padding: 0px 0px 3px 20px;
  /*font-weight:bold;*/
}
#gmintro {
  margin-bottom:0;
}
#gmthe123 h1 {
  font-size:1.1em;
}
#gmthe123 > div > ul > li {
  margin: 10px 0 10px -50px;
}

#gmleftside {
  width:98%;
}
#gmrightside {
  width:98% !important;
}
#gheadbox {
  width:96%;
  padding:10px;
  /*
  -webkit-border-radius:10px 10px 0 0;
    -moz-border-radius:10px 10px 0 0;
    border-radius:10px 10px 0 0;
    */
  background-color:#3668AF;
}
#filtersbox {
  width:96%;
  padding:10px;
  background-color:#DFE4EE;
}
.rrowcontainer .rlabel {
  width:120px;
}
.rrowcontainer .rfield {
  width:180px;
}
#gvthe123 {
  justify-content:space-between;
  width:90%;
  margin:auto;
  margin-bottom:20px;
  background-color: rgb(255, 255, 255, 0.8);
  border-radius:5px;
}
#gvthe123 > div {
  margin:auto;
  padding:20px;
  text-align:center;
}
#gvthe123 h1 {
  padding:0;
  margin:0 0 10px 0;
  color:#1f497d;
  font-weight:bold;
  font-size:1.5em;
}
.gvthe123_number {
  margin-left:10px;
}