﻿.RegisterContentLayer
{
    position: relative;
    width: 805px;
    margin: 0px auto 0px auto;
    margin-top: -3px; /*border:solid 1px blue;*/
    font-size: 11px;
    color: #777777;
    height: 504px;
}

#RegistrationContainer
{
    position: absolute;
    float: left;
    width: 600px;
    margin-top: 60px;
    margin-left: 100px; /*border:solid 1px red;*/
    height: 300px;
}

#RegistrationContainer div
{
    position: absolute;
}

.RegistrationContentText
{
    position: relative;
    left: 59px;
    margin-top: -450px;
    width: 310px;
}

/* Row 1 */

.RegistrationStatus
{
    position: absolute;
    left: 0px;
    top: -30px;
    width: 600px;
    font-size: 14px;
    color: #FF0000;
}


FirstNameItem
{
    left: 0px;

}
#FirstNameItem, #LastNameItem
{   
    top: 5px;
    width :100px;

}

#LastNameItem
{
    left: 320px;
}

#FirstNameTextbox, #LastNameTextbox
{
    left: 100px;
    top: -10px;
     width:100px;
}


/*Row 2 */

#EmailAddressItem
{
    top: 45px;
    left: 0px;
    width:100px;
}
#EmailAddressTextBox
{
    left: 100px;
    top: -15px;
}

#BirthdateItem
{
    left: 320px;
    top: 45px;
}

#BirthdateTextBox
{
    left: 100px;
    top: -2px;
    width: 160px;
}

.DOBMonth, .DOBMonthRegEx, .DOBDay, .DOBDayRegEx, .DOBYear, .DOBYearRegEx
{
    position: absolute;
    margin-top: -15px;
}

.DOBMonth
{
    left: 0px;
}
.DOBDay
{
    left: 50px;
}
.DOBYear
{
    left: 100px;
}

.DOBMonthRegEx
{
    left: 0px;
}
.DOBDayRegEx
{
    left: 50px;
}
.DOBYearRegEx
{
    left: 100px;
}

/*Row 4 */
#GenderItem
{
    top: 78px;
}
#GenderTextBox
{
  font-size: 5px;
    left: 100px;
    top: -0px;
    height: 50px;
}
.GenderDropDown{  
font-size: 12px;
  width: 185px;
    }
#PhoneNumberItem
{
    top: 78px;
    left: 320px;
    width:100px;
}

#PhoneNumberTextBox
{
    top: -2px;
    left: 100px;
    width: 200px;
}

/* Row 5 */
#AddressItem
{
    left: 0px;
    top: 114px;
     width:100px;
}

#AddressTextBox
{
    left: 100px;
    top: -2px;
}
#CityItem
{
    left: 320px;
    top: 114px;
}
#CityTextBox
{
    left: 100px;
    top: -5px;
}
/* Row 6 */
#StateItem
{
    top: 148px;
    left: 0px;
}

#StateTextBox
{
    left: 100px;
    top: -15px;
}
#ZipCodeItem
{
    left: 320px;
    top: 148px;
    width:100px;
}

#ZipCodeTextBox
{
    top: -18px;
    left: 100px;
    width:300px;
}






/* Row 8 */
#EmailItem
{
    left: 0px;
    top: 200px;
    width:400px;
}

#MobileItem
{
    left: 0px;
    top: 215px;
    width:400px;
}

#FreeCaseItem
{
    left: 0px;
    top: 230px;
     width:500px;
}

#SubmitItem
{
    top: 175px;
    left: 500px;
}

#StartUpItem
{
    left: 467px;
    top: 220px;
}


/* Input Formatting */

#FirstNameItem input, #LastNameItem input, #EmailAddressItem input, #AddressItem input, #CityItem input
{
    width: 180px;
    height: 16px;
    border: solid 1px #cccccc;
}

#StateItem input
{
    width: 60px;
    text-transform: capitalize;
    text-align: center;
    border: solid 1px #cccccc;
}

#ZipCodeItem input
{
    width: 200px;
}

#BirthdateItem input, #PhoneNumberItem input
{
    width: 43px;
    height: 16px;
    text-align: center;
    border: solid 1px #cccccc;
}

.RequiredField
{
    font-size: 10px;
    color: #ce0100;

}

#RequiredMessage
{
    position: absolute;
    left: 5px;
    top: 230px;
    font-size: 11px;
    width:400px;
}

#ContactMessage
{
    position: absolute;
    left: 5px;
    top: 210px;
    font-size: 11px;
}

.Separator
{
    position: absolute;
    left: 0px;
    top: 255px;
}
