a
{
    color: #d2ff8b;
    text-decoration: none;
}
a:hover
{
    color: #e2ff8b;
    text-decoration: underline;
}
#regPanelBorder
{
    margin: 20px auto 20px auto;
    padding: 2px;
    background-image: url(../image/registration/registrationBorder.png);
    background-repeat: repeat-x;
}
#registrationPanel
{
    padding: 45px 45px 5px;
    min-height: 300px;
    background-color: #3c3c3c;
    color:#fff;
}
#regStepHeader
{
    height: 78px;
}
#regHeader
{
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    height: 28px;
}
#regFormArea
{
    width: 560px;
    float: left;
}
#regPromoArea
{
    float: left;
    width: 315px;
    text-align: right;
    padding: 0 20px 154px 0;
}
#regPromoAreaSugestion
{
    float: left;
    width: 280px;
    text-align: right;
    padding: 0 20px 40px 35px;
}
#regForwardAreaWrap
{
    height: 0px;
    position: relative;
}
#regForwardArea
{
    height: 124px;
    position: absolute;
    top: -124px;
    right: 0px;
    width: 385px;
}
#regForwardInfo
{
    float: left;
    width: 260px;
    text-align: right;
}
#regForwardButton
{
    float: left;
    width: 120px;
}
.stepBack
{
    width: 44px;
    height: 46px;
    display: block;
    float: left;
    position: relative;
    left: -5px;
}
.stepInformation
{
    width: 400px;
    float: left;
    font-size: 14px;
    font-weight: 700;
    color: #b7b7b7;
    padding-top: 8px;
}
.regPromoTitle
{
    font-size: 14px;
    font-weight: 700;
    display: block;
}
.regPromoDetail
{
    font-size: 10px;
    font-weight: 700;
    color: #b7b7b7;
    display: block;
    padding: 12px 0 22px;
}
ul.regPromoDetail
{
    margin:10px 0;
    padding-left:30px;
}
.regForwardInfoTitle
{
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    display: block;
    padding-top: 22px;
}
.regForwardInfoDetail
{
    font-size: 12px;
    font-weight: 700;
    display: block;
    padding: 4px 0;
}
.checkWrap
{
    display:inline-block;
    width:320px;
    vertical-align:top;
}
.checkItem
{
    float: left;
    width: 150px;
}
.avatarArea
{
    width:200px;
    float:left;
    text-align:right;
}
.customAvatarArea
{
    width:200px;
    float:left;
    padding-top:40px;
}