.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom : 1;
}

#ask-form .chat_link {
    text-align: center;
    color: white;
    font-size: 1.5em;
    width: 100%;
    margin-top: 40px;
}

#ask-form .chat_link a

{
    color: white;
}


.page1, .page2, .page3 {
    position: absolute;
}

#ask-form, #ask-form * { 
    font-family: Lato;
    border: none;
}

#ask-form input, #ask-form textarea
{
    font-weight: bold;
    display:block;
    width: 100%;
    margin: 5% auto;
    padding: 4%;
    color: #222;
    font-size: 100%;
    border-radius: 2px;
    border: 2px solid #ddd;
}

#ask-form {
}

#ask-form textarea {
    font-size: 100%;
    resize: none;
}


#ask-form.trans .modal
{
    -webkit-transition: opacity 400ms ease-in;
       -moz-transition: opacity 400ms ease-in;
            transition: opacity 400ms ease-in;
}

#ask-form > div.modal
{
    border: 1px solid #ccc;
    background: url("http://askanything.paxculturastudios.com/wp-content/plugins/ajax-signup/assets/img/registerbg.png");
    background-size: 100% 100%;
    padding:2%;
    position: relative;
    margin: 5% auto;
    display:inherit;
    max-width: 350px;
    width: 95%;
    /*min-height: 400px;*/
    border-radius: 2px;
}

#ask-form .close 
{
    background: #606061;
    color: #FFFFFF;

    background: white;
    color: #aaa;
    line-height: 25px;
    right: -12px;
    text-align: center;
    top: -10px;
    display: inline-block;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    float:right;

    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;

    border: 2px solid #aaa;

}

#ask-form .close:hover 
{ 
    background: #505051; 
}

#ask-form .ask-title
{
    display: block;
    max-width: 80%;
    color: #FFFFFF;
    font-size:1.7em;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10%;
}

#ask-form .ask-title2
{
    display: block;
    max-width: 80%;
    color: #FFFFFF;
    font-size:2em;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10%;
}

#ask-form button {
    background: #777;
    color: white;
    display: block;
    padding: 3%;
    width: 50%;
    border: none;
    font-size: 125%;
    border-radius: 2px;
    margin-top: 6%;
    font-weight: bold;
}

#ask-form #ask_submit_signin {
    display: inline-block;
    width: 40%;
}

#ask-form .ask_submit_signup {
    padding: 5%;
    font-size: 85%;
    color: white;
    display: inline-block;
    width: 50%;
    font-weight: bold;

}

#ask-form .ask_submit_signup:hover {
    cursor: pointer;
}

#ask-form .popup_form {
    -webkit-box-shadow: -1px 5px 34px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 5px 34px -1px rgba(0,0,0,0.75);
    box-shadow: -1px 5px 34px -1px rgba(0,0,0,0.75);
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    z-index: 99999;		
    height: 500px;
}

#ask-form .popup_form div {
    width: 87%;
}

#ask-form button.next, #ask-form button.back {
    display: block;
    width: 100px;
    height: 50px;
}

#ask-form button.next {
    margin: 20px auto;
}
    
#ask-form .popup_form input, #ask-form .popup_form textarea, #ask-form .popup_form select
{
    font-weight: bold;
    display:block;
    width: 100%;
    height: 30px;
    margin: 2% auto;
    padding: 1%;
    color: #222;
    font-size: 100%;
    border-radius: 2px;
    border: 2px solid #ddd;

}

#ask-form .popup_form .page2 .back {
    float: left;

}

#ask-form .popup_form .page2 #ask_submit_signup {
    float: right;

}

#ask-form .question_verifier:before
{content:"\2713";
  display:inline-block;
  color:green;
  padding:3px 6px 0 7px;
}

#ask-form .question_verifier {
    display: inline-block;
    width: 30px;
    height: 30px;
    bottom: 2%;
    right:2%;
    border: 3px solid #ddd;
    background: white;
    float: right;
    border-radius: 100%;				
}

#ask-form .question_form textarea {
    height: 200px;
}

#ask-form .question_message {
    text-align: center;
    font-size: 150%;
    color: white;
}

#ask-form #ask_submit_question {
    bottom: 7%;
    border-radius: 2px;
    left: 25%;
    margin: 0 auto;
    font-weight: bold;
    font-size: 18px;
}

#ask-form button {
    border: 1px solid #888;
}

#ask_submit_signup 
{
    height: 50px;
}

#ask_submit_signup:hover {
    cursor: pointer; 
}

html, html * {
        -webkit-font-smoothing: antialiased;
         text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

#ask-form .messages {
    font-size: 4.0em;
    margin-top: 10%;
}


.form_message {
    color: white;
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;

}

.form_message_error {
    color: #cd6a6a;
}

