﻿
/* -------------------  Register new user start  ----------------------- */

.CreateUserWizard
{
    margin: 0px auto 0px auto;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-align: left;
}
                             
.cuwButtons
{
    margin-right: 75px;
    width: 155px;
    margin-top: 10px;
}

                              
.cuwHeader
{
    padding-top: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}

                             
.cuwInstruction
{
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
    line-height: 20px;
    width: 500px;
}

                              
.cuwTextBox
{
    width: 200px;
    height: 16px;
}

                             
.cuwErrorMessage
{
    font-weight: bold;
    color: #FF0000;
    font-size: 12px;
    padding-top: 15px;
    font-family: Arial;
}

                                                     
.cuwPasswordHint
{
    font-size: 12px;
    width: 300px;
}

                         
.cuwValidatorText
{
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
}

.tbl_howfindus
{
    margin: 10px auto 30px auto;
    width: 400px;
}

.tbl_howfindus_r1
{
    text-align: center;
    vertical-align: middle;
    font-family: Arial;
    color: #000000;
    font-size: 16px;
}

.tbl_howfindus_r2
{
    text-align: left;
    vertical-align: middle;
    font-family: Arial;
    color: #000000;
    font-size: 14px;
}


/* -------------------  Register new user end  ----------------------- */



/* -------------------  New user activation start  ------------------------------ */


.tblActivUser
{
    margin: 0px auto 0px auto;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    width: 500px;
    text-align: left;
}

.tblActivUserRow1
{
    padding-top: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}

.tblActivUserRow2
{
    padding: 15px 15px 25px 15px;
    line-height: 20px;
}

.tblActivUserRow2_
{
    padding: 15px 15px 25px 15px;
    line-height: 20px;
    text-align: justify;
}

.tblActivUserRow3
{
    text-align: center;
}

.tblActivUserRow4
{
    padding-bottom: 10px;
    padding-top: 25px;
    text-align: center;
}

.lblActivUserStat
{
    width: 400px;
    margin: auto;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
}

.divActivateUser
{
    width: 550px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    font-family: Arial;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
}

.divActivateUser a
{
    color: #0000FF;
}

.divActivateUser a:hover
{
    color: #800000;
}


/* -------------------  New user activation end  ------------------------------ */


/* -------------------  Change password start  ------------------------------ */


.ChangePassword
{
    margin: 0px auto 0px auto;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
}

 .cpButtons
{
    width: 155px;
    margin-top: 10px;
}        

.cpInstruction
{
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
    width: 300px;
    font-size: 12px;
    color: #000000;
}

.cpCancel
{
    display: none;
}

.cpTextBox
{
    width: 150px;
    margin-bottom: 5px;
    height: 16px;
}

.cpErrorMessage
{
    font-weight: bold;
    color: #FF0000;
    font-size: 12px;
    padding-top: 15px;
    font-family: Arial;
    width: 300px;
    text-align: left;
}

.cpCompleteSuccess
{
    text-align: center;
    line-height: 100px;
}

/* -------------------  Change password end  ------------------------------ */


/* -------------------  Recover password start  ------------------------------ */

                            
.PasswordRecovery
{
    margin: 20px auto 0px auto;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    width: 500px;
}

.prCompleteSuccess
{
    padding: 15px 5px 15px 5px;
    line-height: 20px;
}

