@media only screen and (min-width : 320px) and (max-width : 760px) {

  .span_1_of_2 {
    width: 98%;
  }
	.signInPage_wrapper {
	width:100%;
	display: block;
	float:none;
	}
	.signInPage_sideBar {
	width:100%;
	display: block;
	float:none;
	}
	
}

@media only screen and (min-width : 768px) {

  .signInPage_container .container {
    max-width: 755px;
  }
  .registerPage_container .container {
    max-width: 755px;
  }
	
	
}

@media only screen and (min-width : 1200px) {

  .signInPage_container .container {
    width: 755px;
  }
  .registerPage_container .container {
    width: 755px;
  }
}


/* sign in & registration */
.signInPage_wrapper {
	display: inline-block;
	float:left;
  border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:2px solid #cbe0fc;
  min-height: 310px;
  margin-bottom: 20px;
  padding: 20px;
	background-image: linear-gradient(#fff, #e9f3fc);
}


.btn_wrapper a {
  margin-top: 19px;
  padding: 10px 26px;
	background-color:#708faa;
	color:#fff;
	font-size:0.9em;
	border:1px solid #5d7d99;
}
.btn_wrapper a:hover {
	background-color:#fff;
	color:#708faa;
}

.btn_wrapper2 a {
  margin-top: 19px;
  padding: 10px 26px;
	background-color:#33a6e2;
	color:#fff;
	font-size:0.9em;
	border:1px solid #2194d0;
}
.btn_wrapper2 a:hover {
	background-color:#fff;
	color:#33a6e2;
}

.signInPage_wrapper .forgotPassword {
  font-size: 11px;
  margin-bottom: 20px;
	
}
.signInPage_wrapper .staySignedIn {
  font-size: 12px;
  margin-bottom: 20px;
}
.signInPage_wrapper .staySignedIn_tip {
  color: #999;
  font-size: 11px;
  line-height: 1.2;
  margin-left: 16px;
}
.signInPage_wrapper .btn_wrapper a.btn {
  display: inline-block;
}



.login_title {
	font-size:1.1em;
	font-weight:600;
	color:#2f69b5;
	padding-bottom:8px;
	border-bottom:1px solid #c3c3c3;
}
.login_idpw {
	font-size:1.0em;
	font-weight:500;
	color:#424141;
	padding-bottom:5px;
}
.login_store {
	font-size:0.8em;
	font-weight:20;
	color:#424141;
	padding-bottom:5px;
}
span a {
	color:#f83d03;
}

.signInPage_sideBar {
	display: inline-block;
	float:left;
  border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:2px solid #d9d9d9;
  min-height: 310px;
  margin-bottom: 20px;
  padding: 20px;
	background-image: linear-gradient(#fff, #e9eaea);
}
.signInPage_sideBar h2{
	font-size:1.2em;
	font-weight:600;
	padding-bottom:25px;
}
.signInPage_sideBar_row {
	font-size:0.9em;
	font-weight:300;
	line-height:140%;
	padding-bottom:25px;
}

.register_cont {
	font-size:0.7em;
	line-height:145%;
}
@media only screen and (min-width : 768px) {
	
  /* Responsive Grid System */
  .col {
    margin: 0 0 0 1.6%;
  }

  .span_1_of_2 {
    width: 47.6%;
  }
	
  .span_1_of_3 {
    width: 60.5%; 
  }
	.span_1_of_4 {
    width: 34.7%; 
  }

  .container {

    max-width: 780px;
		overflow:hidden;

  }
}


/* form input/select fields */

input {

  max-width: 100%;

}

.inputField, .inputFieldTextarea {
  border: 1px solid #c6cbcf;
  padding-left: 10px;
  margin-bottom: 6px;
	background-color:#fff;

}

.inputField div {

  border: 0 none;

  height: 28px;

  overflow: hidden;

}

.inputFieldTextarea div {

  border: 0 none;

  overflow: hidden;

  height: 100%;

}

.inputField div div {

  left: -9999px;

  position: absolute;

}

.inputField input {

  background: none;

  border: 0;

  color: #959da2;

  display: block;

  height: 28px;

  line-height: 28px;

  outline: none;

  width: 100%;

}
.inputField-zip input{
	width:50%;
	height: 28px;
	border: 1px solid #c6cbcf;
	background-color:#fff;
	margin-bottom:6px;
}

.inputFieldTextarea textarea {

  background: none;

  border: 0;

  color: #959da2;

  line-height: 1.4;

  outline: none;

  padding-top: 12px;

  width: 100%;

  height: 100%;

}

.inputField label, .inputFieldTextarea label {
  color: #959da2;
}

.inputFieldSelect select {
	max-width: 200px;
  border: 1px solid #c6cbcf;
	width:100%;
	padding:5px;
  margin-bottom: 6px;
	background-color:#fff;
}

.inputFieldSelect2 select {
	max-width: 140px;
  border: 1px solid #c6cbcf;
	width:50%;
	padding:5px;
  margin-bottom: 6px;
	background-color:#fff;
}
.inputFieldSelect2 input {
	border: 1px solid #c6cbcf;
	height:28px;
	width:50%;
}