/*!
 * vip.css
 * v1.6.1
 * 应用于 [我的会员中心]。
 * 
 * Created by Huan Ni on 2014-03-25 14:16.
 * Last modified by Ju2ender on 2014-03-28 19:41.
 * Copyright (c) 2013, 2014 zhaogang.com. All rights reserved.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.dialog a {
    color: #3A83E8;
}

.dialog_up a {
    color: #8D8D8D;
}

.dialog_up a:hover {
    color: #3A83E8;
    text-decoration: none;
}

/*==============================================================
 *
 * .vip-form
 *
 */

.vip-form input.text {
    display: inline-block;
    float: left;
    margin-right: 1em;
    width: 186px;
    height: 30px;
    line-height: 30px;
    padding: 0 6px;
    border: 1px solid #E4E4E4;
}

.vip-form input.w108 {
    width: 108px;
}

.vip-form .form-tip-warning-fl {
    color: #F50000;
}

.vip-form p {
    margin-bottom: 10px;
    height: 32px;
    line-height: 32px;
}

.vip-form label, .vip-form span, .vip-form a {
    display: block;
    float: left;
}
.vip-form .btn-form,
.dialog .btn-form {
    margin-left: 82px;
    margin-right: 1em;
    padding: 0 22px;
    height: 30px;
    line-height: 30px;
}

.vip-form .btn-gray-repeat {
    height: 30px;
    line-height: 30px;
}

.vip-form-info {
    margin-right: 1em;
    width: 70px;
    text-align: right;
}

.vip-form-info span {
    float: right;
}

.vip-form-info span.icon-required {
    margin-right: 3px;
}

/*==============================================================
 *
 * .btn
 *
 */
.dialog .btn-gray-repeat {
    display: block;
    background: url("../img/vip/btn/btn-vip-gray-repeat.jpg") transparent repeat-x;
    text-align: center;
    color: #4D4D4D;
    border: 1px solid #DDD;
}

.content-bd .btn-blue:hover,
.dialog .btn-blue:hover,
.vip-certification .btn-blue:hover,
.content-bd .btn-gray:hover,
.dialog .btn-gray:hover,
.content-bd .btn-gray-repeat:hover,
.dialog .btn-gray-repeat:hover {
    text-decoration: none;
}

