/* Modern Narrow Sign Up Form ~ Now Responsive! */

body {
	background-color: #E8E8E8; 
	margin: 0; 
	padding: 0;
}

#container {
width: 210px;
font-family: arial;
font-weight: normal;
font-size: 14px;
background: #fff url(https://app.greenrope.com/img/joinback/images/modern_form_bkgd.gif) repeat-x bottom;
border: solid 2px #cccccc;
display: block;
margin-left: auto !important;
margin-right: auto !important;
border-radius: 10px;
margin-bottom: 20px !important;
padding: 20px;
}

#container ul {
	list-style: none; 
	margin: 0; 
	padding: 0;
}

.formRow {
	padding: 5px; 
	display: inline-block; 
	text-align: left !important;
}

.fieldName {
margin: 0px 10px 0px 0px;
padding: 0px;
line-height: 26px;
float: left;
clear: both;
width: 170px;
font-size: 14px !important;
font-weight: normal;
background-color: transparent;
text-align: left;
vertical-align: top;
}

.inputTextField, #captchaInput {
border-top: 1px solid #7c7c7c;
border-left: 1px solid #c3c3c3;
border-right: 1px solid #c3c3c3;
border-bottom: 1px solid #ddd;
background: #fff url(https://app.greenrope.com/img/joinback/images/modern_form_input_bkgd.gif) repeat-x top;
font-family: arial;
font-size: 14px;
font-weight: normal;
padding: 5px;
vertical-align: middle;
position: relative;
width: 190px;
margin: 0px;
box-sizing: border-box;
font-size: 18px;
}

#captchaInput {
	margin-bottom: 10px;
}

#formSubmit{
border-color: #3C71EA;
background: #4A79EF;
background: -webkit-gradient(linear,left top,left bottom,from(#4A79EF),to(#3455A7));
background: -moz-linear-gradient(top,#4A79EF,#3455A7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A79EF',endColorstr='#3455A7');
box-shadow: 0 0 2px rgba(0,0,0,0.5),0 1px 0 #638CED inset,0 -1px 0 #638CED inset,1px 0 0 #638CED inset,-1px 1px 0 #638CED inset !important;
color:#ffffff;
font-size: 15px;
font-weight: bold;
padding: 12px 35px 11px;
border-radius: 3px;
width: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
cursor: pointer;
}

#reqInfo {
	margin-bottom: 20px;
}

.formText {
font-size: 14px;
text-align: left;
border-radius: 5px;
color: rgb(0, 0, 0);
line-height: 1.3em;
margin: 10px 0px 14px;
padding: 11px 10px 10px 40px !important;
border: 1px solid rgb(156, 169, 228);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
background: url(https://app.greenrope.com/img/joinback/images/i.png) 10px 12px no-repeat rgb(218, 230, 252);
display: block;
}

.formRow select {
box-sizing: border-box;
border: 1px solid #cccccc;
background: #E8E8E8;
font-size: 14px;
padding: 5px;
vertical-align: middle;
margin-left: 0 !important;
vertical-align: top;
}

#confirmText{
font-size: 14px;
}

.introText {
font-size: 15px !important;
margin: 0px !important;
margin-bottom: 15px !important;
}

.userCheckboxes {
	clear: both;
}

#teamSelection {
	display: inline-block; 
	width: 100%;
}

#captchaText {
	width:	100% !important;
}

/******************* Responsive Styles *******************/
@media screen and (max-width : 1024px){ 

form {
	width: 100%;
  background-size: 100%;
}
body {
	width:	100%;
}
#formContainer img {
	max-width:	100%;
}
#container {
	margin:	10px !important;
	  margin-left: auto !important;
  margin-right: auto !important;
}
}
@media screen and (max-width : 480px){ 
#formContainer {
	padding:	20px;
	border:	solid 2px #ccc;
	margin:	10px;
}
#container {
	padding:	0px;
	border:	0px;
	width:	100%;
}
#labelBirthday {
	width:	20%;
}
}