/*--------------------------------------------------------------------------------
SECTION         : Registration form
--------------------------------------------------------------------------------*/

/*
.tblRegistration
{
    width:725px;
    border-collapse:collapse;
    background-color:#0A315A;
}

    .tblRegistration .subHeader
    {        
        width:725px;
        height:46px;        
        background-repeat:no-repeat;
    }
    
    .tblRegistration .profileSubHeader
    {        
        width:725px;
        height:46px;
        background-repeat:no-repeat;        
    }    
    
    .tblRegistration .leftBorder
    {
        width:20px;
        height:500px;
        border-left:solid 1px #275382;
    }
    
    .tblRegistration .tdBody
    {
        vertical-align:top;
        background-color:#EAF4FE;
    }
*/
    
        .tblRegistrationFields
        {
            /*background-color:#EAF4FE;
            width:665px;
            border-collapse:collapse;
			*/
            
            width:728px;
			border-collapse:collapse;
			padding:0;
			margin:0;
			/*background-color:#EAF4FE;*/
        }   
        
            .tblRegistrationFields .tdInstruction
            {
                padding:0 55px 10px 0;
                width:610px;    /*have to specify width for all td cell otherwise will interrupt other td width in IE6.0 */
                font:normal 11px Arial,Helvetica,sans-serif;
            }
            
                .tblRegistrationFields .tdInstruction .spnIntro_en
                {
					font:normal 12px Arial, Helvetica, sans-serif;
                    color:#404950;
                    display:block;
                }

                .tblRegistrationFields .tdInstruction .spnIntro_ch
                {
                    color:#404950;
                    display:block;
                    font-size:12px;
                }

                .tblRegistrationFields .tdInstruction .spnOnlyEnglish_en
                {
                    margin:10px 0 0 0;
                    color:#ff0000;
                    font-style:italic;
                    font-weight:bold;
                    font-size:10px;
                    display:block;
                }
                
                .tblRegistrationFields .tdInstruction .spnOnlyEnglish_ch
                {
                    margin:10px 0 0 0;
                    color:#ff0000;
                    font-weight:normal;
                    font-size:12px;
                    display:block;
                }                
            
            .tblRegistrationFields .tdTerms
            {
                padding:0 25px 18px 0;
                width:640px;    /*have to specify width for all td cell otherwise will interrupt other td width in IE6.0 */
                color:#000;
                font:normal 11px Arial,Helvetica,sans-serif;
            }      
            
                .tblRegistrationFields .tdTerms a
                {                    
                    color:#ff0000;
                }      
            
                .tblRegistrationFields .tdTerms a:hover
                {
                    text-decoration:underline;
                    color:#ff0000;
                }            
            
            .tblRegistrationFields .tdButton
            {
                padding:0 30px 10px 0;
                text-align:right;
            }
            
				.tblRegistrationFields .tdButton .button
				{
					background:#CC6600 url(images/bg-button.gif) repeat scroll 0 0;
					border:1px solid #FF9900;
					color:#FFFFCC;
					font:bold 11px Arial,Helvetica,sans-serif;					
				}
            
            .tblRegistrationFields .tdTitle
            {
                width:635px;    /*have to specify width for all td cell otherwise will interrupt other td width in IE6.0 */
                padding:0 30px 10px 0;
            }  
            
            .tblRegistrationFields .tdSeparator
            {
                width:635px;
                padding:15px 30px 15px 0;
            }                       
            
            .tblRegistrationFields .titleMemberProfile
            {                
                padding:0 0 5px 0;
                color:#336699;
                font:bold 18px Tahoma,Arial,sans-serif;
                border-bottom:1px solid #336699;
            }
            
            .tblRegistrationFields .divCompulsoryFieldText
            {                
                color:#FF0000;
                font:normal 11px Tahoma,Arial,sans-serif;
                margin:5px 0 0 0;
                padding:0 0 0 1px;
            }
                        
            .tblRegistrationFields .validationSummary
            {
                font:normal 11px Tahoma,Arial,sans-serif;                
            }            
            
                .tblRegistrationFields .validationSummary ul
                {
                    padding:0;
                    margin:5px 10px 20px 10px;
                }             

            .tblRegistrationFields .warningMessage
            {
                font:normal 11px Tahoma,Arial,sans-serif;
                color:#E86418;
            }

                .tblRegistrationFields .warningMessage ul
                {
                    padding:0;
                    margin:5px 10px 20px 10px;
                }
            
            .tblRegistrationFields .titleEnews
            {                
                color:#000;
                font:bold 11px Tahoma,Arial,sans-serif;
            }            
            
            .tblRegistrationFields .divSeparator
            {
                font-size:0px;
                border-top:1px solid #336699;
            }
                        
            .tblRegistrationFields .tdFirstColumn
            {
                padding:5px 0 0 5px;
                width:150px;
                vertical-align:top;
                background-color:#336699;
                font:bold 11px Tahoma,Arial,sans-serif;
                color:#fff;
                border-bottom:solid 1px #fff;
            }
            
                .tblRegistrationFields .tdFirstColumn .spnInterestsQuickHelp
                {
                    padding:2px 0 0 0;
                    font:normal 10px Tahoma,Arial,sans-serif;
                    font-style:italic;
                    color:#0455AE;
                }
            
            .tblRegistrationFields .tdFirstColumnAlt
            {
                padding:2px 0 0 5px;
                width:240px;
                vertical-align:top;
                font:normal 10px Tahoma,Arial,sans-serif;
                color:#0455AE;
            }            

            .tblRegistrationFields .tdSecondColumn
            {
                padding:5px 30px 0 5px;
                vertical-align:top;
                /*width:390px;*/    /*let this width dynamically adjust*/
            }
            
                .tblRegistrationFields .tdSecondColumn .divTip
                {
                    padding:0 0 3px 0;
                    /*width:150px;*/
                    font:normal 11px Tahoma,Arial,sans-serif;
                    color:#000;
                } 
                
                    .tblRegistrationFields .tdSecondColumn .divTip .spnChangeSecretQnA
                    {
                        padding:0 0 3px 0;
                        font:bold 11px Tahoma,Arial,sans-serif;
                        color:#FF0000;
                    }
                    
                        .tblRegistrationFields .tdSecondColumn .divTip .spnChangeSecretQnA a
                        {
                            font:bold 11px Tahoma,Arial,sans-serif;
                            color:#000;
                            text-decoration:none;
                        }
                        
                        .tblRegistrationFields .tdSecondColumn .divTip .spnChangeSecretQnA a:hover
                        {
                            font:bold 11px Tahoma,Arial,sans-serif;
                            color:#000;
                            text-decoration:underline;
                        }                        

                /* Edit Profile*/
                .tblRegistrationFields .tdSecondColumn .spnFieldVal
                {
                    padding:0 0 5px 0;
                    font:normal 11px Tahoma,Arial,sans-serif;
                    color:#000;
                    display:block;
                }
                
                .tblRegistrationFields .tdSecondColumn .inputField
                {
                    padding:2px 0 0 0;
                    margin:0 0 3px 0;
                    width:180px;
                    height:15px;
                    font:normal 11px Tahoma,Arial,sans-serif;
                    color:#000;
                    border:solid 1px #999;
                }    
                
                .tblRegistrationFields .tdSecondColumn .validator
                {
                    vertical-align:top;
                }
                
                .tblRegistrationFields .tdSecondColumn .selectField
                {
                    padding:0;
                    margin:0 0 3px 0;
                    width:183px;
                    height:20px;
                    font:normal 11px Tahoma,Arial,sans-serif;
                    color:#000;
                    border:solid 1px #999;
                }   
                
                .tblRegistrationFields .tdSecondColumn .selectFieldAlt
                {
                    padding:0;
                    margin:0 0 3px 0;
                    width:50px;
                    height:20px;
                    font:normal 11px Tahoma,Arial,sans-serif;
                    color:#000;
                    border:solid 1px #06638F;
                }      
                
                .tblRegistrationFields .tdSecondColumn .checkBoxList
                {
                    border-collapse:collapse;
                }   
                
                    .tblRegistrationFields .checkBoxList input
                    {
                        /*padding:0;
                        margin:2px 0 0 0;*/
                        vertical-align:middle;
                    }
                    
                    .tblRegistrationFields .checkBoxList label
                    {
                        padding:0;
                        margin:0 0 0 3px;
                        color:#000;
                        font:normal 11px Tahoma,Arial,sans-serif;
                    }

                .tblRegistrationFields .radioButtonList
                {
                    border-collapse:collapse;
                }
                
                    .tblRegistrationFields .radioButtonList input
                    {
                        padding:0;
                        margin:2px 0 0 0;
                    }
                    
                    .tblRegistrationFields .radioButtonList label
                    {
                        padding:0;
                        margin:0 0 0 8px;
                        color:#404950;
                        font:normal 11px Tahoma,Arial,sans-serif;
                    }
            
