/*UHK Search*/
#front .uhk {left:515px; top:15px;}
#front #wrapper { position:relative; width:700px;}
#front #join { float:left; margin:-122px 0 0 0;}
#front #join .title { padding-left:105px;}
#front #join h2 {padding:0 0 5px 110px; font-size:16px;}
#front #join .content form {padding:0 0 0 45px; float:left;}
#front #join .content .email,
#front #join .content .name,
#front #join .content .pass {display:block; padding:5px 0;} 

#front #join .content .email{}
#front #join .content .name {}
#front #join .content .pass {}
#front #join .content label { width:65px; float:left; font-size:13px; line-height:24px; height:24px; font-weight:normal}
#front #join .content input { padding:3px; border:1px solid #d0d0d0; width:220px;}
#front #join .content .btn { background: url(../images/img.png) no-repeat -120px -265px; width:163px; float:left; height:60px; text-align:center; cursor:pointer;}
#front #join .content div.btn:hover {background: url(../images/img.png) no-repeat -283px -265px; }
#front #join .content .action{ float:left; padding: 5px 0 0 63px; }
#front #join .content .btn input {background:none; border:medium none; font-size:18px; height:30px; float:left; padding:5px 0; width:163px; font-weight:bold; cursor:pointer;}
#front #join .content .btn span { float:left; display:block; padding-top:3px; padding-left:15px;}
#front #join .content .btn span a { border-bottom: #fff 1px dotted ; text-decoration:none; height:10px; line-height:10px; padding:0; position:relative;}
#front #join .content .btn span a:hover { border-bottom: none;}

#front #join .content .action .login { font-size:18px; float:left; line-height:30px; height:30px; padding:10px 0 0 5px ; width:65px;}
#front #join .content .action .login a:hover { text-decoration:none;}

#front #join .hero { position:absolute; top:82px; right:40px;}


#front .home {z-index:20; left:-30px;}

#front .top {background:url(../images/front_head.png) no-repeat left top;  float:left; padding:20px 5px 0px; width:690px;}
#front .content {background:url(../images/front_bg.png) repeat-y left top;  float:left; width:690px; padding:40px 0 0 0;}
#front .bottom {background:transparent url(../images/front_tail.png) no-repeat left top; float:left;height:20px;line-height:20px;width:690px;}

#front .content .static {padding:10px 40px;}

#front #footer {width:690px;}

/*----Account Detail----*/
#front #acc_detail {margin-top:-83px; float:left}
#front #acc_detail .top {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/front_head2.png",sizingMethod="crop"); background:none;  float:left; padding:20px 5px 0px; width:690px;}
html>body#front #acc_detail .top {background:url(../images/front_head2.png) no-repeat left top; filter:none}
#front #acc_detail .title {padding: 0px 0 0 110px; line-height:18px; height:50px}
#front #acc_detail .title h1{font-size:12px}
#front #acc_detail .title h1 a {color:#ff6186; position:relative}
#front #acc_detail .title h1 a:hover { text-decoration:none}
#front #acc_detail .profile_pic{width:140px; padding:0 15px; float:left; text-align: center;}
#front #acc_detail .profile_pic img {border:5px solid #fff; margin-bottom:5px}
#front #acc_detail a.upload {background:url(../images/icons.png) no-repeat left -3px; padding-left:20px; clear:both; color:#b40048; text-decoration:none; line-height:18px}
#front #acc_detail a.upload span{border-bottom:1px dotted #b40048}
#front #acc_detail a.upload:hover span{border-bottom:1px dotted #f3f3f3}
#front #acc_detail .detail_content{width:520px; float:left; line-height:35px; color:#464646}
#front #acc_detail .detail_content h1{font-size:13px; line-height:normal; margin-bottom:10px; color:#909090}
#front #acc_detail .detail_content label {color:#b40048; float:left; width:70px}
#front #acc_detail .detail_content .txt {border:1px solid #d0d0d0; padding:3px; margin:5px 0 0px; width:280px; float:left}
#front #acc_detail .detail_content .cheack_btn {}
#front #acc_detail .detail_content select {border:1px solid #d0d0d0; padding:1px; margin:7px 0 0px; width:120px; color:#a1a1a1; height:22px}
#front #acc_detail .detail_content .left{float:left; padding-right:5px}
#front #acc_detail .detail_content .input_area {float:left;}
#front #acc_detail .detail_content a.cheack_btn {background:url(../images/img.png) no-repeat -130px -45px; width:45px; height:25px; float:left; text-align:center; color:#fff; text-decoration:none; line-height:25px; margin:5px 0 0 3px}
#front #acc_detail .detail_content a.cheack_btn:hover {background-position: -180px -45px}
#front #acc_detail .detail_content span{line-height:normal; font-size:11px; display:block; clear:both}
#front #acc_detail .input_area label {color:#464646; padding:8px 0 0px; line-height:15px; width:auto; padding-right:15px}
#front #acc_detail .input_area label .radio {margin-right:3px}
#front #acc_detail .input_area .clear {line-height:0}
#front #acc_detail .btn_area {display:block; text-align:center; float:left; width:100%}
#front #acc_detail .btn_area .btn {background: url(../images/img.png) no-repeat -123px -265px;border:none;cursor:pointer;font-size:24px;font-weight:bold;height:54px;width:160px;}
#front #acc_detail .btn_area .btn:hover {background-position:-286px -265px}

