/*
body {
    font-family: Arial;
    padding: 0;
    margin: 0;
    background: none;
}
*/

img {
    border: 0;
}

.clearing {
    clear: both;
}

.popup {
    position: absolute;
    width: 517px;
    left: 50%;
    margin-left: -258px;
    display: none;
    z-index:1500;
}

.popup a {
    color: #a86420;
}

.popup .top_frame  {
    width: 517px;
    background: url(../images/top_popup_frame.png) left top no-repeat;
    padding-top: 20px;
    float: left;
}

.popup  .left_frame {
    width: 497px;
    background: url(../images/left_popup_frame.png) left top repeat-y;
    padding-left: 20px;
    float: left;
}

.popup  .right_frame {
    width: 477px;
    background: url(../images/right_popup_frame.png) right top repeat-y;
    padding-right: 20px;
    float: left;
}

.popup  .bot_frame {
    width: 517px;
    background: url(../images/bot_popup_frame.png) left bottom no-repeat;
    height: 20px;
    float: left;
}

.invite {
    float: left;
    background-color: #a86420;
    width: 464px;
    padding: 10px 5px 10px 8px;
}

p.inv_text {
    color: #ffe69f;
    font-size: 12px;
    font-weight: bold;
    float: left;
    margin: 10px 0 10px 15px;
    -margin: 10px 0 10px 7px;
}

.topic {
    float: left;
}

.popup_text_bg {
    float: left;
}

.tabs {
    float: left;
}

.popup_text_bg .top_frame  {
    width: 461px;
    background: url(../images/top_invite_frame.gif) left top no-repeat;
    padding-top: 16px;
    float: left;
}

.popup_text_bg  .bot_frame {
    width: 461px;
    background: url(../images/bottom_invite_frame.gif) left bottom no-repeat;
    float: left;
    height: auto;
    padding-bottom: 25px;
}

.popup_text {
    float: left;
    width: 431px;
    padding: 0 15px;
}

.topic_text {
    color: #7b4720;
    font-size: 12px;
    font-weight: bold;
    background: url(../images/line.gif) center bottom no-repeat;
    padding-bottom: 15px;
    text-align: center;
}

.topic_text  p {
    margin: 0;
}

.tabs {
    float: left;
    clear: both;
    margin-top: 10px;
}

.tab {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    __width: 420px;
    border-left: 1px #fff3cf solid;
    border-top: 1px #fff3cf solid;
}

.tab  li {
    float: left;
    text-align: center;
    padding: 5px 10px;
    border-right: 1px #fff3cf solid;
    width: 49px;
    height: 55px;
    cursor: pointer;
}

.tab  li.active {
    background: #fff3cf;
    height: 55px;
}

.tab  li a {
    color: #1a1a1a;
    text-decoration: none;
    font-size: 12px;
    
    display: block;
    margin-top: 38px;
    
    outline-style:none;
}

.tab_text {
    background: #fff3cf;
    clear: left;
    float: left;
    padding: 25px 10px 15px 10px;
    width: 401px;
}

.tab #twitter {
    background-image:url(/static/images/twitter_icon.gif);
    background-position:50% 20%;
    background-repeat:no-repeat;
}

.tab #yahoo {
    background-image:url(/static/images/yahoo_icon.gif);
    background-position:50% 20%;
    background-repeat:no-repeat;
}

.tab #gmail {
    background-image:url(/static/images/gmail_icon.gif);
    background-position:50% 20%;
    background-repeat:no-repeat;
}

.tab #hotmail {
    background-image:url(/static/images/hotmail_icon.gif);
    background-position:50% 20%;
    background-repeat:no-repeat;
}

.tab #aol {
    background-image:url(/static/images/aol_icon.gif);
    background-position:50% 20%;
    background-repeat:no-repeat;
}

.tab #myspace {
    background-image:url(/static/images/myspace_icon.gif);
    background-position:50% 20%;
    background-repeat:no-repeat;
}

label {
    color: #7b4720;
    font-size: 14px;
    font-weight: bold;
    ___width: 105px;
    float: left;
    clear: both;
    line-height: 32px;
    margin: 0 5px 15px 0;
    text-align: right;
    -position: relative;
    width:110px;
}

