#facebox .b {
  background:url(http://assets.realclearpolitics.com/images/facebox/b.png);
}

#facebox .tl {
  background:url(http://assets.realclearpolitics.com/images/facebox/tl.png);
}

#facebox .tr {
  background:url(http://assets.realclearpolitics.com/images/facebox/tr.png);
}

#facebox .bl {
  background:url(http://assets.realclearpolitics.com/images/facebox/bl.png);
}

#facebox .br {
  background:url(http://assets.realclearpolitics.com/images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: calc((100% - 370px) / 2);
  z-index: 100;
  text-align: left;
  font: 13px Verdana, Arial, Helvetica, sans-serif;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .info {padding:20px;}

#facebox .body {
  /*padding: 10px;*/
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  /*padding-top: 5px;*/
  padding: 5px;
  margin-top: 10px;
  margin-top: 0;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


/********** SIGN IN FORM *******************/


.sign_in_form { font: 12px Verdana, Arial, Helvetica, sans-serif; }
.sign_up_form #errorDisplay { margin: 5px 10px; font-size: 11px; }
.sign_up_form table { font-size: 11px; font-weight: bold; margin: 10px; }
#facebox .sign_up_form table td { line-height: 1.8; padding-bottom: 7px; }
.sign_in_form table td p.footnote { margin: 0; }
.sign_in_form table td p.footnote a { font-weight: normal; }
.sign_in_form h2 { margin: 0; padding: 8px 10px; font: bold 14px Verdana, Arial, Helvetica, sans-serif; background: #cc0000; color: #fff;  }
.sign_in_form label { display: block; font-size: 11px; font-weight: bold; margin: 17px 15px 3px 15px; }
.sign_in_form input { margin:0; padding: 5px; border: 1px solid #ccc; }
.sign_in_form p { margin: 0 15px; }
.sign_in_form p.info { margin: 15px; }
.sign_in_form p.sign_in_fp { }
.sign_in_form p.sign_in_fp a { font-size: 10px; }
.sign_in_form button { margin:5px 0 0 0; }
.sign_in_form p.sign_in_na { margin: 15px; line-height: 1.4; }
.mario { display: none; }
.sign_in_form .fill {background-color:#cc0000; color:#fff;} 
.sign_in_form .input_status {color:#bbb; font-size:11px; padding:1px 4px; display:none;}
.required_field {color:#cc0000; font-size:12px; font-weight:bold;}
#errorDisplay {color:#cc0000;}
#errorDisplay div { margin-bottom: 5px; }
#user_profile { }
#user_profile td#tools { border-right: 1px solid #eee; padding: 10px; font-size: 11px; line-height: 1.3;  }
#user_profile td#tools a:hover { text-decoration: none; }
#user_profile td#profile_data_container { padding: 10px; }
#user_profile #profile_data {  font-size: 11px; color: #444; }
#user_profile #profile_data td { padding: 0 2px; }
#user_profile_title { background: #f2f2f2; color: #777; border-bottom: 1px solid #ccc; padding: 5px; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; }
#user_profile_title span { letter-spacing: normal; text-transform: none; font-weight: bold; color: #444; font-size: 11px; }

#user_profile #profile_data .user_form td { padding-bottom: 2px; line-height: 1.8; color: #444; }
#user_profile #profile_data .user_form input.style { border: 1px solid #ccc; padding: 8px; font-size: 11px; color: #333; width: 210px; }
#user_profile #profile_data .user_form input.button { padding: 3px; font-size: 12px; margin-top: 8px; }
#user_profile #profile_data .user_form p.footnote { margin: 0; font-size: 9px; font-weight: normal; padding: 0; }
#user_profile #profile_data .user_form p.footnote span.required_field { margin: 0; font-size: 9px; font-weight: normal; padding: 0; }
#user_profile #profile_data #errorDisplay { margin: 0;  }


.user_form td { padding-bottom: 2px; line-height: 1.8; color: #444; }
.user_form input.style { border: 1px solid #ccc; padding: 8px; font-size: 11px; color: #333; width: 210px; }
.user_form input.button { padding: 3px; font-size: 12px; margin-top: 8px; }
.user_form p.footnote { margin: 0; font-size: 9px; font-weight: normal; padding: 0; }
.user_form p.footnote span.required_field { margin: 0; font-size: 9px; font-weight: normal; padding: 0; }

/*Member form*/
select#new_domain_type{
    border: 1px solid #ccc;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 5px;
}

p.foot_note a{
  cursor: pointer;
}

.form_message_wrapper_pop>a, .form_message_wrapper_pop>h4{
  margin-left:10px;
}


.form_message_wrapper_pop>a{
    display:inline-block;
    margin-top:10px;
}

/*CSS for membership sign up form*/
.sign_up_form label {
    font-size:12px !important;
    font-weight: normal !important;
}

.sign_up_form .sign_up{
    clear:both;
    display:block;
}

.sign_up_form .fill {
    background-color: #d81f1f;
    color:white;
}

.sign_up_form .fill::-webkit-input-placeholder{ color: white; opacity: 1 !important; }
.sign_up_form .fill:-moz-placeholder{ color: white;}
.sign_up_form .fill::-moz-placeholder {color: white;}
.sign_up_form .fill:-ms-input-placeholder {color: white;}

.sign_up_form .mario{
    display:none;
}

.form_wrapper{
    background: #eee;
    padding: 20px;
    border: 1px solid #ccc;
}

.sign_up_form input, .sign_up_form select{
    border: 1px solid #ccc;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding:5px;
}

.sign_up_form .input_labels{
    width:33%;
    display:inline-block;
    padding:3px;
}

.sign_up_form .input_fields{
    width:64%;
    display:inline-block;
    padding:3px;
    position: relative;
}

.sign_up_form button.commenter_transfer {
    font-size: 1em;
    background-color: #d81f1f;
    color: white;
    border-color: #d81f1f;
    border-radius: 6px;
}

@media only screen and (max-width: 767px){
  .sign_up_form input.large_text {
    width: 154%;
  }
}


/*Donations Form*/
.donations_div_page .fill {
    background-color: #d81f1f;
    color:white;
}

.donations_div_page  label {
    font-size:1em;
    font-weight: normal !important;
}

.donations_div_page  .fill {
    background-color: #d81f1f;
    color:white;
}

.donations_div_page .fill::-webkit-input-placeholder{ color: white; opacity: 1 !important; }
.donations_div_page .fill:-moz-placeholder{ color: white;}
.donations_div_page .fill::-moz-placeholder {color: white;}
.donations_div_page .fill:-ms-input-placeholder {color: white;}

.donations_div_page input, .donations_div_page select{
    border: 1px solid #ccc;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding:5px;
}

.donations_div_page .input_labels{
    width:20%;
    display:inline-block;
    padding:3px;
}

.donations_div_page .input_fields{
    width:76%;
    display:inline-block;
    padding:3px;
}

.input_submit_form #donate_btn{
    width: 120px;
    cursor: pointer;
    margin-top: 15px;
    margin-bottom: 10px;
}

@media only screen and ( max-width : 767px ){
    .donations_div_page .input_labels{
        width:100%;
    }

    .donations_div_page .input_fields{
        width:100%;
    }

    .donations_div_page input.large_text{
        width:100%;        
    }

    .donations_div_page select{
        
    }

    .amount_radio_span{
        padding-right: 11px;
        font-size: .9em;
        white-space: nowrap;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-bottom: 10px;
        padding-top: 10px;
        line-height: 1;
        vertical-align: baseline;
    }

    .form_wrapper {
        padding-left: 7px;
        padding-top: 0px;
    }
}