﻿/* TABLE REGISTER and LOGIN and PROFILE*/
.Member-Container {
    float: left;
    width: 100%;
    background: white;
    box-shadow: 0 6px 20px #adadad;
    border-radius: 6px;
    margin: 38px 0px 38px 0px;
    padding: 40px 20px 30px 20px;
}
.Member-Container a
{
    color:Blue;
}

.Member_TableInfo
{
	/*float:left;*/
	width:100%;	
	padding-bottom:10px;
}
.Member_TableInfo_Header
{
	/*background-color:#c2e3f0; */
	text-align:center;
	font-weight:bold;
}
.Member_TableInfo_Caption
{
	color:#666666;
	text-align:right;
	width:30%;
}
.Member_TableInfo table
{
	/*width:590px;*/
	border:0px;
	BORDER-COLLAPSE: collapse;
}
.Member_TableInfo td
{
	border:#cccccc 0px solid;
	padding:2px 4px 2px 4px;
}

.Member_TableInfo  img
{
	width:auto;
}
.Member_TableInfo a
{
    color:blue;
}


.Member_text
{
    width:100%;
    max-width:300px;
    height:30px;
    font-size:14px;    
    -moz-border-radius: 5px; /* from vector shape */
    -webkit-border-radius: 5px; /* from vector shape */
    border-radius: 5px; /* from vector shape */
    border: 1px solid #d9d9d9;    
}

.Member_text_number
{
    width:100%;
    max-width:300px;
    height:22px;
    font-size:14px;
    width:420px;
    -moz-border-radius: 5px; /* from vector shape */
    -webkit-border-radius: 5px; /* from vector shape */
    border-radius: 5px; /* from vector shape */
    border: 1px solid #eeeeee;
}

.Member_button
{
    width:100%;
    max-width:300px;    
}

.VIP99
{
    float:left;
    width:997px;
    /*background-color:#ffe79d;*/
    text-align:left;
    color:#222222;
    background-image:url(Images/Site/VIP-BG.jpg);
}
.VIP
{
    padding:5px 10px 0px 10px;
    font-size:14px;
}

.Member-TableSearch
{    
    float:left;
    width:100%;
    text-align:left;
    padding:5px 0px 2px 10px;
}

.Member-TableSearch table
{
    	BORDER-COLLAPSE: collapse;
}
.Member-TableSearch td
{            
}


/*  Info2 */
.Member_TableInfo2
{
	float:left;
	padding-bottom:10px;
	width:100%;
	color:#111;
	margin-top:10px;
}
.Member_TableInfo2 .Header
{
	/*background-color:#c2e3f0; */
	text-align:left;
	font-weight:bold;
	text-transform:uppercase;
	padding:20px 8px 10px 8px;
	border:red 0px solid;
}
.Member_TableInfo2 .Caption
{
	text-align:left;
}
.Member_TableInfo2 .Value
{
	text-align:left;
	color:#444;
    font-weight:600;
}
.Member_TableInfo2 table
{
	border:0px;
	BORDER-COLLAPSE: collapse;
	width:800px;
}
.Member_TableInfo2 td
{
	border:#eee 1px solid;
	padding:5px 8px 5px 8px;
	font-size:13px;
}

.Member-Content /* khung chứa nội dung, dưới khung search */
{

    float:left;
    width:940px; 
    text-align:left;
    padding:5px 0px 2px 10px;
}


.MemberContainer
{
   margin:-10px;
}

/* DIV LOGIN FORM */
#divLoginForm
{
	position:absolute;
	top:20px;	
	right:5px;
	text-align:right;
	background-color:#fff2a8;	
	border:#fdab53 2px solid;	
	padding:10px;
	color:#444444;
	font-weight:normal;
	z-index:1000;
	width:500px;
}
#divLoginForm a
{
	color:#444444;
	font-weight:bold;
}

.star
{
    color:Red;
}
.Success
{
    text-align:center;
    width:100%;
    padding:20px 0px 20px 0px;
    font-size:16px;
    color:Blue;
}


.DieuKhoan
{
    float:left;
    width:99%; 
    height:250px;
   
    -moz-border-radius: 5px; /* from vector shape */
    -webkit-border-radius: 5px; /* from vector shape */
    border-radius: 5px; /* from vector shape */
    border: 1px solid #d9d9d9;
    padding:10px;
    overflow:auto;
}


/*------------------- STEP BY STEP -----------------*/
.Status-Step
{
    float:left;
    width:100%;
    margin:-25px 0px 10px 30px;
}