.prLabel
{
    text-align: right;
    line-height: 20px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* -------------------  Recover password end  ------------------------------ */


/* -------------------  Dalete account start  ------------------------------ */

                        
.tblDeleteUser
{
    border: 12px solid #BCD7D3;
    margin: 50px auto 50px auto;
    background-color: #FFFFFF;
    width: 400px;
    font-family: Arial;
    font-size: 16px;
    text-align: left;
    table-layout: fixed;
}

                              
.duHeader
{
    border-width: 3px;
    border-color: #BCD7D3;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #660066;
    border-bottom-style: solid;
    padding-bottom: 20px;
    padding-top: 20px;
}

                        
.tblDeleteUserRow2
{
    padding: 15px 15px 25px 15px;
}

                        
.tblDeleteUserButtons
{
    text-align: center;
}

                         
 .duButtons
{
    margin: 0px 15px 15px 15px;
    height: 30px;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url(Images/Buttons.jpg);
    background-repeat: repeat;
}  

                       
.lblDeleteUserStat
{
    font-family: Arial;
}

.tblDeleteUserLabel
{
    text-align: left;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}


/* -------------------  Delete account end  ------------------------------ */


/* -------------------  Change name start  ------------------------------ */

.tblNameRecover
{
    width: 550px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
}

.tblNameRecover td
{
    vertical-align: middle;
}

.tblNameRecover_r1
{
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    text-align: center;
}

.tblNameRecover_r2
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-align: center;
}

.tblNameRecover_r3
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
    text-align: center;
}

.tblNameRecover_c1
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-align: right;
}

.tblNameRecover_c2
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-align: left;
}

.tblNameRecover_c3
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-align: left;
    line-height: 20px;
}

.txtNameRecover
{
    width: 200px;
    font-family: Arial;
    font-size: 14px;
    height: 16px;
}

/* -------------------  Change name end  ------------------------------ */





/* -------------------  Users Main Start  ----------------------- */

                             
.divUserMainWrap
{
    width: 608px;
    padding: 0px 10px 1px 10px;
}

.divUserMainWrap h3
{
    font-family: Arial;
    font-size: 18px;
    color: #000000;
    line-height: 22px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: normal;
}

.divUserMainWrap p
{
    font-family: Arial;
    font-size: 16px;
    color: #000000;
    line-height: 20px;
    text-align: justify;
    text-indent: 50px;
    margin-bottom: 20px;
    padding-left: 15px;
}

.divUserMainWrap p a
{
    color: #0000FF;
}

.divUserMainWrap p a:hover
{
    color: #800000;
}

.divUserMainWrap ul
{
    font-family: Arial;
    font-size: 16px;
    color: #000000;
    line-height: 20px;
    text-align: justify;
    text-indent: 50px;
    margin-bottom: 20px;
}

.divUserMainWrap ul li
{
    margin-bottom: 10px;
}

.divUserMainWrap ul a
{
    color: #0000FF;
}

.divUserMainWrap ul a:hover
{
    color: #800000;
}

.divUserMainWrap_
{
    width: 608px;
    padding: 0px 10px 0px 10px;
    margin-top: 0px;
}

.divUserMainWrap_ p
{
    font-family: Arial;
    font-size: 16px;
    color: #000000;
    line-height: 20px;
    text-align: justify;
    text-indent: 50px;
    margin-bottom: 20px;
    padding-left: 30px;
    margin-top: 0px;
}

.divUserMainWrap_ ul
{
    font-family: Arial;
    font-size: 16px;
    color: #000000;
    line-height: 20px;
    margin-bottom: 20px;
}


/* -------------------  Users Main End  ----------------------- */

/* ----------- Site Manager Start ---------------------- */

.tblBlockUser
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    margin-top: 25px;
    margin-right: auto;
    margin-left: auto;
}

.tblBlockUser td
{
    vertical-align: middle;
    text-align: center;
    padding: 5px;
}

.tblSMUserInfo
{
    border: 1px solid #C0C0C0;
    margin: 10px auto 35px auto;
    width: 598px;
}

.tblSMUserInfo td
{
    padding: 5px;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    vertical-align: middle;
}

.tblSMUserInfo_c1
{
    text-align: center;
}

.tblSMUserInfo_c2
{
    width: 350px;
    text-align: center;
}

.tblSMUserInfo_r1
{
    background-color: #D7D7D7;
}

.tblSMUserInfo_r2
{
    background-color: #F0F0F0;
}

