/*
 * imgAreaSelect default style
 */

.imgareaselect-border1 {
    background: url(border-v.gif) repeat-y left top;
}

.imgareaselect-border2 {
    background: url(border-h.gif) repeat-x left top;
}

.imgareaselect-border3 {
    background: url(border-v.gif) repeat-y right top;
}

.imgareaselect-border4 {
    background: url(border-h.gif) repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-handle {
    background-color: #fff;
    border: solid 1px #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-outer {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-selection {
}

.portrait_left {
    width: 978px;
    margin: 0 auto;
    text-align: center;
}

.portrait_left {
    float: left;
    height: auto;
    width: 306px;
}

/*#avatar{height: 280px;}*/
.portrait_revolve {
    height: auto;
    padding-top: 15px;
    width: 306px;
}

.revolve_left {
    background: url("../images/setup.gif") repeat scroll -128px -55px rgba(0, 0, 0, 0);
    float: left;
    height: 22px;
    width: 22px;
}

.revol_left_txt {
    color: #FF6699;
    float: left;
    height: 22px;
    line-height: 22px;
    text-align: left;
    width: 110px;
}

.revol_left_txt {
    color: #FF6699;
    float: left;
    height: 22px;
    line-height: 22px;
    text-align: left;
    width: 110px;
}

.revol_right_txt {
    color: #FF6699;
    float: left;
    height: 22px;
    line-height: 22px;
    text-align: right;
    width: 131px;
}

.revolve_right {
    background: url("../images/setup.gif") repeat scroll -128px -77px rgba(0, 0, 0, 0);
    float: left;
    height: 22px;
    width: 22px;
}

.setup_but {
    height: 28px;
    padding-left: 93px;
    padding-top: 40px;
    width: auto;
}

.baseinf_but1 {
    background: url("../images/secondary.gif") repeat scroll -194px -96px rgba(0, 0, 0, 0);
    border: medium none;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    margin-right: 22px;
    outline: medium none;
    width: 78px;
}

.portrait_right {
    float: left;
    font-size: 12px;
    /*height: 280px;*/
    padding-left: 280px;
    /*width: 320px;*/
}

.portrait_right_bottom {
    color: #666666;
    height: 220px;
    width: 310px;
}

.portrait1 {
    float: left;
    height: 200px;
    width: 180px;
}

.img_preview {
    border: 1px solid #000000;
    overflow: hidden;
    position: relative;
}

.img_preview img {
    margin: 0;
    position: relative;
}

.portrait2 {
    float: left;
    height: auto;
    padding-left: 40px;
    width: 68px;
}

#img_small_preview {
    height: 49px;
    margin: 0 auto;
    width: 49px;
}

.img_preview {
    border: 1px solid #000000;
    overflow: hidden;
    position: relative;
}