.Status-Step .Current-Step
{
    float:left;
    color:#ff5000;
    width:100px;
    text-align:center;
}
.Status-Step .Current-Step .Order
{
    font-size:20px;
    font-weight:bold;
    width:46px;
    height:30px;
    background-image:url(Images/Buttons/circle-step.png);
    background-repeat:no-repeat;
    padding:15px 0px 0px 0px;
}
.Status-Step .Current-Step .Title
{
    width:100%;
    font-size:13px;
}
.Status-Step .Current-Road
{
    float:left;
    width:250px;
    height:3px;
    background-color:#ff621d;
    margin:20px -20px 0px -20px;
}

/* not current */
.Status-Step .One-Step
{
    float:left;
    color:#b3b3b3;
    width:100px;
    text-align:center;
}
.Status-Step .One-Step .Order
{
    font-size:20px;
    font-weight:bold;
    width:46px;
    height:30px;
    background-image:url(Images/Buttons/circle-step-.png);
    background-repeat:no-repeat;
    padding:15px 0px 0px 0px;
}
.Status-Step .One-Step .Title
{
    width:100%;
    font-size:13px;
}
.Status-Step .One-Road
{
    float:left;
    width:250px;
    height:4px;
    background-color:#b3b3b3;
    margin:20px -20px 0px -20px;
}


/*------------------- VIP LEVEL -----------------*/
.VIP-Level
{
    float:left;
    margin:10px 0px 0px 10px;
}

.VIP-Level .Title
{
    float:left;
    font-size:12px;
    font-weight:bold;
    margin-top:10px;
    width:80px;
}
.VIP-Level .Current-Level
{
    float:left;
    color:#ff5000;
    text-align:center;
    font-size:9px;

    width:35px;
    height:39px;
    background-image:url(Images/Buttons/vip-step.png);
    background-repeat:no-repeat;
    padding:16px 0px 0px 4px;
}

.VIP-Level .Current-Road
{
    float:left;
    width:35px;
    height:3px;
    background-color:#ff621d;
    margin:20px -4px 0px -4px;
}

/* not current */
.VIP-Level .One-Level
{
    float:left;
    color:#e6bb78;
    text-align:center;
    font-size:9px;
    width:35px;
    height:39px;
    background-image:url(Images/Buttons/vip-step-.png);
    background-repeat:no-repeat;
    padding:16px 0px 0px 4px;
}
.VIP-Level .One-Road
{
    float:left;
    width:38px;
    height:3px;
    background-color:#e6bb78;
    margin:20px -4px 0px -4px;
}

/*------------------- POS LEVEL -----------------*/
.POS-Level
{
    float:left;
    margin:-20px 0px -10px 10px;
}
.POS-Level .Title
{
    float:left;
   font-size:12px;
    font-weight:bold;
    margin-top:10px;
    width:80px;
}

.POS-Level .Current-Level
{
    float:left;
    color:#ff5000;
    text-align:center;
    font-size:9px;

    width:37px;
    height:39px;
    background-image:url(Images/Buttons/pos-step.png);
    background-repeat:no-repeat;
    padding:14px 0px 0px 2px;
}

.POS-Level .Current-Road
{
    float:left;
    width:35px;
    height:3px;
    background-color:#ff621d;
    margin:20px -4px 0px -4px;
}

/* not current */
.POS-Level .One-Level
{
    float:left;
    color:#e6bb78;
    text-align:center;
    font-size:9px;
    width:37px;
    height:39px;
    background-image:url(Images/Buttons/pos-step-.png);
    background-repeat:no-repeat;
    padding:14px 0px 0px 2px;
}
.POS-Level .One-Road
{
    float:left;
    width:38px;
    height:3px;
    background-color:#e6bb78;
    margin:20px -4px 0px -4px;
}


.VIP-Menu
{	
    float:left;
    width:99.6%;
    margin:0px 0px 10px 0px;	
    	
    
    border:#ffe9a0 2px solid;
    border-top:#f79412 0px solid;	
}
.VIP-Menu li
{	
    float:left;		
    list-style:none;	
    padding:15px 29px 5px 21px;
    text-align:center;
}
.VIP-Menu li img
{	
    width:35px;			
}
.VIP-Menu li a
{	
    color:#3f3f3f;			
}    


.Login-Box
{
    float:left;
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}
.Login-Caption
{
    float:left;
    background-color:White;
    margin:-25px 0px 0px 10px;
    font-size:14px;
    color:#666;
    font-weight:bold;
}

