#cmePageWrapper.cmeNarrow {
  top: 0;
  width: 984px;
}
h3 {
  line-height: 32px;
  margin-top: 25px;
}
.cmeNarrow #cmeHeader {
  display: block;
}
.cmeNarrow #cmeHeader #cmeGroupLogo {
  display: block;
  background-image: url("//www.cmegroup.com/etc/designs/cmegroup/cmegroupClientLibs/images/cme-logo.png");
  background-size: 200px 50px;
  height: 50px;
  margin: 20px auto 0;
}
.cmeNarrow #cmeHeader #cmeAppName {
  max-width: 342px;
}
span.required {
  color: #e00;
}
.input label.inline {
  display: inline-block;
}
.input .narrow {
  width: 75px;
}
.input .pad-right {
  padding-right: 26px;
  width: 186px;
}
.input.checkbox label {
  display: inline-block;
  padding-left: 0;
}
.input.checkbox input {
  margin: -3px 3px 0 0;
  outline: 0 none;
}
.input.submit {
  margin-top: 20px;
}
.input.submit input,
.input.submit .cmeButton {
  margin: 0 5px 8px 0;
}
.input > ul {
  border: 1px solid #ccc;
  list-style-type: none;
  margin: 0 0 10px;
  padding: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.input > ul > li {
  padding: 2px 5px;
}
.input > ul > li:nth-child(2n) {
  background-color: #e4e4e4;
}
.input > ul > li:hover {
  background-color: #f9e2b7;
  cursor: pointer;
  -webkit-transition: background-color 0.25s ease-in-out 0s;
  -moz-transition: background-color 0.25s ease-in-out 0s;
  -o-transition: background-color 0.25s ease-in-out 0s;
  transition: background-color 0.25s ease-in-out 0s;
}
.input [class^="icon-angle-"] {
  background-color: #f4f4f4;
  background-image: -moz-linear-gradient(top, #ffffff, #e4e4e4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e4e4e4));
  background-image: -webkit-linear-gradient(top, #ffffff, #e4e4e4);
  background-image: -o-linear-gradient(top, #ffffff, #e4e4e4);
  background-image: linear-gradient(to bottom, #ffffff, #e4e4e4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe4e4e4', GradientType=0);
  border-left: 1px solid #dadada;
  height: 18px;
  left: 198px;
  padding: 5px 0;
  position: absolute;
  text-align: center;
  top: 26px;
  width: 20px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
.cmeForm .input.error:after,
.cmeForm .input.ok:after {
  left: 230px;
  right: auto;
}
.cmeAlert.cmeFloatRight {
  font-size: 12px;
  padding: 6px 10px;
  margin: 0 0 0 10px;
  width: 304px;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cmeAlert h5 {
  margin: 0;
}
.cmeAlert ul {
  padding-left: 15px;
  margin: 0;
}
.cmeAlert label {
  font-size: 12px;
}
.cmeAlert .input {
  margin-bottom: 0;
}
.strength-indicator {
  background-color: #eee;
  position: absolute;
  top: 34px;
  left: 137px;
  height: 13px;
  width: 75px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.strength-indicator > div {
  height: 13px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.answer {
  background-color: #fafafa;
  border: 1px solid #ddd;
  padding: 4px 8px;
  margin-bottom: 10px;
  height: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.passwordCheckPass {
  color: #81bc62;
}
.passwordCheckFail {
  color: #fc0d1b;
}
[class^="icon-"],
[class*="icon-"] {
  color: #aaa;
  cursor: pointer;
}
#captcha img {
  width: 220px;
}
#captcha a {
  position: relative;
  right: -2px;
  top: 2px;
}

.cmeForm .cmeFormSectionHeader {
	background-color: #ebeaeb;
	padding: 0 15px;
	margin-bottom: 10px;
}

.cmeForm .cmeFormSectionHeader .cmeFloatRight {
	position: relative;
	top: 5px;
}

.cmeForm .cmeFormSectionHeader h3 {
	font-size: 20px;
	margin-top: 20px;

}


/* Phone */
@media screen and (max-width: 767px) {
  #cmePageWrapper {
    background-color: #fff;
  }
  #cmePageWrapper.cmeNarrow {
    width: 100%;
  }
  #cmePageWrapper.cmeNarrow #cmePageMastheadArea,
  #cmePageWrapper.cmeNarrow #cmePageContentArea {
    padding: 0 20px;
  }
  h1 {
    margin-bottom: 10px;
  }
  h2 {
    font-size: 24px;
    text-align: center;
  }
  h3 {
    font-size: 18px;
    margin-top: 15px;
    text-align: left;
  }
  .input select {
    width: 100%;
  }
  .strength-indicator {
    left: auto;
    right: 10px;
  }
  .cmeAlert.cmeFloatRight {
    float: none;
    width: 100%;
    margin: 10px 0;
  }
  .cmeAlert p {
    text-align: left;
  }
  .cmeForm input[type="checkbox"] {
    width: auto !important;
  }
  .cmeForm .input.error:after,
  .cmeForm .input.ok:after {
    left: auto;
    right: 4px;
  }
  .input [class^="icon-angle-"] {
    left: auto;
    right: 1px;
  }
}

.button.previous{
	float:left;
	
}

.button.previous input[type="button"]{
	 background: #edf3f5;
  	background-image: -webkit-linear-gradient(top, #edf3f5, #d6d6d6);
  	background-image: -moz-linear-gradient(top, #edf3f5, #d6d6d6);
  	background-image: -ms-linear-gradient(top, #edf3f5, #d6d6d6);
  	background-image: -o-linear-gradient(top, #edf3f5, #d6d6d6);
  	background-image: linear-gradient(to bottom, #edf3f5, #d6d6d6);
  	font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 17.5px;
    font-weight: 300;
    letter-spacing: 0.25px;
    line-height: 24px;
    padding: 5px 25px;
    text-align: center;
    vertical-align: middle;
    color:#000;
  	text-decoration: none;
}

.button.previous input[type="button"]:hover{
	 background: #dfe4e6;
  background-image: -webkit-linear-gradient(top, #dfe4e6, #848687);
  background-image: -moz-linear-gradient(top, #dfe4e6, #848687);
  background-image: -ms-linear-gradient(top, #dfe4e6, #848687);
  background-image: -o-linear-gradient(top, #dfe4e6, #848687);
  background-image: linear-gradient(to bottom, #dfe4e6, #848687);
  	text-decoration: none;
}

.button.next input[type="button"]:hover{
  background: #1eade6;
  background-image: -webkit-linear-gradient(top, #1eade6, #54b3e3);
  background-image: -moz-linear-gradient(top, #1eade6, #54b3e3);
  background-image: -ms-linear-gradient(top, #1eade6, #54b3e3);
  background-image: -o-linear-gradient(top, #1eade6, #54b3e3);
  background-image: linear-gradient(to bottom, #1eade6, #54b3e3);

}

.button.next{
	float:right;
	content: "\f057";
}
.button.next:hover > button{
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

#section2{
	display:none;
}

#section3{
	display:none;
}

.add1{
	margin-top:20px;
}

.add1 span{
	color:#0575b9;
	text-decoration:none;
	cursor:pointer;
}
.add1 span:hover{
	color:#1c3d73;
}


#companyContainer{display:inline-block;width:60%;}
#cityStateZipContainer{display:inline-block;width:100%;}
.formSubHeader{color:#BDBDB8; padding:5px 20px 15px 20px;}
.formUnderlineHeader{border-bottom:1px solid #efefef;margin-bottom:10px;}
.padBottom{padding-bottom:10px;}
.padLeft{padding-left:40px;}
.boldBig{font-size:1.2em;margin-right:55px;}
.boldBig.req:before{color: #ee0000;content: "*";margin:8px;}
.blue{color:#0575b9;font-size:1.2em;cursor:pointer;line-height:25px;}
.checkboxContainer{margin-bottom:30px;}
.checkboxContainer.checkRequired:before{color: #ee0000;content: "*";margin:8px;}
.checkboxContainer.checkRequired.error:after{ 
  color: #fc0d1b;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  font-size:24px;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  content: "\f057";}
.displayInline{
	display:inline;
}
.checkboxLast{margin-top:10px;}
.cmeForm label.error, .cmeForm label.error {color: red;}

.blockContainerTwo{width:70%;display:inline-block;}
.blockContainerThree{width:100%;display:inline-block;}
.blockContainerThree > div.displayInline{width:33%;}
.blue.question:before, .blue.legal:before, .blue.what:before{
	background: url("//www.cmegroup.com/etc/designs/cmegroup/cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat;
	background-position: -1px -257px;
	content: "";
    position:absolute;
    height: 24px;
    margin-right: 5px;
    margin-top: 2px;
    width: 30px;
}
.blue.question:before{left:145px;}
.blue.legal:before{left:-30px;}
.blue.what:before{left:10px;}
.blueSubHeader{color:#0575b9;font-size:0.9em;padding-left:15px;}

.blue.question span{display:none;position:absolute;left:150px;background-color:#f1f1f1;color:#000;font-size:14px;border:1px solid #000;width:500px;padding:15px; z-index:1;}
.blue.what span, .blue.legal span{display:none;position:absolute;left:0px;top:-20px;background-color:#f1f1f1;color:#000;font-size:14px;border:1px solid #000;width:250px;padding:15px;z-index:10000;}
.blue.question:hover span, .blue.legal:hover span, .blue.question:hover span{display:inline;} 
.blue.what:hover span{display:inline-block;}
.floatFormLeft{width:50%;float:left;}
.floatFormRight{width:50%;float:right;}

	
.grayBackground select{ background: -webkit-linear-gradient(red, blue); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(red, blue); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
  background: linear-gradient(red, blue); /* Standard syntax */}

.save, .delete{
	text-decoration:none;
	color:#0575b9;
	cursor:pointer;
}

.marginTop{margin-top:20px;}

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1023px) {
	
	.displayInline{display:block;}
	.checkboxLast{margin-top:0px;}	
	.blockContainerTwo{width:100%;}
	.blockContainerTwo .cmeFloatLeft,.blockContainerThree .cmeFloatLeft{float:none;}
	.blockContainerTwo .cmeFloatRight,.blockContainerThree .cmeFloatRight{float:none;}
	.blockContainerThree .cmeFloatCenter{margin:0;}
	
	.checkboxContainer.checkRequired.error:after{position:relative;left:220px;top:-50px;}
	
	.checkboxContainer.blockContainerThree > div.displayInline{margin-bottom:15px;}
}

/* Phone */
@media screen and (max-width: 767px) {
	.displayInline{display:block;}	
	.checkboxLast{margin-top:0px;}	
	.blockContainerTwo{width:100%;}
	.blockContainerTwo .cmeFloatLeft,.blockContainerThree .cmeFloatLeft{float:none;}
	.blockContainerTwo .cmeFloatRight,.blockContainerThree .cmeFloatRight{float:none;}
	.blockContainerThree .cmeFloatCenter{margin:0;}
	.blockContainerThree > div.displayInline {
    width: 100%;
	}
	.checkboxContainer.blockContainerThree > div.displayInline{margin-bottom:15px;}
	.blue.question:before {
    left: 140px;
	}
	.blue.question span{left:0px;}
	p{text-align:left;}
	.blue.what{width:50%;}
	.checkboxContainer.checkRequired.error:after{position:relative;left:220px;top:-50px;}
}