.form_message_success {
    color: #56b43c;
}

.form_thanks {
    font-size: 5em;
}

button#ask_submit_ {
     
}

#ask_submit_thankyou {

    text-decoration: none;
    border: none;

    margin-left: auto;
    margin-right: auto;

}

#ask-form a {
    text-decoration: none;
    color: #40bfb9;
}



/*////// Nate's CSS //////*/

.fade,
.popup_form input,
.ask-button-with-text,
[id^=ask_submit_question],
[id^=ask_submit_signup] {
	moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

/*
.dynamic_form, .dynamic_form .modal 
{
	height: auto !important;
}
*/

#tq-signup{
	padding-top: 10px;
}

.popup_form {
	text-align:center;
	border-radius: 5px !important;
    border-top: #c3ccb3 solid 1px !important;
    border-right: #327c88 solid 1px !important;
    border-bottom: #307b5a solid 1px !important;
    border-left: #d5debb solid 1px !important;
    box-shadow: inset 0px 0px 14px -1px rgba(255,255,255,0.5), 0 5px 34px 20px rgba(10,10,10,0.45) !important;
}
.popup_form .close {
	position:absolute;
	top:11px;
	right:12px;
}
.ask-title img {
	width: 140px;
    text-align: center;
    margin: 10px auto 22px;
    display: block;
}
.ask-title-text {
    display: block;
	text-align: center;
	margin-bottom: 24px;
	color: #fff;
	font-size: 1.8em;
	text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.popup_form input, .popup_form textarea, .popup_form select {
    width: 90% !important;
    margin: 10px 5% 0 !important;
    padding: 10px 12px !important;
    border-radius: 3px !important;
    border: none !important;
    font-size:1.2em !important;
    letter-spacing: 0.02em;
}
	.popup_form input {box-shadow:0 1px 8px rgba(0,0,0,0) !important;}
	.popup_form input:focus {
		box-shadow:0 1px 8px rgba(0,0,0,0.4) !important;
	}
	
	[id^=ask_ajax_passwordsignin] {margin-top:8px !important;}
.button_signin,
.button_signup,
.button_register,
.button_question,
.button_verificationemail,
.button_view {
	border: none;
    outline: none;
    background-color: #555;
    color: #eee;
    font-size: 1.3em;
    font-weight: bold;
    padding: 10px 28px;
    margin: 0px 3px 0;
    display: inline-block;
    cursor:pointer;
}
.signin_form .button_verificationemail {
  display: none;
}

.button_signin, .button_register, .button_question {
    background-color: #555;
    color: #eee;
    width:90% !important;
    border-radius:2px;
    margin-top:8px;
}
	
.button_signup, .button_view {
	border: none;
    outline: none;
    border-radius: 2px;
    background-color: #fff;
    color: #444;
    font-size: 1.1em;
    font-weight: bold;
    padding: 6px 17px;
    margin: 0px 3px 0;
    display: inline-block;
    cursor: pointer;
    box-shadow: 0 0 12px rgba(255,255,255,0);
	
}
.button_signup:hover, .button_view:hover {
	box-shadow: 0 0 12px rgba(255,255,255,0.8);
		text-decoration:none;
}
.button_signin, 
.button_register,
.button_verificationemail {
	background-color: #ef3f23;
}
.button_signin:hover, 
.button_register:hover{
	background-color: #ff4d30
}
.button_prev{
	cursor:pointer;
}
.button_prev:hover,
.button_question:hover{
	background-color:#666666;
}
.ask-pre-button {
    margin-right: 6px;
    position: absolute;
    left: 20px;
    top: 12px;
    font-size: 1.2em;
    text-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
.ask-button-with-text {
    display: block;
    margin-top: 20px;
    margin-left: 5%;
    color: #fff;
    font-size: 1.1em;
    border: solid 1px #fff;
    border-radius: 5px;
    padding: 7px;
    width: 90%;
    text-align: right;
    position: relative;
}
	.ask-button-with-text:hover {
		background-color: rgba(255,255,255,0.15);
	}
	
[id^=ask_submit_null] {
	width: 90%;
    border: none;
    outline: none;
    padding: 7px 0;
    color: #fff;
    background: #444;
    border-radius: 2px;
    font-size: 1.1em;
    font-weight: bold;
	margin-top:10px;
}

.form_message_error {
	display: block;
    color: #cd6a6a;
    margin-top: 0;
    margin-left: 5%;
    width: 90%;
    background-color: rgba(255,255,255,0.4);
    border-radius: 0 0 5px 5px;
    padding: 5px 0;
}

@media (min-width: 600px)
{
   .dynamic_form .modal{
      top: 10% !important;
      transform: translate(0, 0) !important;
      position: absolute !important;
   }
}