.row-btn .btn-gray:hover{ color:#777;}
.row-btn .btn-blue:hover{ color:#fff;}

/*==============================================================
 *
 * .color
 *
 */
.color-red {
    color: #F50000;
}

/*==============================================================
 *
 * .dialog
 *
 */

.dialog {
    display: none;
}

.dialog h2 {
    margin-bottom: 27px;
    font-weight: normal;
}

.ui-dialog {
    padding-bottom: 25px;
}

.dialog_success .success_icon{ float:left; display:inline-block; width:42px; height:42px; margin:0 20px 0 0; background:url(../img/zg_icon.png) no-repeat 0 -100px;}
.dialog_success .success_text{ float:left; display:inline; width:200px;}
.dialog_success .success_text h3{ margin:0 0 10px; font-size:18px; color:#4d4d4d; font-weight:normal;}
.dialog_success .success_text p{ margin:0 0 15px; color:#777; font-size:12px;}
.dialog_success .success_text .button{ width:101px; height:31px; margin:0 20px 0 0; border:0; line-height:31px; background:url(../img/zg_icon.png) no-repeat -64px -149px; text-align:center; color:#777; cursor:pointer;}

.dialog_tips .tips_icon{ float:left; display:inline-block; width:42px; height:42px; margin:0 20px 0 0; background:url(../img/zg_icon.png) no-repeat -64px -180px;}
.dialog_tips .tips_text{ float:left; display:inline; width:250px;}
.dialog_tips .tips_text h3{ margin:0 0 10px; font-size:18px; color:#4d4d4d; font-weight:normal;}
.dialog_tips .tips_text p{ margin:0 0 15px; color:#777; font-size:12px;}
.dialog_tips .tips_text .button{ width:101px; height:31px; margin:0 20px 0 0; border:0; line-height:31px; background:url(../img/zg_icon.png) no-repeat -64px -149px; text-align:center; color:#777; cursor:pointer;}
.dialog_tips .tips_text .buttonblue{ width:101px; height:31px; margin:0 20px 0 0; border:0; line-height:31px; background:#3a83e8; text-align:center; color:#fff; cursor:pointer;}

.dialog_buy .dialog_box .buy_textarea{}
.dialog_buy .dialog_box .buy_textarea textarea{ width:380px; height:80px; margin:0; padding:10px; border:1px solid #ccc;}
.dialog_buy .dialog_box .buy_button input{ width:101px; height:31px; margin:20px 0 0 150px; border:0; line-height:31px; background:#3a83e8; text-align:center; color:#fff; font-size:14px; cursor:pointer;}

.dialog_house .dialog_box .house_box .tab{ margin:0 0 10px; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.dialog_house .dialog_box .house_box .tab a{ float:left; display:inline-block; width:124px; height:28px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:28px; background:#f8f7f7; color:#666; text-align:center;}
.dialog_house .dialog_box .house_box .tab a:hover{ text-decoration:none;}
.dialog_house .dialog_box .house_box .tab a.active{ border-bottom-color:#fff; background:#fff; color:#4d4d4d;}
.dialog_house .dialog_box .house_box .list{ height:340px; overflow:hidden; overflow-y:auto}
.dialog_house .dialog_box .house_box .list ul li{ margin:0 0 15px;}
.dialog_house .dialog_box .house_box .list ul li h4{ margin:0 0 5px; color:#4d4d4d; font-size:12px;}
.dialog_house .dialog_box .house_box .list ul li h4{ line-height:20px; color:#4d4d4d;}

.dialog_up .dialog_box .raise_list{ padding:0 0 30px;}
.dialog_up .dialog_box .raise_list .select{ margin:0 0 20px;}
.dialog_up .dialog_box .raise_list .select select{ width:210px; height:30px; border:1px solid #aaa;}
.dialog_up .dialog_box .raise_list .add input{ float:left; width:210px; height:29px; margin:0; padding:0; border:1px solid #aaa;}
.dialog_up .dialog_box .raise_list .add a{ float:left; display:inline-block; width:101px; height:31px; margin:0 10px 0 10px; line-height:31px; background:url(../img/zg_icon.png) no-repeat -64px -149px; text-align:center; color:#777;}
.dialog_up .dialog_box .raise_list .add span{ float:left; display:inline-block; width:80px; margin:8px 0 0; color:#666;}
.dialog_up .dialog_box .raise_list .add span .icon_success{ display:inline-block; width:17px; height:17px; margin:0 5px 0 0; background:url(../img/zg_icon.png) no-repeat -194px -307px; overflow:hidden; vertical-align:-4px; *vertical-align:0;}

.dialog_up .dialog_box .proof_submitbtn{ padding:40px 0 0 80px;}
.dialog_up .dialog_box .proof_submitbtn input{ width:106px; height:32px; border:0; background:#ffac23; text-align:center; font-size:14px; color:#fff; cursor:pointer;}
.dialog_up .dialog_box .proof_submitbtn .bluebtn{ width:72px; height:30px; margin:0 10px 0 0; border:0; background:#3A83E8; text-align:center; font-size:12px; color:#fff; cursor:pointer;}
.dialog_up .dialog_box .proof_submitbtn .graybtn{ width:72px; height:30px; margin:0 10px 0 0; border:0; background:#cfcfcf; text-align:center; font-size:12px; color:#999; cursor:pointer;}
.dialog_up .dialog_box .proof_submitbtn a{ color:#4d4d4d;}
.dialog_up .dialog_box .proof_submitbtn a:hover{ color:#3A83E8;}

/*==============================================================
 *
 * .popup
 *
 */

.ui-dialog {
    padding-bottom: 0;
}