/* imports */

/* fonts */

@font-face {
  font-family: 'RalewayBold';
  src: url('../fonts/raleway/Raleway-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'RalewayThin';
  src: url('../fonts/raleway/Raleway-Thin.ttf') format('truetype');  
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/raleway/Raleway-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  }

/* general styling */
a {
  text-decoration: none;
}
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.button, p {
  font-family: Raleway;
  color: #303236;
}

.button {
  box-sizing: border-box;
  margin: 8px 0;
  background: #492664;
  color: white;
  padding: 4px;
  text-align: center;
  width: 100%;
  border: none;
  font-family: Raleway;
}


.logo {
  display: flex;
  align-self: center;
}

.logo > img {
  transform: scale(0.5, 0.5);
-ms-transform: scale(0.5, 0.5);
-webkit-transform: scale(0.5, 0.5);
}

.login_form {
  align-self: center;
}

.input_sub_header {
  padding-bottom: 4px;
  font-size: 12px;
  font-family: RalewayThin;
}

.disclaimer {
  width: 60%;
  min-width: 600px;
  align-self: center;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  font-weight:100;
}

.footer {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #6b6b6b;
}

.footer > p {
  color: white;
  font-size: 16px;
  padding: 0px 0;
  text-align: center;
}

.referral_forms {
  display: flex;
  background: #f7f7f7;
  flex-direction: column;
  padding: 0px 0;
  margin: 0px 0;
  align-items: center;
  align-self: center;
}

.referral_nav {
  display: flex;
  background: #f7f7f7;
  flex-direction: column;
  padding: 0px 0;
  margin: 0px 0;
  align-items: center;
  align-self: center;
}

.referral_sub_nav {
  display: flex;
  flex-direction: row;
  margin-top: 24px;
}



.referral_sub_nav_link {
  display: flex;
  width: 130px;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  padding: 0px 12px;
}



.referral_sub_nav_link > img {
  width: 62px;
  height: 62px;
}

.referral_sub_nav_link > p {
  word-wrap: break-word;
  font-size: 12px;
  text-align: center;
  margin-top: 8px;
}

.referral_sub_nav_link > img:hover {
  opacity: .4;
}

.referral_sub_nav_link > p:hover {
  opacity: .4;
}

header {
  display: flex;
  flex-direction: column;
}

.nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-size: 12px;
  color:black;
}
.nav > div {
  display: flex;
  margin-left: 24px
}

.skew_divide {
  -webkit-transform: skew(-30deg);
      -moz-transform: skew(-30deg);
        -o-transform: skew(-30deg);
    border-right:1px solid black;
}
.nav p {
  font-family: Raleway;
  cursor: pointer;
  margin-right: 12px;
  font-size: 12px;
}

.nav a {
  font-family: Raleway;
  cursor: pointer;
  margin-right: 12px;
  font-size: 12px;
  color:black;
}

.nav p:hover {
  opacity: .4;
}

.iframe_container {
  height: 100vh;
  width: 90%;
  background: #f7f7f7;
  align-self: center;
  margin-bottom: 96px;
}


#tableForDataGrid1 table {
	margin: 5px auto;
}

#copyright {
	margin-top: 100px;
	margin-bottom: 10px;

}
#divmain {
	font-weight: bold;
	margin: 0px auto;
	width: 100%;
	border: none 0px #ffffff;
	clear: both;
	vertical-align: top;
	text-align: center;
/*padding-bottom:25%;*/	z-index: 0;
}
#divleft {
	margin: 0px;
	position: absolute;
	left: 0;
	top: 115px;
	float: left;
	width: 17px;
	border: none 0px #ffffff;
	vertical-align: top;
}
#divmain2 {
	margin-left: 17px;
	position: absolute;
	top: 115px;
	border: none 0px #ffffff;
	float: left;
	vertical-align: top;
	text-align: center;
	background-color: #ffffff;
	padding-bottom: 25%;
}
#divCenter650 {
	font-weight: bold;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 1px;
	width: 650px;
	background-color: #555555;
	border: none;
}
#headerMenuDIV {
	clear: both;
	top: 0px;
	z-index: 0;
	margin: 0px;
	width: 100%;
}
#menu1 {
	z-index: 100;
	padding: 10px;
	float: left;
	width: 30px;
}
#menu2 {
	z-index: 100;
	padding: 10px;
	float: left;
	width: 30px;
}
#menu3 {
	z-index: 100;
	padding: 10px;
	float: left;
	width: 30px;
}
#menuBig {
	z-index: 100;
	padding: 10px;
	float: left;
	width: 60px;
}