.divSMUISpacer
{
    margin-top: 25px;
}

.tblSMStatistics
{
    border: 1px solid #C0C0C0;
    margin-bottom: 25px;
    width: 620px;
    margin-left: 10px;
}

.tblSMStatistics td
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    vertical-align: middle;
}

.tblSMStatistics_c1
{
    text-align: left;
    padding: 5px;
}

.tblSMStatistics_c2
{
    text-align: center;
    width: 100px;
    padding: 5px;
}

.tblSMStatistics_c3
{
    text-align: center;
    width: 170px;
    padding: 5px;
}

.tblSMStatistics_c4
{
    text-align: center;
    padding: 15px 5px 5px 5px;
}

.txtSMDate1
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    width: 100px;
    height: 18px;
}

.divSMPages
{
    text-align: center;
    margin: 25px auto 25px auto;
    width: 200px;
}

.divSMPages a
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #0000FF;
    text-decoration: underline;
}

.tblSMUserList
{
    border: 1px solid #C0C0C0;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 25px;
    width: 620px;
    margin-left: 10px;
}

.tblSMUserList td
{
    vertical-align: middle;
    text-align: center;
    padding: 5px;
}

.tblSMEmails
{
    width: 600px;
    margin-bottom: 25px;
    margin-left: 15px;
}

.tblSMEmails_r1
{
    background-color: #E1E1E1;
}

.tblSMEmails_r4
{
    padding-top: 5px;
}

.tblSMReadMail
{
    width: 620px;
    table-layout: fixed;
    margin-bottom: 10px;
}

.tblSMReadMail
{
    vertical-align: middle;
    text-align: center;
}

.tblSMDelProdPics
{
    border: 1px solid #C0C0C0;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    width: 620px;
    margin-top: 25px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.tblSMDelProdPics_c1
{
    text-align: center;
}

.tblSMDelProdPics_c2
{
    font-weight: bold;
    text-align: center;
}

.tblSMDelProdPics td
{
    padding: 5px;
    vertical-align: middle;
}

.divDelPrPicHistory
{
    height: 150px;
    overflow: auto;
}

.divOtherErrMessage
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-align: left;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    width: 800px;
    line-height: 20px;
}

.divOtherErrMessage a
{
    color: #0000FF;
}

.divOtherErrMessage a:hover
{
    color: #800000;
}

.divOtherErrMessage1
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-align: center;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    width: 800px;
    line-height: 20px;
}

.tblSMSentEmails
{
    border: 1px solid #C0C0C0;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    width: 620px;
    table-layout: fixed;
    margin-top: 25px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.tblSMSentEmails td
{
    vertical-align: middle;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tblSMSentEmails1
{
    margin: 0px auto 0px auto;
    border: 1px solid #C0C0C0;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    width: 500px;
    table-layout: fixed;
}

.tblSMSentEmails1 td
{
    vertical-align: middle;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tblSMSalonPayment
{
    border: 1px solid #000000;
    width: 620px;
    table-layout: fixed;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 10px;
}

.tblSMSalonPayment td
{
    border: 1px solid #C0C0C0;
    vertical-align: middle;
    text-align: center;
}

.txtSMSalon
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    width: 135px;
    height: 16px;
}

.ddlSMSalons
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    width: 135px;
    height: 22px;
}

.cmbSMSalonPay
{
    margin-top: 5px;
    margin-bottom: 5px;
}

.txtSMComments
{
    width: 445px;
    height: 50px;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
}

.divPayHistUserName
{
    text-align: center;
    margin: 10px auto 10px auto;
    width: 500px;
}

.divPayHistUserName a
{
    text-decoration: underline;
    color: #0000FF;
    font-family: Arial;
    font-size: 14px;
    margin-left: 5px;
}

.divPayHistUserName a:hover
{
    color: #800000;
}


/* ----------- Site Manager End ---------------------- */