/*----Activated----*/
#activated { float:left; margin:-122px 0 0 0;}
#activated .title { padding-left:105px;}
#activated .hero { margin-top:-19px; float:right; padding-right:19px}
#activated .content {padding:0}
#activated .msg { float:left; padding:20px 0 0 45px; width:270px; font-size:16px; line-height:24px; height:150px; margin-top:90px}
#activated .msg a, #activated .msg span  { color:#ff6186; }
#activated .msg a:hover { text-decoration:none;}

/*----Forget Password----*/
#forget { float:left; margin:-122px 0 0 0;}
#forget .title { padding-left:105px;}
#forget .hero { position:absolute; top:82px; right:17px;}
#forget .msg { float:left; padding:20px 0 10px 45px;  font-size:16px; line-height:24px; }
#forget .msg a, #forget .msg span  { color:#ff6186; }
#forget .msg a:hover { text-decoration:none;}
#forget .content form {padding:0 0 0 45px; float:left;}
#forget .content .email{display:block; padding:5px 0;} 
#forget .content label { width:65px; float:left; font-size:13px; line-height:24px; height:24px; }
#forget .content input { padding:3px; border:1px solid #d0d0d0; width:220px;}
#forget .content .btn { width:163px; float:left; height:60px; text-align:center; padding:5px 0 0 65px}
#forget .content .action{ float:left; padding: 5px 0 0 63px; }
#forget .content .btn input {background: url(../images/img.png) no-repeat -130px -120px; border:medium none; font-size:12px; height:25px; float:left; padding:0 0 5px; width:50px; cursor:pointer; font-weight:bold}
#forget .content .btn input:hover {background: url(../images/img.png) no-repeat -180px -120px;}
#forget .content .btn span { float:left; display:block; padding-top:3px; padding-left:15px;}
#forget .content .btn span a { border-bottom: #fff 1px dotted ; text-decoration:none; height:10px; line-height:10px; padding:0; position:relative;}
#forget .content .btn span a:hover { border-bottom: none;}
#forget .content .action .login { font-size:18px; float:left; line-height:30px; height:30px; padding:10px 0 0 5px ; width:55px;}
#forget .content .action .login a:hover { text-decoration:none;}

/*----Change Password----*/
#change { float:left; margin:-122px 0 0 0;}
#change .title { padding-left:105px;}
#change .hero { position:absolute; top:82px; right:17px;}
#change .msg { float:left; padding:20px 0 10px 45px;  font-size:16px; line-height:24px; }
#change .msg a, #change .msg span  { color:#ff6186; }
#change .msg a:hover { text-decoration:none;}
#change .content form {padding:0 0 0 45px; float:left;}
#change .content .pass{display:block; padding:5px 0;} 
#change .content label { width:85px; float:left; font-size:13px; line-height:24px; height:24px; }
#change .content input { padding:3px; border:1px solid #d0d0d0; width:220px;}
#change .content .btn { width:163px; float:left; height:60px; text-align:center; padding:5px 0 0 85px}
#change .content .action{ float:left; padding: 5px 0 0 63px; }
#change .content .btn input {background: url(../images/img.png) no-repeat -130px -120px; border:medium none; font-size:12px; font-weight:bold; height:25px; float:left; padding:0 0 5px; width:50px; line-height:25px; cursor:pointer;}
#change .content .btn input:hover {background: url(../images/img.png) no-repeat -180px -120px;}
#change .content .btn span { float:left; display:block; padding-top:3px; padding-left:15px;}
#change .content .btn span a { border-bottom: #fff 1px dotted ; text-decoration:none; height:10px; line-height:10px; padding:0; position:relative;}
#change .content .btn span a:hover { border-bottom: none;}
#change .content .action .login { font-size:18px; float:left; line-height:30px; height:30px; padding:10px 0 0 5px ; width:55px;}
#change .content .action .login a:hover { text-decoration:none;}

