.page_title {
  font-size:2.2em;
  color:#3668af;
}
#ref_dd {
  width:250px;
}

p#intro {
  font-size:1.3em;
  margin-bottom:40px;
}

#home_bullets {
  font-size: 1.3em;
  padding: 0 0 0 12px;
  margin: 20px 0 40px 0;
}
#home_bullets li {
  margin: 10px 0;
}
#choice_boxes {
  display:flex;
  justify-content:space-between;
  width:80%;
  margin:auto;
  margin-bottom: 80px;
}
#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:100px;
  /*background-image: url(/img/hp_match_70.jpg);*/
  background-image: url(/img/get_business_grants_768x249.jpg);
  background-size: cover;
  /*background-position: 40px 25px;*/
  background-repeat: no-repeat;
}

#choice_boxes_2_img {
  height:100px;
  background-image: url(/img/hp_meeting_70.jpg);
  background-size: cover;
  background-position: -10px -45px;
}
#choice_boxes_3_img {
  height:100px;
  background-image: url(/img/hp_tailor_70.jpg);
  background-size: cover;
  background-position: -10px -200px;
}
#choice_boxes > div > ul {
  margin:20px 0;
  padding-left:55px;
}
#choice_boxes > div li {
  background: url(/img/green_tick_16x16.png) no-repeat 0 0 transparent;
  list-style-type: none;
  margin: 10px 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:70%;
  /*height:30px;*/
  margin:10px 0 30px 15%;
  padding:10px 0;
}
#findagrant {
  position:relative;
  display:inline-block;
}
#choice_boxes button > a, #choice_boxes button > a:visited {
  color: #FFFFFF;
  text-decoration: none;
}
/*#findagrant:after {
  position:absolute;
  right:40%;
  top:30px;
  content:" ";
  width: 0px;
  height: 0px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #6ec42c;
}*/
#choice_boxes button:hover {
  cursor:pointer;
  cursor:hand;
}
#matched_head_container {
  background-color:#fafafa;
  padding:20px;
  margin-top:40px;
}
#matcher_head {
  font-weight:bold;
  font-size:2.5em;
  color:#3668af;
  margin:0;
  margin-top:10px;
  padding:0;
}
#the123 {
  display:flex;
  margin-top:20px;
  font-size:1.1em;
}
#the123 > div {
  margin-bottom:10px;
  margin-right:40px;
  line-height:25px;
}
#mmthe123 {
    display:flex;
    margin-top:20px;
    font-size:1.1em;
}
#mmthe123 > div {
  display:flex;
  flex:1;
    margin-bottom:10px;
    margin-right:40px;
    line-height:30px;
}
.bluecircle {
  height:30px;
  width:30px;
  background-color:#1f497d;
  border-radius:50%;
  display:inline-block;
  color:#FFF;
  line-height:30px;
  text-align:center;
  margin-right:10px;
}
#matcher_container {
  /*width:98%;*/
}
.thenumbers_selectarea {
  display:flex;
  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 {
  width:30%;
  margin-bottom:10px;
}
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: 1;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  padding:10px 20px;
  font-weight:bold;
  font-size:1.2em;
  border-right:1px solid white;
  border-bottom:1px solid white;
}
#thenumbers_boxes > div:last-of-type {
    border-right: none;
}
.thenumbers_top {
  margin:10px 0 0 20px;
}
.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;
}
#graphexpress_lhs {
  width: 100%
}
#availablegraph_container {
  margin:10px;
}
#availablegraph_head {
  display:flex;
  font-weight:bold;
  font-size:1.2em;
  margin:0 0 20px 5px;
}
#availablegraph_head > div:nth-of-type(2) {
  margin-left: auto;
}
#availablegraph_head_click {
  margin:5px 0 10px 0;
  font-style:italic;
  text-align:center;
}
.graph_row {
  display:flex;
  -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_clicked {
  border:1px solid #005daa;
  background-color:#FFF;
}
.graph_row_title {
  width:50%;
  text-align:left;
}
.graph_row_total {
  width:12%;
  text-align:left;
}
.graph_row_bar {
  width:30%;
}
.graph_row_bar_bar {
  background-color:#005daa;
  height:12px;
  margin-top:2px;
}
#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 0 0 5px;
  font-size:1.3em;
  padding:10px;
  width:50%;
  height:50px;
  position:relative;
  display:inline-block;
}
#buttondiv button:after {
  position:absolute;
  right:-20px;
  top:0px;
  content:" ";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 25px 0 25px 20px;
  border-color: transparent transparent transparent #6ec42c;
}
#buttondiv button.inactive {
  background-color:#e7e6e6;
}
#buttondiv button.inactive:after {
  border-color: transparent transparent transparent #e7e6e6;
}
#graphexpress button:hover {
  cursor:pointer;
  cursor:hand;
}
#cta_head {
  font-weight:bold;
  font-size:1.5em;
  color:#3668af;
  margin:0;
  margin-top:60px;
  padding:0;
}
#ctas {
  display:flex;
  justify-content:space-between;
  margin:20px 0;
}
#ctas:hover {
  cursor:pointer;
  cursor:hand;
}
#ctas > div {
  width:30%;
  border: 1px solid #6ec42c;
  border-radius:5px;
  margin:10px auto;
}
#ctas > div > div:nth-of-type(2) {
  padding:10px 20px;
}
#ctas > div > div:nth-of-type(2) > h1 {
  font-size:1.4em;
}
#ctas > div > div:nth-of-type(2) > p {
  font-size:1.1em;
}
#cta_1_img {
  height:120px;
  background-image: url(/img/hp_matched.jpg);
  background-size: cover;
  background-position: -10px -60px;
}
#cta_2_img {
  height:120px;
  background-image: url(/img/hp_toolbox.jpg);
  background-size: cover;
  background-position: -10px -60px;
}
#details {
  width:60%;
  margin:40px auto;
  margin-bottom:40px;
}
#details input[type=text], #details input[type=email], #details input[type=tel], #details textarea {
  width:350px; 
}
#details #ulocation {
  width:200px;
}
#details #submit {
  background-color:#6ec42c;
  color:#FFF;
  border:none;
  border-radius:5px;
  padding:10px;
  font-size:1.2em;
  font-weight:bold;
  width:350px;
}
#details #submit:hover {
  cursor:pointer;
  cursor:hand;
}
#details #ureplabel {
  width:290px;
  text-align:left;
  margin-left:170px;
}
#details #uagreelabel {
  width:400px;
  text-align:left;
  margin-left:170px;
}
#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;
  margin:0 10px 0 0;
}
#details #cagree {
  margin:0 0 20px 170px;
  width:350px;
}
#tickbox {
  display:flex;
  justify-content:space-between;
  margin-top:40px;
}
#tickbox > div {
  border:1px solid #CCCCCC;
  border-radius:5px;
  background-color:#EDF4FF;
  padding:20px;
  width:26%;
}
#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;
}
#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:270px;
  background-color:#6ec42c;
  color:#FFF;
  border:none;
  padding:10px;
  font-size:1.3em;
  width:300px;
  border-radius:5px;
}
#mfform input[type=submit]:hover {
  cursor:pointer;
  cursor:hand;
}
.xscounterparent {
  margin-left:270px;
}
.toomuch {
  margin-left:0;
}

#gmthe123 {
  display:flex;
  justify-content:space-between;
  width:100%;
  background-color:transparent;
}
#gmthe123 > div {
  width:40%;
  height:270px;
  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:1.1em;
  border:none;
  border-radius:5px;
  width:90%;
  /*height:30px;*/
  margin:0 0 10px 0;
  padding:10px;
}
#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;*/
}

#gmleftside {
  float:left;
  width:350px;
}
#gheadbox {
  width:80%;
  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:80%;
  padding:10px;
  background-color:#DFE4EE;
}
#gvthe123 {
  display:flex;
  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;
}