/* 
 * Generic classes 
 */
#banner .imp_dates div {height: 88%;}
#banner .imp_dates ul {height: 100%; position: relative;}

#update-account-form ul li p span.help-inline, .help-inline {color: #ff6a00 !important; display: block;}
#update-account-form ul li p span.help-inline, #update-account-form ul li p span.nowrap {width: auto; margin-left: 5px;}

#terms-page #update-account-form ul li ul {margin-left: 26px;}
#terms-page #update-account-form ul li ul li {list-style: circle; list-style-type: circle;}
#terms-page #update-account-form ul li ul li p {vertical-align: middle;}

.highlight-date {color: #ff6a00; font-weight: bold; }
input::-webkit-input-placeholder { color: #888888; font-size: 13px; }
input:-moz-placeholder { color: #888888; font-size: 13px; } /* FF 4-18 */
input::-moz-placeholder { color: #888888; font-size: 13px; } /* FF 19+ */
input:-ms-input-placeholder { color: #888888; font-size: 13px; } /* IE 10+ */
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

.slash {color: #AAA;}
.alert {background: none repeat scroll 0 0 rgba(255, 106, 0, 0.7); bottom: 25px; color: #fff; font-size: 14px; min-height: 40px; left: 25px; line-height: 40px; padding: 0 12px; margin-bottom: 20px; font-weight: 700;}
.alert p {bottom: 25px; color: #fff; font-size: 14px; line-height: 40px; font-weight: 700;}
.alert button {float: right; margin-top: 10px; background-color: transparent; font-weight: 700; border: 1px solid rgb(255, 106, 0); color: rgb(255, 106, 0); height: 20px; line-height: 17px;}

#login-page #main, #forgot_password-page #main, #activate-page #main {box-shadow: 0 1px 4px -3px #000;}
#login-page .form1 .forgot_pwd {display: inline-block; margin-left: auto;}
.form1 .forgot_pwd.first-child, #login-page .form1 .forgot_pwd.first-child {margin-left: 220px; display: inline-block;}
#index-page .form1 .forgot_pwd.first-child {display: block;}

.form1 input[type="reset"] { background: #002b72; padding: 15px; color: #fff; border: none; line-height: 1; display: inline-block; vertical-align: top; }

#update-account-form p.btn-group input[type="reset"] { text-transform: uppercase; font-weight: bold; }

/*---- Login Page ----*/
#login-page #main, #resend_activation-page #main, .reset_password-section #main, #forgot_password-page #main, #activate-page #main, #main.active_main {width: 100%; float: none; padding: 50px auto;}
#login-page #main .login_section .form1, #forgot_password-page #main .login_section .form1 , 
#activate-page #main .login_section .form1, #main.active_main .login_section .form1 {width: 66%; padding: 5px auto; margin: auto;}


#login-page #main .login_section .form1 .remember_me input {width: 20px;}
#login-page #main .login_section .form1 .remember_me label {text-align: left; font-weight: normal}
#login-page #main .login_section #inactive_user_block {color: #808080; font-size: 15px; line-height: 18px; margin-left: 25px; margin-top: 25px; text-align: center;}
#login-page #main .login_section #inactive_user_block a {text-decoration: underline; color: #aaaaaa;}
/*---- Forgot Password Page ----*/
#resend_activation-page #main .login_section .form1 .btn1, .reset_password-section #main .login_section .form1 .btn1, #forgot_password-page #main .login_section .form1 .btn1, #activate-page #main .login_section .form1 .btn1, #main.active_main .login_section .form1 .btn1 {width: 140px; margin-left: 220px; padding:1px 10px 1px 10px; height: 35px;}

.form1 .forgot_pwd.first-child {margin-left: 135px;}
.form1 .forgot_pwd.first-child { margin-left: 220px; }

#update-account-form label.sub_team {font-weight: normal; text-align: right;margin-top: 0;}
#update-account-form label.sub_team.no_photo {text-align: left;}
#update-account-form ul.apply_skill {margin-bottom: 5px;}
#update-account-form li input[type="file"] {border: none; height: auto; padding: 0;}
#update-account-form label.long_text, #update-account-form ul li.long_text p {width: 100%; text-align: left;}
#update-account-form p.long_text {padding: 0; width: 100%;}
#main {
	background-color: #ffffff;
}
#update-account-form #register_term {margin-top: -35px; position: absolute;}
#update-account-form #terms_accept {vertical-align: top}
#activate-page #main .login_section .form1 .btn1, #activate-page #main .login_section .form1 .btn1, #main.active_main .login_section .form1 .btn1 {width: auto;}
.heading1 span {padding-right: 5px;}
#container #main-navigation {position: relative;}

/* ==========================================================================
	Media Queries
========================================================================== */
@media (max-width: 1200px) {
#forgot_password-page .login_section .form1 ul.left, #activate-page .login_section .form1 ul.left {width: 100%;}
}
@media (max-width: 992px) {
.form1 .forgot_pwd.first-child, #login-page .form1 .forgot_pwd.first-child { margin-left: 140px; }
#index-page .form1 li input, #login-page .form1 li input, #forgot_password-page .form1 li input, #activate-page .form1 li input { width: 55%;}
#login-page #main .login_section .form1 .btn1 {padding: 10px;}
#forgot_password-page #main .login_section .form1 .btn1, #activate-page #main .login_section .form1 .btn1, #main.active_main .login_section .form1 .btn1 {margin-left: 35%;}
#index-page .login_section .form1 ul.left, #login-page .login_section .form1 ul.left {width: 75%;}
}
@media (max-width: 800px) {
#login-page #main .login_section .form1, #forgot_password-page #main .login_section .form1 , #activate-page #main .login_section .form1 {width: 100%;}
	
}
@media (max-width: 767px) {
 	
}
@media (max-width: 640px) {
}
@media (max-width: 600px) {
.form1 input[type="submit"] { margin-left: 140px; }
#index-page .login_section .form1 ul.left, #login-page .login_section .form1 ul.left, #forgot_password-page .login_section .form1 ul.left {width: 100%;}
}
@media (max-width: 480px) {
#forgot_password-page .form1 li label, #login-page .form1 li label, #index-page .form1 li label, #activate-page .form1 li label {text-align: left;}
#index-page .form1 li input, #login-page .form1 li input, #forgot_password-page .form1 li input { width: 100%;}
.form1 input[type="submit"] { margin-left: 100px; padding: 9px; }
#index-page .form1 input[type="submit"], #forgot_password-page .form1 input[type="submit"] {margin-left: 0px;}
.form1 .btn1, .form1 .forgot_pwd.first-child { margin-left: 100px; }
#forgot_password-page #main .login_section .form1 .btn1, #activate-page #main .login_section .form1 .btn1, #main.active_main .login_section .form1 .btn1 {padding: 1px 4px; font-size: 9px; margin-left: 0px;}
 #login-page #main .login_section .form1 .btn1 {margin-left: 0px;}
.form1 .forgot_pwd, .form1 .forgot_pwd.first-child, #login-page .form1 .forgot_pwd {display: block;}
#login-page .form1 .forgot_pwd { margin-left: 0px; margin-bottom: 5px; }
#index-page .form1 .forgot_pwd.first-child, #login-page .form1 .forgot_pwd.first-child {margin-left: 0px;}
.slash {color: #FFF;}
#login-page #main .login_section .form1 .remember_me label {display: inline;}
}