@charset "utf-8";

/* Greeting Card css */




a.greetingCardPic {
	display: block;
	height: 100px;
	width: 100px;
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #CCCCCC;
	}
	
	a.greetingCardPic img { border: none; }

#content ul.greetingCardTrail {
	margin: 0 0 30px 0;
	width: 488px;
	font-size: 13px;
	}

ul.greetingCardTrail li {
	list-style-type: none;
	display: inline;
	float: left;
	width: 25%;
	text-align: center;
	background: #ececec url(/pics/greetingCard/li_bg.gif) no-repeat right;
	}
	
	ul.greetingCardTrail li.selected {  
		background: #d8d8d8 url(/pics/greetingCard/selected_li.gif) no-repeat right; 
		}

#content table.fillInformation th img {
 	margin: 0 auto;
	}
	
	#content table.fillInformation h2 { 
		font-size: 16px; 
		margin: 20px 0 0 0;
		}
	
	#content table.fillInformation p { 
		font-size: 12px; 
		margin: 0 0 5px 0;
		}
	
	#content table.fillInformation p.virhe { 
		color: #FF0000; 
		}
	
	#content table.fillInformation p.customText {
		text-align: center;
		font-size: 14px;
		margin: 30px 0 10px 0;
		}
		
	#content table.fillInformation p.cardSender {
		text-align: center;
		font-size: 14px;
		}
	
	
	#content table.fillInformation textarea  { 
		width: 490px; 
		border: 1px solid #bebebe; 
		}
	
#content #toiminnot { 
	margin: 30px 0 0 0;
	border-top: 2px solid #bebebe;
	}
	
	#content #toiminnot td { 
		padding: 10px 0 0 0; 
		}
		
	#content #toiminnot button {
		cursor: pointer;
		}