.divInfoContainer1 {
	margin-bottom: 5px;
	padding:5px;
	text-align: left;
	width:340px;
}

.divInfoContainer2 {
	text-align: left;
	width: 100%;
}

.divInfoContainer3 {
	padding:5px;
	text-align: left;
	width:340px;
}

.divleft1 {
	float:left; 
	width: 345px; 
	clear: left; 
	text-align: left;
}

.divright1 {
	float:right; 
	width: 345px; 
	clear: right;
	text-align: left;
}

.divtextarea{
text-align:center;	
}

.radioButtons {
	width: 16px; 
	height: 16px;
	background-color: #b6f1f9;
}
	
.tableBlue {
background-color:#b6f1f9;
width: 350px;
border:none;
margin-bottom:2px;
}
.divHeader {
	font-weight: bold;
	padding: 3px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: center;
	color: #225522;
	border: 1px solid #AA99AA;
}
.divHeader2 {
	font-weight: bold;
	padding: 3px;
	background-color: #FFFFFF;
	text-align: center;
	color: #225522;
	border: 1px solid #AA99AA;
}

.divInfoContainer1 table {
	width: 100%;
	border-style: none;
}


.textArea300 {
	width:300px;
	margin:5px auto;	
}

.anylinkcss {
	position: absolute;
	border: 1px solid #777777;
	border-bottom-width: 0;
	font: normal 11px Verdana;
	line-height: 18px;
	z-index: 100;
	color: #333300;
	background-color: #DDEEDD;
	width: 200px;
	visibility: hidden;
	display: block;
	margin: auto;
}
.anylinkcss a {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #777777;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	color: #333300;
	text-indent: 5px;
	margin: auto;
}
.anylinkcss a:hover {
	/*hover background color*/
	background-color: #777777;
	color: #EEEEEE;
}



BODY {
	font-family: Raleway;
	font-size: 11px;
	color: #222222;
	text-decoration: none;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 100%;
}

div {
	font-weight: bold;
}

