/*
	Special stylesheet for all pt_tellafriend page based page. Some style
	are coming from pt_default, mainly all, which can be reused on other
	pages.
*/

/*
	Set the container and main page to a smaller portion of the screen, 
	because the popup is a small window.
*/
body
{
	background: none;
}

#container
{
	width: auto;
	margin: 0px 10px;
}
#container #main
{
	width: auto;
	top: 0px;
	left: 0px;
}

#pt_popup #content
{
	width: auto;
	margin: 0px;
	padding: 0px;		
}
	#pt_popup #content #tellafriend
	{
	}
		#pt_popup #content h1
		{
			background-color: #e1ebf5;
			text-transform: uppercase;
			color: #006;
			margin: 0px;
			padding: 10px;
			border: none;
			font-size: 22px;
		}
		
	 	#pt_popup #content h2
		{
			text-transform: uppercase;
			color: #69c;
			border: none;
			font-weight: normal;
			margin: 10px;
			border-bottom: 2px dotted #69c;
			padding: 0px;
		}
	
		#pt_popup #content h2 span.firstline
		{
			text-transform: lowercase;
			color: #69c;
			padding: 0px;
			border: none;
			font-weight: normal;
		}

		#pt_popup #content .popup_head
		{
			background: url(../images/playmobil/bg_popup_head.gif) no-repeat;
			text-transform: uppercase;
			color: #005aa8;
			font-size: 16px;
			font-weight: bold;
			text-align: left;
			padding: 13px 15px; 
			width: 450px;
			height:44px;
		}
		#content .popup_content
		{
			width:448px;
			color:#626262;
			padding:5px 15px 10px 15px;
			background-color: #e3f6ff;
			border-left: 1px solid #bfe7f9;
			border-right: 1px solid #bfe7f9;
		}
		#content .popup_content a
		{
			color:#005aa8;
		}
		#content .popup_content a:hover
		{
			text-decoration:none;
		}
		#content .popup_content_highlight
		{
			width:448px;
			color:#626262;
			font-weight: bold;
			font-size: 11px;
			padding:5px 15px 5px 15px;
			background-color: #c3e8f9;
			border-left: 1px solid #bfe7f9;
			border-right: 1px solid #bfe7f9;
			text-transform: uppercase;
		}
		* html .popup_content,
		* html #content .popup_content_highlight
		{
			margin-top:-3px;
		}
		#pt_popup #content p
		{
		}	
		#content .popup_oben
		{
			height:12px;
			width:480px;
			background: url(../images/playmobil/bg_popup_rahmen_oben.gif) no-repeat;
		}
		#content .popup_unten
		{
			height:12px;
			width:480px;
			background: url(../images/playmobil/bg_popup_rahmen_unten.gif) no-repeat;
		}

		#pt_popup #content #tellafriend .errormessage
		{
			border: 1px solid #fd0103;
			/* padding: 10px; */
		}	
			#pt_popup #content #tellafriend ul
			{
				margin: 5px 0px;
			}	
			#pt_popup #content #tellafriend ul li
			{
				list-style-position: inside;
			}	
		#pt_popup #content #tellafriend p
		{
			font-size: 11px;
		}	
		#pt_popup #content #tellafriend .star
		{
			color: #fd0103;
		}	
		#pt_popup #content #tellafriend .sendemail
		{
			
		}	
			#pt_popup #content #tellafriend .sendemail label
			{
				display: block;
			}	
			#pt_popup #content #tellafriend .sendemail input
			{
				padding: 1px;
				font-size: 10px;
				font-weight: normal;
				vertical-align: top;
			}	
			#pt_popup #content #tellafriend .sendemail .commentfield
			{
				font-family: verdana, sans-serif;
				padding: 1px;
				font-size: 11px;
				font-weight: normal;
				border-top: 1px solid #797D7F;
				border-left: 1px solid #797D7F;
				border-right: 1px solid #D8DCDE;
				border-bottom: 1px solid #D8DCDE;
			}	
				#pt_popup #content #tellafriend .sendemail input.sendimage
				{
					border: none;
				}	
				#pt_popup #content #tellafriend .sendemail input.cancelimage
				{
					border: none;
				}	
				#pt_popup #content #tellafriend .sendemail input.button
				{
					display: none;
				}	

			#pt_popup #content #tellafriend .sendemail textarea
			{
				padding: 1px;
				font-size: 12px;
				font-weight: normal;
				border: 1px solid #ccc;
				vertical-align: top;
				width: 95%;
			}	
			#pt_popup #content #tellafriend .sendemail div
			{
				margin-top: 10px;
				margin-bottom: 10px;
			}	
		#pt_popup #content #tellafriend .navigationbuttons
		{
			display: inline;
			float: left;
			padding: 0px;
			margin: 0px;
			width: 480px;
			margin-top: 10px;
			height: 25px;
		}
		#pt_popup #content #tellafriend .sentemail
		{
			margin: 10px;
		}	
		#pt_popup #content #tellafriend .sentemail .button
		{
			display: none;
		}	
		#pt_popup #content #tellafriend .navigationbuttons .imagebutton
		{
			display: none;
		}
		#pt_popup #content #tellafriend .navigationbuttons .button
		{
			border: none;
			background: none;
			cursor: pointer;
		}
		#pt_popup #content #tellafriend .navigationbuttons .leftbutton
		{
				display: inline;
				float: left;
				background: url(../images/playmobil/btn_wk_zurueck.gif) no-repeat;
				width:157px;
				height:25px;
				margin-left: 0px;
				color:#005aa8;
				font-weight: bold;
				font-size: 10px;
				text-transform: uppercase;
		}
		#pt_popup #content #tellafriend .navigationbuttons .rightbutton
		{
				display: inline;
				float: right;
				background: url(../images/playmobil/btn_wk_vor.gif) no-repeat;
				width:157px;
				height:25px;
				margin-top: 0px;
				margin-right: -2px;
				color:#005aa8;
				font-weight: bold;
				font-size: 10px;
				text-transform: uppercase;
		}

		
		
		
		
		
	#pt_popup #content #scene7demo
	{
		width: 400px;
		float: none;
	}
		#pt_popup #content #scene7demo .image
		{
			float: left;
			margin: 10px;
		}
		#pt_popup #content #scene7demo p
		{
			font-size: 10px;
			text-align: justify;
			margin: 0px 10px;
		}
		#pt_popup #content #scene7demo .colors
		{
			text-align: center;

			margin: 20px 10px 10px 220px;
		}
			#pt_popup #content #scene7demo .colorbox
			{	
				width: 20px;
				height: 20px;
				border: 1px solid #ddd;
				margin: 5px;
			}
			#pt_popup #content #scene7demo .color1
			{	
			}

	#pt_popup #content #recipientpopup .recipientname
	{
		margin: 10px 10px 20px 10px;
	}
		#pt_popup #content #recipientpopup .inputbox
		{
			padding: 1px;
			font-size: 10px;
			font-weight: normal;
			border: 1px solid #ccc;
			vertical-align: top;
		}
		#pt_popup #content #recipientpopup .applybutton
		{
			display: none;
		}
		#pt_popup #content #recipientpopup .applyimage
		{
			vertical-align: middle;
			margin-left: 10px;
		}