/** Static Style Definitions 
  * SIP WEBSHOP.08 : Styleguide */


/** Content Containers */
	
	/* user content */
	div.user { width: 719px; float: left; padding: 0px; background: url('Default_Images/shared/bgr_statics.gif') top left repeat-y; border-left: 1px solid #e6e6e6; }
		
		div.user_content  
		{
			width: 718px; height: 450px; float: left; padding: 0px; background: url('Default_Images/shared/bgr_user_content.gif') top left no-repeat; 
		    border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; 
		}

		/* title of user page */ 
		/* div.user_title { width: 476px; height: 30px; float: left; padding: 26px 8px 6px 64px; } */
		div.user_title { width: 476px; margin: 27px 0px 10px 64px; }
		
		div.user_content_content { width: 670px; float: left; margin: 8px 23px 8px 23px; }
			div.user_content_content td { vertical-align: top; }
		
		div.user_login 
		{
			width: 560px; height: 132px; 
			margin: 0px 35px 0px 75px; padding: 14px 0px 0px 0px;
			border: 1px solid #ccc;
		}
																							
		div.user_login_inputLabel { width: 136px; height: 16px; float: left; padding: 6px 0px 4px 30px; }
		div.user_login_input { width: 386px; float: right; }
		
		div.user_login_input_submit { width: 386px; float: right; padding: 4px 0px 0px 0px; }
		div.user_login_input_submit input { vertical-align: middle; margin: 0px 5px 0px 10px; } 
		
		div.user_login_error { width: 348px; float: right; margin: 0px; padding: 5px 35px 5px 4px; color: #e2001a; line-height: 14px; }

		div.user_login_register { width: 420px; float: left; margin: 60px 0px 0px 170px; font-size: 11px; }
		div.user_login_rememberMeWarn { width: 360px; float: left; margin: 80px 0px 0px 170px; }
		
		div.user_login_failedOptions { width: 520px; float: left; margin: 10px 0px 0px 76px; padding: 20px; }
		
		div.user_login_getAccountData { width: 520px; float: left; margin: 0px 0px 0px 76px; padding: 20px; }
		
		/* user register */
		div.user_content_register
		{
			width: 718px; float: left; padding: 0px; background: url('Default_Images/shared/bgr_user_content_register.gif') top left no-repeat; 
		    border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; 
		}
		div.user_content_register_address { width: 535px !important; float: left; margin: 8px 0px 8px 23px; }
		
		div.user_register_input { width: 370px !important; margin-right: 0px !important; border-right: none !important; }
		
		div.user_register 
		{
			width: 560px; height: 162px; float: left;
			margin: 0px 15px 0px 75px; padding: 6px 0px 6px 0px;
			border: 1px solid #ccc;
		}
		
		div.user_registerIntro { width: 92%; float: left; margin: 10px 20px 10px 20px; text-align: justify; }
		div.user_registerDivider { width: 98%; float: left; border-top: 1px solid #aaa; margin: 5px; }
		
		div.user_registerNew 
		{
			width: 520px; float: left;
			margin: 0px 15px 0px 75px; padding: 14px 20px 0px 20px;
			text-align: center;
		}
		
		div.user_registerAddress 
		{
			width: 560px; float: left;
			margin: 5px 15px 0px 75px; padding: 6px 0px 16px 0px;
			border: 1px solid #ccc;
		}
		
		div.user_registerCreateAcc 
		{
			width: 560px; float: left;
			margin: 5px 15px 0px 75px; padding: 12px 0px 12px 0px;
			border: 1px solid #ccc; text-align: center;
		}
		
		div.user_registerError 
		{
			width: 520px; float: left;
			margin: 5px 15px 0px 75px; padding: 12px 20px 10px 20px;
			border: 1px solid #e2001a;
		}
				div.user_registerError img { margin: 0px 10px 0px 10px; }

	/* user / account start */
	div.user_account  
	{
		width: 719px; float: left; padding: 0px; background: url('Default_Images/shared/bgr_statics.gif') top left repeat-y; 
	    border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; 
	}
		
		div.user_account_content { width: 718px; float: left; padding: 0px; background: url('Default_Images/shared/bgr_user_account_start_top.gif') top left no-repeat; }

		div.user_account_content_content { width: 670px; float: left; margin: 8px 23px 8px 23px; }
		
			div.user_account_content_content td { vertical-align: top; }
			div.user_account_content_content input, div.user_account_content_content select, div.user_account_content_content textarea { 
					margin: 3px 2px 5px 2px; padding: 2px;
					border: 1px solid #aaa;
					font-size: 10px; color: #000; text-transform: none; 
					vertical-align: middle;				
			}
			
			div.user_accountDivider  { width: 90%; float: left; border-top: 1px solid #aaa; margin: 5px 5px 5px 30px; }

	/* user account start */
		table.user_account_start 
		{
			width: 616px; float: left; margin: 0px 36px 0px 36px;
		}
			td.user_account_start { vertical-align: top; border-bottom: 1px solid #e6e6e6; padding: 10px 0px 15px 0px; }
			td.user_account_start_spacer { width: 16px; border: none !important; }
		 
		div.user_account_start_left { width: 308px; margin: 0px 0px 0px 36px; float: left; }
		div.user_account_start_right { width: 308px; margin: 0px 36px 0px 0px; float: right; }

		div.user_account_community  
		{
			width: 718px; height: 200px; float: left; 
			margin: 14px 0px 0px 0px; padding: 12px 0px 0px 0px;
			background: url('Default_Images/shared/bgr_user_account_start_bottom.gif') bottom left no-repeat; 
			border-top: 1px dashed #aaa;
		}
		
		div.user_account_start_section { width: 300px; }
		div.user_account_start_section img { margin: 0px 5px 0px 0px; vertical-align: middle; }
		div.user_account_start_section h5 { display: inline; width: 200px; }

		p.user_account_start_section { width: 270px; margin: 2px 0px 10px 14px; text-align: justify; }
		div.user_account_start_section_nav { width: 253px; float: left; text-align: left; padding: 0px 0px 0px 17px; }
		
		div.user_account_community div.user_account_start_section { border-bottom: none; }
		
		table.user_account_start_notepads { margin: 8px 8px 8px 10px; border-left: 1px dashed #aaa; border-bottom: 1px solid #aaa; }
		td.user_account_start_notepads { padding: 3px; vertical-align: top; }	
			.notepads_icon { text-align: center; }
			.notepads_date { padding: 0px 3px 3px 3px !important; }
			
		span.user_account_start_newsletterIntro { display: block; margin: 0px 0px 8px 0px; }
			
		div.user_account_start_scooter { float: left; }
		div.user_account_start_scooterIcon { float: left; width: 30px; text-align: right; margin: 0px 0px 0px 10px; }
		div.user_account_start_scooterLabel { float: right; text-align: left; width: 246px; padding: 2px; margin: 0px 0px 4px 0px; border-bottom: 1px solid #ccc; }
		
		table.user_account_start_pricelists { margin: 8px 8px 8px 10px; border-left: 1px dashed #aaa; border-bottom: 1px solid #aaa; }
		th.user_account_start_pricelistsHeader { padding: 4px 0px 10px 0px; color: #000; text-align: left; }
			td.user_account_start_pricelistsGenerated { text-align: center; vertical-align: top; }
			td.user_account_start_pricelistsList { width: 205px; border-bottom: 1px solid #ccc; }
			td.user_account_start_pricelistsType { text-align: left; vertical-align: top; border-bottom: 1px solid #ccc; }
			
		div.user_account_start_cprofile	{ float: left; margin: 0px 0px 20px 0px; }
		div.user_account_start_cprofileLeft	{ float: left; width: 80px; }
		div.user_account_start_cprofileRight { float: right; width: 210px; }
		img.user_account_start_cprofileAvatar { width: 70px; border: 1px solid #444 !important; }
		
		td.user_account_start_cmessagesMessage { width: 215px; padding: 2px 0px 3px 0px; line-height: 18px; border-bottom: 1px solid #ccc; }
		td.user_account_start_cmessagesAvatar { padding: 2px 0px 3px 0px; line-height: 18px; }
		img.user_account_start_cmessagesAvatar { width: 30px; border: 1px solid #444 !important; margin: 0px 5px 3px 0px; }
		
		td.user_account_start_opinionItem { padding: 4px 0px 2px 0px; border-bottom: 1px solid #aaa; vertical-align: top; }
		
		
			
	/* user account: address */
	div.user_account_address { padding: 8px 0px 8px 0px; border-top: 1px solid #e6e6e6; }
	
	div.user_account_address_userPic { width: 170px; float: left; }
	img.user_account_address_userPic { margin: 5px 0px 0px 20px; border: 1px dashed #aaa !important; }
	div.user_account_address_userPic span { float: left; }

	div.user_account_content_content img { margin: 0px 5px 0px 0px; vertical-align: middle; }
	div.user_account_content_content h5 { display: inline; }
	
	div.user_account_dataField { width: 100%; float: left; }
	div.user_account_inputLabel { width: 128px; height: 23px; float: left; padding: 5px 0px 0px 30px; }
	div.user_account_input  
	{
		width: 466px; height: 24px; float: right;
		padding: 0px 0px 0px 4px ;
	    border-top: 2px solid #fff; border-bottom: 2px solid #fff; border-right: 32px solid #fff; 
	    background: #f0f0f0;
	}
		div.user_account_input span { margin: 3px 2px 3px 2px; padding: 2px; display: block; }
		div.user_account_input input, div.user_account_input span { float: left;  }
		
		div.user_account_input_hint { float: right; width: 260px; height: 16px; margin: -6px 0px 0px 0px;  }
	
	div.user_account_save { background: none; }
	
	div.user_account_validateFalse { width: 240px; height: 20px; float: left; margin: 0px; padding: 0px; color: #e2001a; }
		div.user_account_validateFalse img { margin: 0px 8px 0px 0px; }
		div.user_account_validateFalse img:hover { cursor: pointer; }
	
	div.user_account_validateOverlay { width: 220px; float: left; padding: 3px; margin: 5px; border: 1px solid #e2001a; background: #fff; } 
	div.user_account_validateOverlay:hover { cursor: pointer; } 
	
	div.user_account_validateOverlay a { width: 214px; background: none; }
	div.user_account_validateOverlay a:hover { color: #fff; }
	
	span.user_account_validateOverlay_Link { width: 214px; float: left; }
		span.user_account_validateOverlay_Link a { width: 214px; float: left; }
	span.user_account_validateOverlay_Link:hover { width: 214px; background: #e6e6e6; color: #000; }
		span.user_account_validateOverlay_Link:hover a { color: #000; }
		

	/* user account: notepads */  
	table.user_account_notepads { width: 616px; float: left; margin: 0px 36px 40px 36px; border-bottom: 1px solid #aaa; border-collapse: collapse;	}
	div.user_account_notepads_intro  
	{
		width: 616px; float: left; 
		margin: 0px 36px 10px 36px; padding: 5px 0px 10px 0px;
		border-bottom: 1px dashed #aaa;
	}
	
	table.user_account_notepads_items { width: 616px; border-left: 1px solid #ccc; margin: 0px 0px 3px 0px; float: left; }
	td.user_account_notepads_itemsHL { padding: 5px 5px 5px 10px; border-left: 1px solid #000; border-bottom: 1px solid #ccc; }
	td.user_account_notepads_items { padding: 8px 5px 4px 3px; vertical-align: top; }
	
	td.user_account_notepads_items_data { width: 395px; vertical-align: top; border-bottom: 1px solid #cacaca; }
	
	.notepad_navi_spacer { vertical-align: middle; margin: 0px 1px 0px 2px; }
	
	
	/* user account: parcel tracking */
	div.user_account_pTracking_intro  
	{
		width: 616px; float: left; 
		margin: 0px 36px 15px 36px; padding: 5px 0px 10px 0px;
		border-bottom: 1px dashed #aaa;
		background-repeat: no-repeat;
		background-position: right top;
	}
	div.user_account_pTracking_intro p { width: 430px; height: 32px; margin: 0px 0px 10px 0px; } 

	th.user_account_pTracking_itemsHL { padding: 5px 5px 5px 10px; border-left: 1px solid #000; border-bottom: 1px solid #ccc; }
	td.user_account_pTracking_items { padding: 8px 5px 4px 3px; vertical-align: top; }
	.pTracking_items_left { text-align: left; }
	.pTracking_items_center { text-align: center; }
	.pTracking_serviceLogo { vertical-align: top; margin: 0px 6px 0px 0px;}
	
	div.user_account_pTrackingDetails {
		width: 540px; height: 400px; 
		padding: 10px; margin: 0px;
		background: url('Default_Images/shared/bgr_user_account_parceltracking_top.gif') top left no-repeat !important;
	}
	
	span.user_account_pTrackingDetailsHL { display: block; margin: 15px 0px 0px 50px;}
	
	div.user_account_pTrackingDetails_content  
	{
		height: 305px; margin: 15px 10px 10px 10px;
		background: #fff; border: 1px solid #888; 
		overflow: auto;
	}
	
	div.user_account_pTrackingDetails_details { width: 450px; margin: 20px; }
	.details_UPS { background: url('Default_Images/shared/logo_UPS.gif') right top no-repeat; }
	.details_DHL { background: url('Default_Images/shared/logo_DHL.gif') right top no-repeat; }
	
	
	/* user account: scootermodels */
	div.user_account_smodels_intro  
	{
		width: 616px; float: left; 
		margin: 0px 36px 15px 36px; padding: 0px 0px 10px 0px;
		border-bottom: 1px dashed #aaa;
	}

	div.user_account_smodels_new  
	{
		width: 616px; float: left; 
		margin: 0px 36px 15px 36px; padding: 0px 0px 10px 0px;
	}
	
	table.user_account_smodels 
	{
		width: 616px; float: left; margin: 6px 36px 5px 36px;
		border-bottom: 1px solid #aaa; border-collapse: collapse;
	} 
	td.user_account_smodels_itemsHL { padding: 5px 5px 5px 10px !important; border-left: 1px solid #000; border-bottom: 1px solid #ccc;} 
	table.user_account_smodels td { padding: 4px 0px 4px 0px; }
	td.user_account_smodels_alternate { border-top: 1px solid #888 !important; border-bottom: 1px solid #888 !important; }
	.smodels_navi { line-height: 20px; }
	td.user_account_smodels_bottom { background: url('Default_Images/shared/bgr_user_account_scootermodel_list.gif') right bottom no-repeat; }
	
	div.user_account_smodels_newLabel { float: left; width: 140px; padding: 5px 0px 5px 0px; }
	div.user_account_smodels_newInput { float: left; width: 420px; }
	
	/* user account: rating */
	.user_account_ratingStar 
	{
		font-size: 0pt;
		width: 11px; height: 11px; margin: 5px 0px 0px -2px;
		padding: 0px;
		cursor: pointer;
		display: block;
		background-repeat: no-repeat;
		vertical-align: middle;
	}

	.user_account_filledRatingStar {
		background-image: url(Default_Images/shared/FilledStar.png);
	}

	.user_account_emptyRatingStar {
		background-image: url(Default_Images/shared/EmptyStar.png);
	}

	.user_account_savedRatingStar {
		background-image: url(Default_Images/shared/SavedStar.png);
	}