form {
	margin: 0px;
	padding: 0px;
}
input {
	font-family: Raleway;Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #222222;
	background-color: #F2F2FF;
	margin: 0px;
	padding: 1px;
}
input[type="radio"] {
	background-color: #b6f1f9;
	width: 16px; 
	height: 16px;
}
textarea {
	font-family: Raleway;Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #EEEEFF;
	padding: 1px;
	resize: vertical;
}
.aligncenter {
	text-align: center;
	margin: 5px;
}
.alignright {
	text-align: right;
	margin-left: 85%;
	margin-right: 5px;
}
.alignrightpad3 {
	text-align: right;
	padding: 3px;
}
.alignleftpad3 {
	text-align: left;
	padding: 3px;
}
.alignrightgreen {
	text-align: right;
	padding-right: 5px;
	background-color: #b6f1f9;
}
.alignrightLTblue {
	text-align: right;
	margin-left: 85%;
	margin-right: 5px;
	background-color: #F1EFF1;
}
.blue {
	color: #0044AA;
}
.bold {
	font-weight: bold;
}
.boldtext {
	font-family: Raleway;Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.bold12pxBlue {
	font-family: Arial, sans-serif;
	font-weight: bold;
	background-color: #FFEECC;
	text-align: left;
	font-size: 12px;
	color: #000099;
	padding: 5px 10px;
}
.bold12pxRed {
	font-family: Arial, sans-serif;
	font-weight: bold;
	background-color: #EECCAA;
	text-align: left;
	font-size: 14px;
	color: #773311;
	padding: 5px 10px;
}
.bold12pxDropdown {
	font-family: Arial, sans-serif;
	font-weight: bold;
	background-color: #eeeeff;
	text-align: left;
	font-size: 12px;
	color: #000099;
	padding: 5px;
	margin: 5px 0px;
}
.border1px {
	border: 1px solid #AA99AA;
	margin: auto;
}
/*style="width: 780px" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#ddddee"*/
.divAlignLeftGreenHeader {
	text-align: left;
	padding: 10px;
	background-color: #b6f1f9;
	margin: auto;
	font-size: 12px;
	font-family: Raleway;
}
.divCenter780UR {
	font-weight: bold;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 1px;
	width: 800px;
	background-color: #ddddee;
	border: none;
}
.divCenter900UR {
	font-weight: bold;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 1px;
	width: 920px;
	background-color: #ddddee;
	border: none;
}
.divCenterWithText {
	font-weight: bold;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 1px;
	width: 50%;
	background-color: #ddddee;
	border: none;
	color: #333333;
}
.divCenter100Percent {
	width: 100%;
	border: none;
	vertical-align: top;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.divCenterHeaderLarge780 {
	font-weight: bold;
	padding: 7px 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	text-align: center;
	color: #003399;
	border: 1px solid #AA99AA;
	font-family: Arial, Verdana, Tahoma;
	font-weight: bold;
	font-size: 11pt;
	width: 780px;
}
.divCenter700 {
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	padding: 1px;
	width: 700px;
	background-color: #555555;
	border: none;
	border-width: 0px;
}
.divCenter780 {
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	padding: 1px;
	width: 780px;
	background-color: #555555;
	border: none;
	border-width: 0px;
}
.divCenter700Light {
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
	padding: 5px;
	width: 710px;
	background-color: #b6f1f9;
	border: none;
	border-width: 0px;
}

.divCenter360Left {
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	width: 360px;
	background-color: #b6f1f9;
	border: none;
	border-width: 0px;
	clear:left;
}
.divCenter360 {
	font-weight: bold;
	padding: 5px;
	width: 360px;
	background-color: #b6f1f9;
	border: none;
	margin: 10px auto;
}
.dropdownstrikeout {
	font-family: Raleway;Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: line-through;
	color: #BBBBBB;
	background-color: #EEEEFF;
	margin: 0px;
	padding: 2px;
}
.dropdownnormal {
	font-family: Raleway;Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	background-color: #EEEEFF;
	margin: 0px;
	padding: 2px;
}
.errorTitle {
	font-weight: bold;
	padding: 10px;
	margin: 10px;
	background-color: #555555;
	color: #ffff44;
	font-size: 12pt;
	text-align: center;
	border: 1px solid #CC0000;
}
.formheads {
	background-color: #666666;
}
.green {
	color: #113311;
}
.greenHeader {
	font-family: Raleway;Arial, sans-serif;
	font-size: 11px;
	color: #225522;
	font-weight: bold;
	background-color: #F2F2FF;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
	text-align: center;
}
.headerButton5 {
	border: 0px solid;
	padding: 0px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: transparent;
	color: transparent;
}
.labelBordergray {
	padding: 1px 5px;
	margin: auto;
	color: #003399;
	text-align: left;
	border: 1px solid #888888;
}
.linkcalendar {
	font-family: Raleway;Arial, sans-serif;
	font-size: 10px;
	color: #000099;
	font-weight: bold;
	text-decoration: underline;
}
.linkcalendar:hover {
	color: #ffff00;
	text-decoration: none;
	background-color: #993333;
}
.linkOutlined {
	font-weight: bold;
	padding: 3px 10px 5px;
	background-color: #482862;
	color: #FFFFFF;
	border-top: 1px solid #AA99AA;
	border-right: 1px solid #AA99AA;
	border-bottom: 1px solid #AA99AA;
	border-left: 1px solid #AA99AA;
	margin: 3px 10px 10px 3px;
	left: auto;
	right: auto;
}
.linkOutlined a{
	color: #FFFFFF;
}
.linkOutlined:hover {
	background-color: #ffffff;
	color: #FF9955;
	text-decoration: underline;
}

.linknewur {
	font-family: Raleway;Arial, sans-serif;
	font-size: 14px;
	color: #CCCCFF;
	font-weight: bold;
	text-decoration: underline;
}
.linknewur:hover {
	font-family: Raleway;Arial, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
.ltablespace10 {
	margin-left: 10px;
}
.margin3 {
	margin: 3px;
}
.nostylebuttons {
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	color: transparent;
	border: 0px;
}
.pageTitle {
	font-weight: bold;
	font-family: Raleway;
	padding: 10px;
	margin: 0px 10% 0px 10%;
	background-color: white;
	color: #333366;
	font-size: 11pt;
	text-align: center;
	border: 0px solid #DDDDDD;
}
.pageWarning {
	font-weight: bold;
	margin: 15px;
	color: #990000;
	font-size: 10pt;
	text-align: center;
    background-color:yellow;
}
.pageNote {
	font-weight: bold;
	padding: 10px;
	margin: 15px;
	background-color: #DDEEDD;
	color: #222222;
	font-size: 10pt;
	text-align: center;
	border: 1px dotted #222222;
}
.notBold {
	font-weight: normal;
}
.orangeHeader {
	font-weight: bold;
	font-size: 11px;
	color: #bb4400;
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 3px;
}
.purple {
	color: #660066;
}
.red {
	color: #990000;
}
.redandBigger {
	color: #990000;
	font-size: 13px;
}
.readingtext-tahoma11notBold {
	line-height: 20px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.small {
	font-size: 9px;
	font-weight: normal;
}
span table {
	border: 1px solid #ddddee;
}
select {
	font-family: Raleway;Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	background-color: #EEFFEE;
	margin: 0px;
	padding: 2px;
}
.tableKeepFormCells {
	padding: 0px;
	text-align:left;
}
.tablespace5 {
	margin: 1px;
}
.tablemarginbottom10 {
	margin-bottom: 10px;
}
td {
	font-family: Raleway;Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
th {
	font-family: Raleway;Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.tdalignleft {
	text-align: left;
	padding: 5px 5px 5px 10px;
	background-color: #FFFFFF;
}
.tdalignleftpad {
	text-align: left;
	padding: 10px;
	background-color: #FFFFFF;
}
.tdalignleftpadblue {
	text-align: left;
	padding: 2px 10px;
	background-color: #EEEEFF;
}
.tdalignleftpadorange {
	text-align: left;
	padding: 10px;
	background-color:Orange;
}
.tdalignleftpadgreen {
	text-align: left;
	padding: 10px;
	background-color: #b6f1f9;
}
.tdalignleftgreen {
	text-align: left;
	padding: 5px;
	background-color: #b6f1f9;
}
.tdalignleftpad5_3_5_10green {
	text-align: left;
	padding-left: 10px;
	padding-right: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #b6f1f9;
}
.tdalignleftpadvlgray {
	text-align: left;
	padding: 2px 10px;
	background-color: #EFEFEF;
}
.tdalignleftgrayvvl {
	text-align: left;
	padding: 5px 5px 5px 10px;
	background-color: #FDFDF6;
}
.tdalignleftblue2 {
	text-align: left;
	padding: 5px;
	background-color: #223399;
	color: #FFEEFF;
}
.tdalignleftblue3 {
	text-align: left;
	padding: 5px;
	background-color: #1122BB;
	color: #FFEEFF;
}
.tdalignleftgreendark {
	text-align: left;
	padding: 5px;
	background-color: #113311;
	color: #FFFFFF;
}
.tdalignleftpad3blue {
	text-align: left;
	padding: 3px;
	background-color: #EEEEFF;
}
.tdalignrightgrayvlight {
	text-align: right;
	padding: 5px;
	background-color: #EFEFEF;
}
.tdalignright {
	text-align: right;
	padding: 5px;
	background-color: #FFFFFF;
}
.tdalignrightgrayvvl {
	text-align: right;
	padding: 5px;
	background-color: #FDFDF9;
}
.tdalignrightgreenheader {
	color: #225522;
	background-color: #F2F2FF;
	padding-right: 20px;
	text-align: right;
}
.tdalignrightdarkblue {
	text-align: right;
	padding: 5px;
	background-color: #DDDDEE;
}
.tdalignrightgrayviolet {
	text-align: right;
	padding: 5px;
	background-color: #DDBBEE;
}
.tdcenter {
	text-align: center;
	padding: 5px;
	background-color: #FFFFFF;
}
.tdcentertransparent {
	text-align: center;
	padding: 5px;
	background-color: Transparent;
}
.tdcenterblue {
	text-align: center;
	padding: 5px;
	background-color: #EEEEFF;
}
.tdcenterbluedark {
	text-align: center;
	padding: 5px;
	background-color: #DDDDEE;
}
.tdcenterblue2 {
	text-align: center;
	padding: 5px;
	background-color: #223399;
	color: #FFEEFF;
}
.tdcentergreendark {
	text-align: center;
	padding: 5px;
	background-color: #b6f1f9;
	color: #b6f1f9;
}
.tdcenterorange {
	text-align: center;
	padding: 5px;
	background-color: #FFEEDD;
}
.tdcenterred {
	text-align: center;
	padding: 5px;
	background-color: #ff8888;
}
.tdcentergrayedout {
	text-align: center;
	color: #888888;
	padding: 5px;
	background-color: #e1e1e1;
}
.tdcentergray {
	text-align: center;
	padding: 5px;
	background-color: #FFFFFF;
}
.tdcentergreen {
	text-align: center;
	padding: 5px;
	background-color: #b6f1f9;
}
.tdcenterorange {
	text-align: center;
	padding: 5px;
	background-color:#FFEEDD;
}
.tdcenterorange2 {
	text-align: center;
	padding: 5px;
	background-color:Orange;
}
.tdcenterinvisible {
	text-align: center;
	padding: 0px;
	color: #FFFFFF;
}
.tdcentergrayvlight {
	text-align: center;
	padding: 5px;
	background-color: #EFEFEF;
}
.tdcentergrayvlight {
	text-align: center;
	padding: 5px;
	background-color: #EFEFEF;
}
.tdcentergrayvvl {
	background-color: #FDFDF9;
	text-align: center;
	padding: 5px;
}
.tdheader {
	font-weight: bold;
	padding: 5px;
	margin: 0px;
	background-color: #FFFFFF;
	text-align: center;
	color: #225522;
	border: 1px solid #AA99AA;
}
.tdheaderLarge {
	font-weight: bold;
	padding: 7px;
	margin: 0px;
	background-color: #FFFFFF;
	text-align: center;
	color: #003399;
	border: 1px solid #AA99AA;
	font-family: Arial, Verdana, Tahoma;
	font-weight: bold;
	font-size: 11pt;
}
.tdleft {
	text-align: left;
	padding: 5px;
	background-color: #FFFFFF;
}
.tdleftwithborder {
	font-weight: bold;
	padding: 3px;
	margin: 0px;
	background-color: #FFFFFF;
	color: #225522;
	border: 1px solid #997799;
}
.tdcenterorangelarge {
	text-align: center;
	padding: 5px;
	background-color: #FFEEDD;
	font-size: 13px;
	color: #997733;
}
.tdsmall {
	padding: 2px 1px 2px 5px;
	margin: 0px;
	text-align: left;
	background-color: #FFFFFF;
	font-size: 9pt;
}
.reversedGray {
	color: #EEEEEE;
}
.text18px {
	font-size: 18px;
}
.tdcenterGreene {
	text-align: center;
	padding: 5px;
	background-color: #99ffcc;
	color: #000000;
}
.tdcenterReversed {
	text-align: center;
	padding: 5px;
	background-color: #b6f1f9;
	color: black;
}
.tdcenterReversed a {
	text-decoration: underline;
	color: #FFFFFF;
}
.tdcenterReversed a:hover {
	text-decoration: none;
	color: #FFCC00;
}
.tdalignleftgreendark a {
	text-decoration: underline;
	color: #FFFFFF;
}
.tdalignleftgreendark a:hover {
	text-decoration: none;
	color: #FF6633;
}
.ddl220 {
	width: 220px;
	padding: 0px;
	border-width: 0px;
	margin-bottom: 0px;
}
.ddl250 {
	width: 250px;
	padding: 0px;
	border-width: 0px;
	margin-bottom: 0px;
}
.ddl150 {
	width: 150px;
	padding: 0px;
	border-width: 0px;
	margin-bottom: 0px;
}
.ddl200 {
	width: 200px;
	padding: 0px;
	border-width: 0px;
	margin-bottom: 0px;
}
.ddl80 {
	width: 80px;
	padding: 0px;
	border-width: 0px;
	margin-bottom: 0px;
}
.ddl45 {
	width: 45px;
	padding: 0px;
	border-width: 0px;
	margin-bottom: 0px;
}
.ddl40 {
	width: 40px;
	padding: 0px;
	border-width: 0px;
	margin-bottom: 0px;
}
.textbox10 {
	width: 10px;
}
.textbox20 {
	width: 20px;
}
.textbox30 {
	width: 30px;
}
.textbox40 {
	width: 40px;
}
.textbox50 {
	width: 50px;
}
.textbox55 {
	width: 55px;
}
.textbox60 {
	width: 60px;
}
.textbox65 {
	width: 65px;
}
.textbox70 {
	width: 70px;
}
.textbox75 {
	width: 75px;
}
.textbox80 {
	width: 80px;
}
.textbox85 {
	width: 85px;
}
.textbox90 {
	width: 90px;
}
.textbox95 {
	width: 95px;
}
.textbox100 {
	width: 100px;
}
.textbox110 {
	width: 110px;
}
.textbox115 {
	width: 115px;
}
.textbox120 {
	width: 120px;
}
.textbox125 {
	width: 125px;
}
.textbox130 {
	width: 130px;
}
.textbox140 {
	width: 140px;
}
.textbox150 {
	width: 150px;
}
.textbox180 {
	width: 180px;
}
.textbox200 {
	width: 200px;
}
.textbox225 {
	width: 225px;
}
.textbox240 {
	width: 240px;
}
.textbox250 {
	width: 250px;
}
.textboxall {
	width: 98%;
}
.textbox95percent {
	width: 95%;
}
.verticalmiddle {
	vertical-align: middle;
}
.pink {
    color: #e216d2;
}
.greener {
    color: #14ad2a;
}
.buttons {
    -moz-box-shadow: inset 0px 1px 0px 0px #caefab;
    -webkit-box-shadow: inset 0px 1px 0px 0px #caefab;
    box-shadow: inset 0px 1px 0px 0px #caefab;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
    background: -moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background: -webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background: -o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background: -ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background: linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
    background-color: #77d42a;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #268a16;
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-family: 'Century Gothic';
    font-size: 15px;
    font-weight: bold;
    padding: 6px 4px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #aade7c;
}

.buttons:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
        background: -moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background: -webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background: -o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background: -ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background: linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
        background-color: #5cb811;
    }

.buttons:active {
        position: relative;
        top: 1px;
    }


.search_by_intermediary {
  display: flex;
  align-self: center;
  flex-direction: column;
  text-align: center;
  margin-top: 20px;
  font-size: 18px;
}

.search_by_intermediary p:first-child {
 font-size: 24px;
 margin-bottom: 12px;
}

.search_by_intermediary_buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 8px;
  margin-bottom : 8px;
  font-size: 14px
}

.search_by_intermediary_buttons div {
  padding: 8px;
  width: 170px;
}

.search_by_intermediary_buttons a:hover {
  opacity: .4;
}

.search_by_intermediary_buttons a:first-child{
  margin-right: 12px;
}