.activationErrorMessage
{
    margin:50px 0 0 50px;
    display:block; 
    font:bold 14px Arial,Helvetica,sans-serif;
    color:red;
}            

.tblBlueContainer
{
    width:728px;
    border-collapse:collapse;
    /*background-color:#0A315A;*/
}

    .tblBlueContainer .td_tlc_border
    {
        margin:0;
        padding:0;
    }

		.tblBlueContainer .td_tlc_border .div_tlc_border
		{
			width:17px;
			height:42px;
			margin:0;
			padding:0;
			background:url(images/bluetheme/tlc_border_bg.gif) repeat-y;
			vertical-align:top;
		}

	.tblBlueContainer .tdTopBody
    {
        padding:0 0 0 7px;
        margin:0;
        background-color:#0A315A;
    }

		.tblBlueContainer .tdTopBody .tblTopBody
		{
			width:692px;
			background-color:#EAF4FE;
		}
		
			.tblBlueContainer .tdTopBody .tblTopBody .tdTopBody_tlc
			{
				width:30px;
                height:42px;
                margin:0;
                padding:0;
                background:url(images/bluetheme/tlc.gif) no-repeat;
			}
			
			.tblBlueContainer .tdTopBody .tblTopBody .tdTopBody_body
			{
				width:665px;
                height:42px;
                margin:0;
                padding:0;
                /*vertical-align:top;*/
			}

	.tblBlueContainer .td_lc_border
	{
		margin:0;
		padding:0;
		width:17px;
		height:100%;
		vertical-align:top;
		background:url(images/bluetheme/lc_border_bg.gif) no-repeat;
		background-color:#235182;
		vertical-align:top;
	}

	.tblBlueContainer .tdMainBody
    {
        padding:0 0 0 0;
        margin:0;
        /*background-color:#0A315A;*/
        vertical-align:top;
        height:100%;
    }  
    
		.tblBlueContainer .tdMainBody .tblContentBody
		{
			width:692px;
			border-collapse:collapse;
			padding:0;
			margin:0;
			background-color:#EAF4FE;
		}
		
		.tblBlueContainer .tdMainBody .divRegisterContainer
		{
			margin:0;
			padding:0 0 0 0;
			width:728px; 			
		}

    .tblBlueContainer .tblSubHeader
    {        
        height:46px;
        width:725px;
        background:url(images/bluetheme/sub_header.jpg) no-repeat;
    }    
		
		.tblBlueContainer .tblSubHeader .tdDateTime
		{
			padding:0px 0 0 0;
			vertical-align:top;
            font:normal 11px Arial,Helvetica,sans-serif;
            float:left;            
		}
		
	.tblBlueContainer .tdLeftBorder_tlc
    {
        width:24px;
        height:42px;
        background:url(images/bluetheme/tlc_border.gif) repeat-y;
    } 
    
    .tblBlueContainer .tdTopBorder
    {
        padding:0 0 0 7px;
		margin:0;
		background-color:#0A315A;
    }  
    
		.tblBlueContainer .tdTopBorder .tblTopBorder
		{
			width:692px;
			background-color:#EAF4FE;
		}
		
			.tblBlueContainer .tdTopBorder .tblTopBorder .tdTopBorder_tlc
			{
				width:30px;
                height:42px;
                margin:0;
                padding:0;
                background:url(images/bluetheme/tlc.gif) no-repeat;
			}
			
			.tblBlueContainer .tdTopBorder .tblTopBorder .tdTopBorder_body
			{
				width:665px;
                height:42px;
                margin:0;
                padding:0;
                /*vertical-align:top;*/
			}
				
	.tblBlueContainer .rightBorder
    {
        width:9px;
    } 
			
	.tblBlueContainer .tdLeftBorder_lc
    {
        width:24px;
        height:408px;  /*variant */
        background:url(images/bluetheme/lc_border.gif) repeat-y;
    } 
    
    .tblBlueContainer .tdBody
    {
        vertical-align:top;
        background-color:#EAF4FE;
    }
    
		.tblBlueContainer .tdBody .tblContentBody
		{
			width:695px;
		}
    
    /* Replace by 1 piece of image instead of 2 pieces here put to the same footer td */
    /*.tblBlueContainer .tdLeftBorder_blc
    {
        height:38px;
        width:24px;
        background:url(images/bluetheme/blc.gif) no-repeat;
    }
    
    .tblBlueContainer .tdBottomBorder
    {
        height:38px;
        background:url(images/bluetheme/bb_bg.gif) repeat-x;
    }*/


        /*Specific for Article (celeb blogs, feedback) page */
		.tblBlueContainer .tblSubHeader .tdArticleTitle
		{
			width:346px;
			padding:0px;
			vertical-align:top;
        }
        
        .tblBlueContainer .tblSubHeader .tdArticleTitle .sectionImage img
        {
			margin-left:105px;
			float:left;
		}
        
        /*Specific for Login page */
		.tblBlueContainer .tblSubHeader .tdLoginTitle
		{
			width:346px;
			padding:6px 0 0 122px;
			vertical-align:top;
        }  
        
         /*Specific for Forget Password page */
		.tblBlueContainer .tblSubHeader .tdForgetPassTitle
		{
			width:346px;
			padding:0px 0 0 70px;
			/*padding:5px 0 0 98px;*/
			vertical-align:top;
        }
        
        /*Specific for Search Result page */
		.tblBlueContainer .tblSubHeader .tdSearchResultTitle
		{
			width:346px;
			padding:0px 0px 0px 90px;
			vertical-align:top;
			
			/*
			margin:0px 0px 0px 90px;
			padding:0px;
			vertical-align:top;
			height:37px;
			display:block
			*/
        }