/* to match global APA.org styles */
body, h1{font-family:Arial,Helvetica,sans-serif;}
a{color:#005499;text-decoration:none;}
a:hover, a:focus, a:active{outline:0 none;text-decoration:underline;}
h1{border-bottom:2px solid #6885a4;clear:both;color:#6885a4;font-size:22px;font-weight:normal;line-height: 1.1em;margin:30px 0 14px;padding:0 0 3px;} /* default margin  is 0 0 8px but I need some top and bottom margins - top right/left bottom */
h1 span{font-size:12px;}
ul.apa{overflow:hidden;list-style:none outside none;margin-bottom:8px;margin-left:-20px;padding-top:10px;} /* margin-left and padding-top are strange hacks needed for side-by-side display */
ul.apa li{background:url(//www.apa.org/images/orange_square.gif) no-repeat scroll 0 10px rgba(0, 0, 0, 0);overflow:visible;padding:2px 0 5px 8px;border-bottom:medium none !important;text-align:left;}
.formattedLink{float:right;}
.formattedLink a{color:#e86900;}
.headLogo {float:left;}
.headLogo img {margin: 10px 0 12px 10px;} /* to be deleted after final code available */
.headLogo img.small, .headLogo img.medium{display:none;}
@media screen and (max-width: 995px){
.headLogo img {margin:2px 0 0 20px;max-height:55px;}
}
@media screen and (min-width: 768px) and (max-width: 995px) {
.headLogo img.large{margin-top:12px;}
}
@media screen and (max-width: 767px){
.headLogo img.large{max-width:320px; height:auto; margin:17px 0 0 10px;}
}
@media screen and (max-width: 480px){
.headLogo img.small{display:block; max-height:45px;margin:2px 0 0 10px;padding-top:5px;}
.headLogo img.large{display:none;}
}
/* using fontawesome chevron and formattedLink style instead of image, looks the same
.more{float:right;}
.more a{background:url(http://www.apa.org/images/go-orange.gif) no-repeat scroll right 2px transparent;color:#e86900;float:left;padding-right:15px;}
*/
.radioCollapse{display:none;}
.radioCollapse.yesHaveAccount{display: block;}
.fullWidthContainer .radio{padding:4px;margin-left:12px;}
/* log in box styles */
#wrapper{background:none repeat scroll 0 0 rgba(0, 0, 0, 0);border:medium none;transition:none 0s ease 0s;}
.loginContainer, .fullWidthContainer{background:none repeat scroll 0 0 #cc6536;border-color:#777;border-style:solid;border-width:1px;margin:20px auto 0;max-width:780px;min-height:150px;position:relative;margin-top: 0;} /* border matching monochromatic color scheme for http://www.colorhexa.com/ebf4fb , which is inside aside background color */
.loginContainer main{background:none repeat scroll 0 0 #fff;color:#666;font-size:14px;min-height:240px;padding:40px 360px 40px 50px;}
.fullWidthContainer main{background:none repeat scroll 0 0 #fff;color:#666;font-size:14px;min-height:240px;padding:30px;}
.loginContainer h3, .fullWidthContainer h3, .modal-title{color:#555;font-size:19px;font-weight:bold;margin:0 0 10px;} /* to match .largeOrangeHeader in defaultLogin.css */
.fullWidthContainer h4{color:#c1693e;font-size:18px;font-weight:bold;margin:0 0 10px;}
.loginContainer form label, .fullWidthContainer form label{color:#545454;display:block;padding:10px 0 0;font-weight:normal;}
.fullWidthContainer main{background:none repeat scroll 0 0 #ebf4fb}
.loginContainer input[type="text"], .loginContainer input[type="email"], .loginContainer input[type="password"]{background:none repeat scroll 0 0 #f8f8f8;color:#555;font-size:1em;line-height:14px;max-width:240px;}/*padding:10px;*/
.fullWidthContainer input[type="text"], .fullWithContainer input[type="email"], .fullWidthContainer input[type="password"]{background:none repeat scroll 0 0 #f8f8f8;color:#666;font-size:14px !important;line-height:14px;padding:10px;}
/* getting fontawesome next and previous icons inside form input "buttons" , then use http://fortawesome.github.io/Font-Awesome/cheatsheet/ for unicode inside input value */
input[type="submit"]{font-family: FontAwesome, Arial, Helvetica, Sans-serif;}
.loginContainer #loginForm input[type="submit"], .fullWidthContainer #loginForm input[type="submit"]{background:none repeat scroll 0 0 #6884a2;border:1px solid #fff;color:#fff;font-size:1em;border-radius:0px;font-weight:normal;text-transform:uppercase;margin-top:20px;padding:8px 24px;transition:all 0.1s ease 0s;}
.loginContainer #loginForm input[type="submit"]:hover, .fullWidthContainer #loginForm input[type="submit"]:hover{background:none repeat scroll 0 0 rgba(0, 0, 0, 0);color:#2f4772;border:2px solid #123D60 !important;}
.loginContainer #registerForm input[type="submit"],.fullWidthContainer #registerForm input[type="submit"]{background:none repeat scroll 0 0 #cc6535;border:1px solid #fff;color:#fff;font-size:1em;border-radius:0px;font-weight:normal;text-transform:uppercase;margin-top:20px;padding:8px 24px;transition:all 0.1s ease 0s;}
.loginContainer #registerForm input[type="submit"]:hover,.fullWidthContainer #registerForm input[type="submit"]:hover{background:none repeat scroll 0 0 rgba(0, 0, 0, 0);color:#cc6535;border:1px solid #cc6535;}
.loginContainer label[for="rememberMe"],.fullWidthContainer label[for="rememberMe"]{color:#737373;font-size:12px;}
.loginContainer aside{background:none repeat scroll 0 0 #efefef;bottom:0;padding:126px 50px 40px;position:absolute;right:0;top:0;width:320px;}
.loginContainer aside a{color:#555;text-decoration:underline;}
.containerFooter{margin:25px auto 50px;max-width:960px;position:relative;text-align:center;}
.containerFooter a, #registerInfoAlert a{margin:14px 20px;color:#005499;font-weight:bold;}
.socialButtons a{color: #fff !important;font-size:12px;text-decoration:none !important;text-transform:uppercase;transition: all 0.3s ease 0s;}
.socialButtons a:hover{}
.socialButtons a{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;text-decoration:none!important;text-transform:uppercase;font-size:12px;color:#fff!important;}
.socialButtons a:hover{background-color:#A3210D !important;}
.btn-facebook, .btn-google{border:medium none;border-radius:3px;color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-weight:300;height:42px;line-height:42px;margin:0 0.5% 10px;padding: 0 8px 0 40px;text-align:left;}
.btn-facebook{background: url(../shop/img/icon-facebook.png) no-repeat scroll left center #3e5b97;}
.btn-google{background: url(../shop/img/icon-google.png) no-repeat scroll 12px bottom #cf4832;}
.btn-facebook:hover, .btn-google:hover{color:#fff;text-decoration: none;}
.section-spacer span{background: none repeat scroll 0 0 #666;color:#fff;display:block;font-style:italic;font-weight:700;margin-left:-70px;margin-top:-2em;padding:0;position:absolute;text-align:center;top:62%;width:40px;height:40px;line-height:40px;border-radius:50%;}
#rememberMe{margin-top:16px;}
.loginContainer .registerText,.fullWidthContainer .registerText{color:#737373;font-size:12px;}
.loginContainer .helpText{color:#737373;font-size:12px;line-height:16px;margin:0;padding:0 0 0 6px;}
.help-blockRegular{color:#737373;display:block;margin-bottom:10px;margin-top:5px;font-size:12px;} /* defining this since help-block being used by validation messages */
.help-block{font-weight:bold;} /* bolding the jValidate error messages to make them stand out more, which are using the BS help-block style/location */
.openIDText{color:#737373;font-size:12px;}
#topButtons{height:40px;margin-bottom:20px;}
#topButtons #leftButtons{width:50%;float:left;text-align:left;}
#topButtons #rightButtons{width:50%;float:right;text-align:right;}
.separatorLine{border-bottom:3px solid #fff;margin-top:30px;margin-bottom:20px;margin-left:0px;}
#APAmemberAccountInfo{border-right:3px solid #fff;}
@media only screen and (max-width: 767px){
body{padding:0px 0px;}
#loginHeader{text-align:center;}
.loginContainer, .fullWidthContainer{margin-top:0;}
.loginContainer main{padding:30px;}
.loginContainer aside{padding:30px;position:relative;width:100%;}
.loginContainer input[type="text"], .loginContainer input[type="password"],.fullWidthContainer input[type="text"], .fullWidthContainer input[type="password"]{min-width:100%;width:100%;}
.containerFooter{margin:25px auto;}
.socialButtons{padding-top:16px;}
.socialButtons a{width:100%;}
input[type="text"], input[type="password"], input[type="email"], input[type="url"]{width:100%;}
.section-spacer span{background:none repeat scroll 0 0 #666;color:#fff;display:block;font-style:italic;font-weight:700;right:44%;margin-top:-11.1em;padding:0;position:absolute;text-align:center;width:40px;height:40px;line-height:40px;border-radius:50%;}
#topButtons{text-align:center;}
#topButtons #leftButtons{display:none;width:0%;}
#topButtons #rightButtons{width:100%;text-align:center;}
#topButtons #rightButtons #registerButton{margin-bottom:6px;}
#topButtons #rightButtons #loginButton{margin-bottom:6px;}
#topButtons #rightButtons #loginButton a{width:50%;}
#topButtons #rightButtons #registerButton a{width:50%;}
#stillHavingTroubleHeading{padding-top:20px;}
}
@media only screen and (max-width: 991px){
.formattedLink{padding-bottom:20px;}
#APAmemberAccountInfo{border-right:none;}
#regUserAccountInfo{border-top:3px solid #fff;padding-top:20px;}
}
/* Footer - include  - from global2.css */
footer {width:996px; float:left;padding:20px 0;margin:10px auto 0; background-color:#EBEBEB; border-top:6px solid #BABABA;font-size:.9em; color:#333;}
.rwd-footer {width:996px; padding:0;margin:0 auto;}
.rwd-footer ul {margin:0; list-style-type:none; float:right;clear:none;width:auto;text-align:right;font-size:.9em;}
.rwd-footer ul li  {float:left; padding:0 7px; background:url(../shop/img/divider.png) no-repeat 0px 55%;}
.rwd-footer ul li:first-child  {background:none;}
.rwd-footer .sup {margin-top:-3px;}
.rwd-footer p {text-align:left; clear:left; margin:0; width:auto;padding:0;}
.rwd-footer div {float:left; clear:none;padding:0 0 0 15px;margin:0;font-size:.9em;}
#ie-margin-fix{float:left;height:0;}
/* from rwd.css */
@media screen and (max-width: 995px){
footer, .rwd-footer {width:100%;}
.rwd-footer ul{float:left;margin:0 0 20px 0; padding:0 15px 0 8px;width:100%;text-align:left; -moz-box-sizing:border-box; box-sizing:border-box;}
.rwd-footer p {text-align:left; clear:left; margin:0; width:auto;padding:0;}
.rwd-footer div {float:left; width:450px; clear:none;}
}
@media screen and (max-width: 767px){
footer {margin-bottom:45px;}
.rwd-footer ul {padding:0 15px;}
.rwd-footer ul li {float:left; padding:0; background:none; width:100%; font-size:1em;line-height:2.75em;}
}
@media screen and (max-width: 480px){
.rwd-footer div {width:100%;-moz-box-sizing:border-box; box-sizing:border-box;}
}

.button, input[type="reset"], input[type="submit"], input[type="button"] {
	background: none repeat scroll 0 0 #6884a2 !important;
    border: 1px solid #fff !important;
    border-radius: 0 !important;
    color: #fff !important;
    font-size: 1em !important;
    margin-top: 20px !important;
    padding: 8px 24px !important;
    transition: all 0.1s ease 0s !important;
}

.button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover {
	background:none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	color:#2f4772 !important;
	/* border:1px solid #6884a2 !important; */
	
}

.socialButtons a {
	padding: 0 28px 0 36px !important;
}

.loginAlert {
  padding: 0px 5px 0px 25px;
  font-size: 1.0em;
  font-weight: normal;
  color: red;
  background: url(../shop/img/alert.gif) 5px 1px no-repeat;
  margin-top: -16px;
  margin-bottom: 25px;
  background-color: #FDF5E6;
}

.loginAlertNew {
  padding: 0px 5px 0px 25px;
  font-size: 1.0em;
  font-weight: normal;
  color: red;
  background: url(../shop/img/alert.gif) 5px 1px no-repeat;
  margin-top: 0px;
  margin-bottom: 25px;
  background-color: #FDF5E6;
}

.secureMessageText {
  font-size: 12px;
  background-color: #d3e1ed;
  padding: 12px;
  font-family: Arial,Verdana,sans-serif;
}

.popupImage {
  width: 20px;
  height: 18px;
  float: left;
  background: url("/apa/img/NEWinfo.png") no-repeat scroll 1px 1px transparent;
}

.popupText {
  width: 95%;
  padding-left: 24px;
}

.btn-google {
	background-image: none;
}

input#loginBtnccc{
		font-family: FontAwesome, Arial, Helvetica, Sans-serif;
		font-weight: normal;
    	text-transform: uppercase;
}