/*----Sign in----*/
#sign { float:left; margin:-122px 0 0 0;}
#sign  h2 {font-size:16px;
padding:0 0 5px 110px;}
#sign .title { padding-left:105px;}
#sign .hero { position:absolute; top:82px; right:17px;}
#sign .msg { float:left; padding:20px 0 10px 45px;  font-size:16px; line-height:24px; }
#sign .msg a, #sign .msg span  { color:#ff6186; }
#sign .msg a:hover { text-decoration:none;}
#sign .content form {padding:0 25px 0 45px; float:left; background:url(../images/signin_divider.png) repeat-y right top; width:300px;}
#sign .content .email{display:block; padding:5px 0;} 
#sign .content label { width:65px; float:left; font-size:13px; line-height:24px; height:24px; font-weight:normal}
#sign .content input { padding:3px; border:1px solid #d0d0d0; width:220px;}
#sign .content .btn { width:163px; float:left; height:30px; text-align:left; padding:5px 0 0; color:#1B1B1B; line-height:23px }
#sign .content .action{ float:left; padding: 5px 0 0 63px}
#sign .content .btn input {background: url(../images/img.png) no-repeat -130px -120px; border:medium none; font-size:12px; height:25px; float:left; padding:0 0 5px; width:50px; cursor:pointer; font-weight:bold; margin-right:10px}
#sign .content .btn a {color:#B40048; margin-left:5px}
#sign .content .btn input:hover {background: url(../images/img.png) no-repeat -180px -120px;}
#sign .content .btn span { float:left; display:block; padding-top:3px; padding-left:15px;}
#sign .content .btn span a { border-bottom: #fff 1px dotted ; text-decoration:none; height:10px; line-height:10px; padding:0; position:relative;}
#sign .content .btn span a:hover { border-bottom: none;}
#sign .content .action .login a:hover { text-decoration:none;}

#sign .content .in {float:left;font-size:16px;height:30px;line-height:30px;padding:27px 0 0 15px;width:300px;}
#sign .content .in a {height:30px;line-height:20px;padding:0 0 2px 0; border-bottom:1px dotted #b40048; text-decoration:none; color:#b40048;}
#sign .content .in a:hover { border-color:#f3f3f3;}

/*----popupbox----*/
.popupbox {background:#fff; border:1px solid #c8e1ee; width:590px; position:absolute; z-index: 99; padding:10px;}
.popupbox .btn_close {float:right}
.popupbox .btn_close a {color:#21719e}
.popupbox .btn_close a .icon_close, .popupbox .thumb_container a.link_remove span {background: url(../images/icons2.png) no-repeat scroll left -257px; padding:2px 8px; text-decoration:none}
.popupbox .boxcontent {padding:15px}
.popupbox .popup_title {color:#95c1d3; font-weight:bold; font-size:18px; margin-top:10px; margin-bottom:10px}
.popupbox .row {color:#21719e; font-size:12px; font-weight:bold; padding-bottom:10px}
.popupbox .row span {color:#898989; font-weight:normal; font-size:11px; font-style:italic}
.popupbox .radiobox {float:left; width:20px}
.popupbox .inputbox {padding:5px 0 0 20px}
.popupbox .inputbox .textbox {border:1px solid #c8e1ee; color:#cacaca; font-size:11px; padding:2px; height:15px}
.popupbox .btn_upload { background:url(../images/button.png) no-repeat left -460px; border:medium none; color:#fff; float:left; font:normal 15px Arial; height:32px; margin:5px 0 25px 20px; width:80px; cursor:pointer; font-weight:bold}
.popupbox .btn_upload:hover {background-position: -90px -460px;}
.popupbox .thumb_container {width:125px; float:right; margin:5px;}
.popupbox .thumb_container .thumb {margin:0}
.popupbox .thumb_container .thumb { background:url(../images/photo_thumb_frame.gif) no-repeat top left; float:left; height:93px; padding:2px 3px; width:121px; margin: 0 10px 0 0}
.popupbox .thumb_container .thumb img{border:0;}
.popupbox .thumb_container a.link_remove {display:block; color:#21719e; text-align:center;}

#overlay{background: #000; position: absolute;top: 0px;left: 0px;z-index: 90;width: 100%;height: 100%;}
.hide {display:none;}

.loading {background:#fff url(../images/loading.gif) no-repeat center center; position:absolute; z-index: 9; min-height: 100px;}

.wordwrap{overflow:hidden; word-wrap:break-word; break-word:break-all; -moz-binding: url('./wordwrap.xml#wordwrap');}

.error_msg {font-weight:bold; font-size:150%; padding:30px; text-align: center; }
.error_msg a{color:#368cc7;}