/* REGISTER - All CSS for the registration page
--------------------------------------------------------------------*/


/*    #content
    {
        margin-top: 15px;
    }*/
.profileWrapper {
    width: 930px;
    margin: 0px auto;
}	
	#register #title
	{
		color: #3A76F8;
		font-size: 20px;
		font-weight: bold;
	}

	#register #left
	{	

		width: 500px;
		border-right: 1px solid #BFBFBF;
		border-top: 1px solid white;
		padding-bottom: 30px;
	}

	#register #right
	{
		position: absolute;
		left: 530px;
		top: 40px;
		
		font-size: 14px;
		font-weight: bold;
		

		width: 400px;
	}
	
	
	/* Basic common declarations for the container */
	#register .field_text, #register .field_radio, #register .field_check, 
	#register .field_code, #sign .field_buttons
	{
		width: 490px;
		padding: 5px 0px 5px 0px;
		display: table;

	}	
	
	/* Basic common declarations for the labels */
	#register .field_text label, #register .field_radio label, 
	#register .field_check label, #register .field_code label
	{
		width: 140px;
		
		float: left;
		
		text-align: right;
		
		margin-right: 7px;
		
		padding-top: 3px;
		font-weight: bold;
		
		font-size: 12px;
	}	
	
	/* Basic common declarations for the form inputs */
	#register .field_text input, #register .field_text select,
	#register .field_code input
	{
		width: 225px;
		height: 16px;
		float: left;
		
		font-size: 13px;
	}


	/* speciall declarations for the field texts */
	#register .field_text select
	{
		width: 300px  !important;
		height: 21px;

		font-size: 13px;
	}

	#register .field_text #month, #register .field_text #day, #register .field_text #year
	{
		width: 73px !important;
		margin-right: 6px;
		margin-left: -0.3px;
	}




	/* speciall declarations for the gender radios */
	#register .field_radio
	{
		padding: 5px 0px 5px 0px;
	}

	
	#register .gender
	{
		height: 37px;
		
		float: left;
		
		padding: 1px 0px 0px 0px;

	}

	
	#register .gender label
	{
		width: 50px;
		float: left;
		
		padding: 4px 0px 0px 2px;
		text-align: left;
		font-weight: normal;
		
		top: -2px;
		position: relative;
	}

	#register .gender div
	{
		height: 20px;
	}
	
	#register .gender input
	{
		float: left;
		clear: both;
	}
	
	
	/* special declarations for field code */
	#register .field_code
	{
		height: 140px;
	}
		
	#register .field_code p
	{
		position: relative;
		color: #716D6C;
		font-size: 12px;
		
		margin: 0px;
		padding: 2px 0px 2px 0px;

	}
	
	#register .field_code img
	{
		clear: both;
		border: 1px solid #B2B2B2;
		display: block;
	}

	#register .field_code input
	{
		width: 100px;
		margin-bottom: 3px;
	}
	

	
	/* special declarations for field check */
	#register .field_check
	{
		width: 340px;
		margin-left: 148px;
		
		padding-bottom: 5px;
		

	}

	#register .field_check input
	{
		position: relative;
		top: 2px;
		left: -4px;
	}
	
	#register .field_check label
	{
		font-weight: normal;
		width: 340px;
		text-align: left;
	}


	/* Basic common declarations for the field buttons*/
	#register .field_buttons
	{
		padding-left: 148px;
		width: 200px;
	}


	/* special declaration for the zipcode */
	#register #zipcode
	{
		display: block;
		height: 25px;
	}
	
	#register #zipcode input
	{
		width: 80px;
	}

	.whyBox
	{
        border: 2px solid #CEDDFE;

        padding: 10px 0 10px 10px;
        position: relative;
        top: 25px;


        width: 335px;

        background: #F3F6FF;
	}

    .whyBox p
    {
        margin: 0px;

    }

	.whyList
	{
		font-size: 15px;
		font-weight: normal;

		position: relative;
		left: -15px;
		top: 10px;

		
	}

	.whyList li
	{
		margin-top: 5px;
	}