.input_text {
    width: 278px;
    height: 18px;
    
    font-size: 14px;
    font-weight: bold;
    color: #434242;
    padding: 5px 2px;
    margin: 0 0 15px 0;
    float: left;
    -position: relative;
}

.input_border {
    border: 2px #e1c98f solid;
}

.input_border_error {
    border: 2px #ff0000 solid;
}

.foot_text {
    clear: both;
    float: left;
    color: #ffe69f;
    font-size: 12px;
    margin: 10px 0 10px 10px;
    -margin: 10px 0 10px 5px;
    __text-align: center;
    width: 454px;
}

.foot_text p {
    margin: 0;
}

.buttons {
    __float: left;
    clear: both;
    margin: 10px 0 0 30px;
    #margin: 10px 0 0 50px;
    -margin: 10px 0 0 30px;
    #width: 385px;
    text-align: center;
}

.buttons input {
    display: inline;
}

.skip_btn {
    background: url(../images/skip_btn.gif) left top no-repeat;
    width: 143px;
    height: 40px;
    border: 0;
    #margin-right: 5px;
    cursor: pointer;
}

.skip_btn:hover {
    background: url(../images/skip_btn_over.gif) left top no-repeat;
}

.send_btn {
    background: url(../images/send_btn.gif) left top no-repeat;
    width: 143px;
    height: 40px;
    border: 0;
    cursor: pointer;
}

.send_btn:hover {
    background: url(../images/send_btn_over.gif) left top no-repeat;
}

.cont_text {
    float: left;
    clear: both;
    margin-top: 10px;
}

.head_text {
    text-align: center;
    padding-bottom: 20px;
}

.cont_text p {
    color: #a86420;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

.line {
    background: url(../images/line.gif) center no-repeat;
    float: left;
    margin: 35px 0;
    width: 420px;
    height: 6px;
}

.big_input {
    width: 420px;
    height: 18px;
    border: 2px #e1c98f solid;
    font-size: 14px;
    font-weight: bold;
    color: #434242;
    padding: 5px 2px;
    float: left;
    margin-top: 20px;
    margin-bottom: 40px;
}

.done_btn {
    background: url(../images/done_btn.gif) left top no-repeat;
    width: 165px;
    height: 40px;
    border: 0;
    margin: 10px 0 0 150px;
    cursor: pointer;
}

.done_btn:hover {
    background: url(../images/done_btn_over.gif) left top no-repeat;
}

.com_topic_text {
    color:red;
    font-family:Arial;
    font-size:12px;
}

.textarea {
    width: 420px;
    height: 220px;
    border: 2px #e1c98f solid;
    font-size: 14px;
    font-weight: bold;
    color: #434242;
    padding: 5px 2px;
    float: left;
    margin-top: 0px;
    margin-bottom: 20px;
}

.cancel_btn {
    background: url(../images/cancel_btn.gif) left top no-repeat;
    width: 143px;
    height: 40px;
    border: 0;
    margin-right: 15px;
    cursor: pointer;
}

.cancel_btn:hover {
    background: url(../images/cancel_btn_over.gif) left top no-repeat;
}

.submit_btn {
    background: url(../images/submit_btn.gif) left top no-repeat;
    width: 143px;
    height: 40px;
    border: 0;
    cursor: pointer;
}

.submit_btn:hover {
    background: url(../images/submit_btn_over.gif) left top no-repeat;
}

.big_topic_text {
    color: #7b4720;
    font-size: 14px;
    font-weight: bold;
    background: url(../images/line2.gif) center bottom no-repeat;
    padding-bottom: 15px;
    text-align: center;
}

.big_topic_text p {
    margin: 5px 0;
}

.reg_text {
    float: left;
    clear: both;
    margin-top: 10px;
}

.reg_text label  {
    width: 70px;
}

.err {
    float: left;
    line-height: 32px;
    color: #af4a00;
    font-size: 12px;
    margin-left: 10px;
}

.small_input {
    width: 268px;
    height: 18px;
    __border: 2px #e1c98f solid;
    font-size: 14px;
    font-weight: bold;
    color: #434242;
    padding: 5px 2px;
    __float: left;
    margin-bottom: 10px;
}

.smally_input {
    width: 56px;
    height: 18px;
    border: 2px #e1c98f solid;
    font-size: 14px;
    font-weight: bold;
    color: #434242;
    padding: 5px 2px;
    float: left;
    margin-bottom: 10px;
}