@import url("/App_Themes/Default/signup-new.css");

#signUpContainer
{
    margin-top:2px;
}
#signUpFormContainer
{
    color:#fff;
}
#signUp2Container
{
    background: url(../../Images/Signup/ChoiceLargeBG.png) no-repeat;
    height:511px;
    width:499px;
    position:absolute;
    left:460px;
    top:10px;
    padding-top:10px;
    padding-left:10px;
}
#signuphome
{    
    width: 960px;
    margin: 0; padding: 0;
    width: 100%;
}
.LeftSignupImages
{
    float:left;
    width:455px;
}
#signup2home
{
    height: 637px; width: 100%;
    margin: 0; padding: 0;
    background-color: #000000;
    background: url(../../images/Signup/SignUpBackground2.jpg) no-repeat bottom left;
    width: 100%;
}
.signupbutton
{
    background: url(../../images/signup_button.png) no-repeat center center;
    height: 35px; width: 154px;
    margin:0; padding:0;
    margin-left: auto; margin-right: auto;  
    display:block; text-indent:-9999px; outline:0;
    position: relative;  
}
a.signupbutton2
{
    background: url(../../Images/Signup/ClickHere.png) no-repeat 0 0;
    height: 31px; width: 150px;
    margin:0; padding:0;
    position:absolute;
    left:300px;
}
a.signupbutton2:hover
{
    background-position:0 -31px;
}
signupbuttonPulse
{
    background-position:0 -31px;
}
a.signupbutton2 span
{
    text-indent:-9999px;
    display:none
}
.signUpText
{
    float: left; 
    width:27%;
    margin: 0 20px 0 0;
}
#voucherDiv
{
    padding:0 10px 10px 0;
    margin:0;
    text-align:right;
    width:100%;
}
.signUp2Text
{
   margin: 0 20px 0 0;
}
.signUp2Text p
{
    color:#fff;
    font:Arial bold 12px;
}
/* Sign Up */
.signUpItemContainer
{
    width: 280px;
    border: solid 5px #ccc;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.UpdateText, .UpdateText li
{
    color:#aaa;
}
.LeftSignupImages img
{
    float:left;
}
.signUpItemContainer2
{
    width: 455px;
    height:48px;
    margin-bottom: 18px;
    background: url(../../images/Signup/JoinSelectionBG.png);
}
.signUpItemContainer2 div,.signUpItemContainer2 a
{
    display:inline;
}
.lastInLine
{
    margin-right: 0px;
}

.signUpItemContainer2 div.access
{
    padding:5px 5px 0px 5px;
    text-align: right;
    font-weight: bold;
    font-size: 21px;
    width:200px;
    text-align:right;
    vertical-align:middle;
}
.signUpItemContainer2 div.cost
{
    text-align: right;
    height: 50px;
    padding-top: 5px;
    font-size: 15px;
    position:absolute;
    right:225px;
    width:170px;
    vertical-align:middle;
}
.signUpItemContainer2 div.chooseButton2
{
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 15px;
    padding-left:38px;
    width:75px;
}

.signUpItemContainer div.access
{
    padding: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 21px;
    color:#f00;
}
.signUpItemContainer div.cost
{
    text-align: center;
    height: 50px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 15px;
    color:#fff;
}
.signUpItemContainer div.chooseButton
{
    text-align: center;
    font-size: 15px;
    padding-bottom: 5px;
}
.signUpItemContainer div.chooseButton a
{
    text-decoration: underline;
}

/* Sign Up Form */
#signUpFormContainer div.signUpFormLeft
{
    width: 430px;
    border: solid 8px #000;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 5px;
    min-height: 600px;
}
#signUpFormContainer div.signUpFormRight
{
    width: 450px;
    border: solid 8px #000;
    float: left;
    margin-bottom: 20px;
    padding: 5px;
}

#signUpFormContainer div.signUpFormRight div.paymentType
{
    width: 400px;
    border: solid 8px #000;
    padding: 5px;
}
#signUpFormContainer div.signUpFormRight div.paymentType div.paymentTypeImage
{
    float: left;
    margin-right: 5px;
}
#signUpFormContainer div.signUpFormRight div.paymentType  div.paymentTypeText
{
    float: left;
}
#signUpFormContainer div.signUpFormLeft div.voucher a,
#signUpFormContainer div.signUpFormLeft div.voucherOff a
{
    text-decoration: underline;
}
/*new Signup page */
.SelectPayment
{
    height: 35px; width: 154px;
    margin:0; padding:0;
    position:absolute;
    left:300px;
}
a.SelectPayment:hover
{
    background-position:bottom;
}
fieldset.Payment
{
    border:solid 1px #333;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
legend.Payment
{
    color:#aaa;
    font-weight:bold;
    padding:10px;
}
.PayOptionDiv
{
    color:#fff;
    width:499px;
    text-align:left;
    position:relative;
    margin-bottom:25px;
}
.typeSpan
{
    position:absolute;
    right:310px;
}
.PayOptionRB
{
    position:absolute;
    left:200px;
}
.costSpan
{
    position:relative;
    left:225px;
}