@charset "utf-8";
 

/* 
	-----------------------------------------
	Reset Stylesheet - Based on Eric Meyer's.
	-----------------------------------------
*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, code, font, img, dl, dt, dd, ol, ul, li,form, label, tr, th, td {
	margin: 0; 
	padding: 0;
}
 
 
a{  
	text-decoration: none; 
}

table {
	border-collapse:separate;
	border-spacing:0; 
	empty-cells: show;
}
caption, th, td { 
	font-weight:normal; 
	text-align:left;
} 
table, td, th { 
	vertical-align:middle; 
} 

a img{ 
border: none;
}

ul{
	list-style: none;
	}


 

/* 
	----------------------------------------------------
	General layout styles - body, container, sitemap-wrapper, footer-wrapper
	-----------------------------------------------------
*/

body{
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 0.75em;	
}
	
	#container, 
	#sitemap, 
	#footer{
		width: 960px;
		margin: 0px auto;
	} 
	
	.ie6 #container,
	.ie7 #container,
	.ie6 #sitemap,
	.ie7 #sitemap{
		
		}




/*  
	-----------------------------------------
	Header
	-----------------------------------------
*/

#header{
	height: 121px;
	padding: 9px 15px 14px 8px;
}	

.ie6 #header{
	overflow: hidden;
	}

	/* Register teaser	*/ 
	
	#firsttime-visitor,
	#registered-user,
	#visitor{ 
		display: none;
		}
		
	
		#register-teaser{ 
			width: 267px;
			height: 84px;
			margin: 24px 0px 0px 427px;
			position: absolute;
			padding: 10px 0px 0px 10px;
			z-index: 10;
			cursor: pointer;
			display: block;
			}
			
			
			#register-teaser h2,
			.teaser  h2{ 
				padding: 1px 0px 3px 0px;
				font-size: 1.8em;
				}

			#register-teaser ul li,
			.teaser ul li{
				background-repeat: no-repeat;
				background-position: 2px 7px;  
				padding: 1px 0px 1px 12px;
				font-size: 11px;
				}
				
	/* Visual	*/  

	#header-visual{
		height: 121px;
		width: 710px;
		float: left;
		background-position: left top;
		background-repeat: no-repeat; 
		}
		
	#header-visual img.mask{
		display: block;
		position: absolute;
		}
		
		#header-visual #logo,
		#header-visual #logo:visited,
		#header-visual #logo:hover{
			position: absolute;
			margin: 20px 0px 0px 20px;
			}
			
		#print-logo{
			display: none;
			}	
			
		#header-visual #blog,
		#header-visual #blog:visited,
		#header-visual #blog:hover{
			position: absolute;
			margin: 20px 0px 0px 580px;
			}
	
	.myzone-box, #search-box{
		float: left;
		width: 212px;
		padding-left: 15px; 
		} 
		
		/* myzone-box */
		
		.myzone-box{
			height: 65px;
			}
		
			.ie6 .myzone-box{

			}
		
		
		.myzone-box .avatar{ 
			width: 50px;
			height: 59px;
			float: left; 
			padding-right: 8px;
			}
			
			.myzone-box .avatar a,
			.myzone-box .avatar a:visited,
			.myzone-box .avatar a:hover{
				display: block;
				position: absolute;
				}

			
			.myzone-box .avatar img{
				display: block;
				position: absolute; 
				margin:1px 0px 0px 1px;
			}
			
				
				.myzone-box .avatar a img,
				.myzone-box .avatar a:visited img,
				.myzone-box .avatar a:hover img{
					margin: 0px;
				}

			.myzone-box .avatar a.mask,
			.myzone-box .avatar a.mask:visited,
			.myzone-box .avatar a.mask:hover{
				position: absolute;
				display: block;
				margin: 0px;
				}
				
			.myzone-box .text{
				float: left;
				width: 123px;
				}
				 
			.myzone-box .text h2{
				height: 35px;
				margin-bottom: 10px;
				padding: 0px;
				overflow: hidden;
				color: #fff;
				}
				
			.myzone-box a.message-icon,
			.myzone-box a.message-icon:visited,
			.myzone-box a.message-icon:hover{ 
				float: right;
				width: 32px;
				height: 32px;
				display: block;
				text-decoration: none;
				border-bottom: 0px solid #fff;
				line-height: 32px;
				font-size: 1.2em;
				font-weight: bold;
				text-align: center;
				background:transparent url(../media/images/layout/default/message-icon.png) left top no-repeat;
				margin-right: -3px;
				margin-top: -4px;
				}
				
				
			.ie6 .myzone-box a.message-icon,
			.ie6 .myzone-box a.message-icon:visited,
			.ie6 .myzone-box a.message-icon:hover{ 
				margin-top: 0px;
				}
				
			.myzone-box a.homepage,
			.myzone-box a.homepage:visited,
			.myzone-box a.homepage:hover{ 
				font-size: 0.95em;
				}
				
				
			.myzone-box a.show-myzone,
			.myzone-box a.show-myzone:visited, 
			.myzone-box a.show-myzone:hover{
				float: right;
				margin: 3px 0px 0px 5px;
				display: block;
				border-bottom: 0px solid #fff;
				clear: right;
				}
				
			.myzone-box .login-actions{
				clear: both;
				font-size: 0.95em;
				padding-top: 0px;
				}
			
			/* myzone popup */
				
			#myzone-popup{
				width: 234px;
				position: absolute; 
				z-index: 7;
				margin: 0px 0px 0px -6px;
				}
				
				#myzone-popup.box .body{
					padding: 0px 17px 0px 15px;
					}
				
			/* search-box */
			
			#search-box{
				padding-top: 12px;
				height: 46px;
				}

	.ie6 #search-box{
		overflow: hidden;
		}

			#search-box a,
			#search-box a:visited,
			#search-box a:hover{
				font-size: 0.95em;
				float: right;
				padding-top: 2px;
				} 
				
		.ie6 #search-box a,
		.ie6 #search-box a:visited,
		.ie6 #search-box a:hover{
		position: relative;
		}
		
		
/* 
	-----------------------------------------
	System messages
	-----------------------------------------
*/ 

ul.message li{
	padding: 15px 15px 15px 40px;
	margin: 10px 15px 10px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/* standard li info */
		border: 2px solid #3880bf;
		color: #3880bf;
		background: url(../media/images/layout/default/information.png) 15px 17px no-repeat #cfe3f5;
		font-weight: bold;
		font-size: 1.3em;
	}
	
		.ie6 ul.message li{
				background: url(../media/images/layout/ie6/information.gif) 15px 17px no-repeat #cfe3f5;
			}
		
	ul.message li.success{
	border: 2px solid #5f8f3c;
	color: #578f3c;
	background: url(../media/images/layout/default/accept.png) 15px 17px no-repeat #d8f1a5;		
	}
	
		.ie6 ul.message li.success{
			background: url(../media/images/layout/ie6/accept.gif) 15px 17px no-repeat #d8f1a5;	
			}
		
		
	ul.message li.error{
		border: 2px solid #dc0000;
		background: url(../media/images/layout/default/error.png) 15px 17px no-repeat #ffe0e0;	
		color: #dc0000;
		}
		
		.ie6 ul.message li.error{
			background: url(../media/images/layout/ie6/error.gif) 15px 17px no-repeat #ffe0e0;	
			}

/* 
	-----------------------------------------
	Ie6 message
	-----------------------------------------
*/ 

.ie6-message{
	padding: 10px 10px 10px 35px;
	margin: 5px 15px 5px 15px;
	border: 1px solid #dedede;
	color: #555;
	background: url(../media/images/layout/ie6/information.gif) 10px 10px no-repeat #efefef;
	font-weight: normal;
	font-size: 1em;	
}

.ie6-message a,
#content .ie6-message a:visited,
.ie6-message a:hover{
	color: #3880bf;
	text-decoration: underline;
}

.ie6-message p{
	padding-bottom: 5px;
	}

a.ie6-message-close,
#content a.ie6-message-close:visited,
a.ie6-message-close:hover{
	color: #888;
	float: right;
	padding: 5px 8px 5px 8px;
	border: 1px solid #dedede;
	background-color: #fff;
	text-decoration: none;
	margin: 0px 0px 5px 5px;
	}


/* 
	-----------------------------------------
	Main
	-----------------------------------------
*/ 
		
#main{ 
}

	/* 
		-----------------------------------------
		Menu
		-----------------------------------------
	*/ 
	
		#menu{
			float: left;
			width: 242px;
			}
	
			/*
				-----------------------------------------
				Navigation
				----------------------------------------- 
			*/
			
			
				#navigation{ 
					 padding: 0px 15px;
					 min-height: 290px;
					 height: auto;
					 _height: 290px;
				}
				 
				#navigation li{
					padding: 1px 0px;
					} 
				
					#navigation li a,  
					#navigation li a:visited,
					#navigation li a:hover{
						display: block;
						font-size: 1.4em;
						padding: 9px 0px 9px 30px; 
					}
					
					/* ie6 */
					
					.ie6 #navigation li a,  
					.ie6 #navigation li a:visited,
					.ie6 #navigation li a:hover{
						width:  182px;
						}

					#navigation  ul{
						padding: 0px 0px 0px 30px;
						}
	
					#navigation li.sub ul{
						padding: 5px 0px 5px 30px;
					}
	
						#navigation  ul ul{
						padding: 0px 0px 0px 20px;
						}
						
						#navigation ul li{
							padding: 0px;
							}
							
						#navigation ul li a,
						#navigation ul li a:visited,
						#navigation ul li a:hover{
							padding: 4px 0px 4px 15px;
							font-size: 1.2em; 
							}
						
						/* ie6 */
							
						.ie6 #navigation ul li a,
						.ie6 #navigation ul li a:visited,
						.ie6 #navigation ul li a:hover{
							width: 165px;  
							}
							

	/* 
		-----------------------------------------
		Menu .boxes
		-----------------------------------------
	*/ 
							
	#menu .boxes{
		padding: 15px;
		min-height: 246px;
		height: auto;
		_height: 246px;
		} 
				

	/* 
		-----------------------------------------
		Content
		-----------------------------------------
	*/ 
	
	#content{
		width: 718px;
		float: left
		}
		
		.ie6 #content{
			overflow: hidden;
			}
	
	
/* 
	-----------------------------------------
	General styles for boxes
	----------------------------------------- 
*/			
				
	.box{
		line-height: 140%;
		}
		
		.box .lt,
		.box .rt,
		.box .lb,
		.box .rb{
			background-repeat: no-repeat;
			}
			
	/* .ie7 & ie6 */
			
		.ie7 .box .lb,
		.ie7 .box .lt,
		.ie7 .box .rt,
		.ie7 .box .rb,
		.ie6 .box .lb,
		.ie6 .box .lt,
		.ie6 .box .rt,
		.ie6 .box .rb{
			padding: 0px;
			margin: 0px;
			zoom: 1;
			}

		.ie7 .box .rt,
		.ie6 .box .rt{
			padding: 5px 0px;
			margin: 0px;
			zoom: 1;
			}
			
		.box .lt{
			background-position: left top;
			}
			
		.box .rt{
			background-position: right top;
			padding: 5px 0px;
			}
			
		.box .lb{
			background-position: left bottom;
			}
				
		.box .rb{
			background-position: right bottom;
			}
			
		/* styles for grey box on white*/
		
			.box.grey .lt{
				background-image: url(../media/images/boxes/default/grey/lt.gif); 
				} 
	
			.box.grey .rt{
				background-image: url(../media/images/boxes/default/grey/rt.gif);
				} 
	
			.box.grey .lb{
				background-image: url(../media/images/boxes/default/grey/lb.gif);
				background-color: #fff;
				} 
	
			.box.grey .rb{
				background-image: url(../media/images/boxes/default/grey/rb.gif);
				}  
	
			.box.grey .body{
				border-color: #e9e9e9;
				}  		
				
			/* small profile box ie6 */
			

			.ie6 .box.profile-small .lt{
				background-image: url(../media/images/boxes/default/grey/lt.gif)!important; 
				} 
	
			.ie6 .box.profile-small .rt{
				background-image: url(../media/images/boxes/default/grey/rt.gif)!important;
				} 
	
			.ie6 .box.profile-small .lb{
				background-image: url(../media/images/boxes/default/grey/lb.gif)!important;
				background-color: #fff;
				} 
	
			.ie6 .box.profile-small .rb{
				background-image: url(../media/images/boxes/default/grey/rb.gif)!important;
				}  
	
			.ie6 .box.profile-small .body{
				border-color: #e9e9e9!important;
				} 			
				
			/*  ie6 small profile box profile top noborder */
			
				.ie6 .profile-member-top  .box.profile-small .lt{
					background-image: none!important; 
				} 
	
			.ie6 .profile-member-top  .box.profile-small .rt{
					background-image: none!important;
				} 
	
			.ie6 .profile-member-top  .box.profile-small .lb{
					background-image: none!important;
				} 
	
			.ie6 .profile-member-top  .box.profile-small .rb{
					background-image: none!important;
				}  
	
			.ie6 .profile-member-top  .box.profile-small .body{
					border-color: #fff!important;
				} 
				
		/* for ul in box */
		
		.box .body{
			border-width: 0px 1px 0px 1px;
			border-style: solid; 
			padding: 0px 9px;
			}

		
			
		/* for general content in box */
		
		.box .body.pad{ 
			padding: 10px 14px;
			}
			
			/* ie6 */

			.ie6 .box .body.pad{ 
				padding: 10px 14px!important;
				}

		.box .body .body.pad{ 
			padding: 10px 14px;
			}
			
		.box .body.add-comment{ 
			border: 0px solid #fff;
			}
			
		
		 .box h2{
			padding: 10px 0px;
			} 
			
			
		 .box li h2{
			padding: 5px 0px 0px 0px;
			line-height: 130%;
			} 
			
		.box h3,
		 .box .b  h3{
			border-bottom: 1px solid #e9e9e9;
			padding: 10px 0px 7px 0px;
			margin: 0px 0px 7px 0px;
			color: #444;
			font-weight: normal;
			}
			
		.box li h4,
		.box h4.first{
			padding-top: 0px;
			}
			
		.box .body.tabbed{
			min-height: 300px;
			height: auto;
			_height: 300px;
			}
			
		.box .body.pad h2{ 
			padding: 0px 0px 10px 0px;
			}

		.box .body.pad li h2{ 
			padding: 5px 0px 0px 0px;
			}
			
		.box .body.pad .bodytext h2{ 
			padding: 15px 0px 10px 0px;
			}
			
		.box.recipe .body.pad h2{
			padding: 10px 0px 10px 0px;
			}
	
			
		.box .desc-big{
			padding: 5px 0px;
			} 
			
		/* for divider in box */
		 
		.box .divider{
			padding: 10px 0px 10px 0px;
			margin: 10px 0px 0px 0px;
			border-top: 1px solid #e9e9e9;
			}

		.box .pad .divider{
			padding: 10px 0px 0px 0px;
			}
			
		.box .divider.noborder{
			margin: 0px;
			border-top: 0px solid #e9e9e9;
			}
			
			 
		/* for intro in box */
		
		.box .intro{
				padding: 0px 0px 10px 0px
				}

		/* topchef box */
		
		.boxes .topchef{
			margin-bottom: 15px;
			}
			
		.boxes .topchef .img{
			float: left;
			width: 95px;
			padding-right: 10px;
			}
			
		.boxes .topchef .img img{
			-moz-border-radius: 5px;
			-moz-webkit-radius: 5px;
		}

		.boxes .topchef .text{
			float: left;
			width: 80px;
			}
			
			.ie6 .boxes .topchef .text{
				overflow: hidden;
				width: 70px;
				}
			

		/* newsletter box */
			
		.boxes .newsletter{
			margin-bottom: 15px;
			}	
			
		.boxes .newsletter .intro{
			padding: 0px 0px 10px 47px;
			line-height: 120%;
			}

		/* facebook box */
		
			
		.boxes .facebook a,
		#content .boxes .facebook a:visited,
		.boxes .facebook a:hover{
			background:transparent url(../media/images/layout/default/facebook.gif) left top no-repeat;
			padding: 0px 0px 0px 40px;
			color: #555;
			display: block;
			border: 0px solid #fff;
			}
			
		.boxes .facebook a span{
			border-bottom: 1px dotted #777;
			}

		.boxes .facebook a:hover span{
			border-bottom: 1px solid #555;
			}
							
	/* 
		-----------------------------------------
		menu boxes
		----------------------------------------- 
	*/
				
		#menu .boxes > img{
			display: block;
			} 
			
		#menu .boxes .body{
			padding: 10px 15px; 
			}

		#menu .boxes .topchef .body{
			padding: 0px 10px 10px 10px; 
			}
			
		/*IE7-IE6 */ 
		.ie7 .trans-top, 
		.ie7 .trans-bottom,
		.ie6 .trans-top, 
		.ie6 .trans-bottom{
			display: block;
			width: 212px;
			height: 6px;
			}
			
		/*IE7-IE6 */ 
		.ie7 #myzone-popup .trans-top, 
		.ie6 #myzone-popup .trans-top{
			display: block;
			width: 232px;
			height: 16px;
			}
			 
		.ie7 #myzone-popup .trans-bottom, 
		.ie6 #myzone-popup .trans-bottom{
			display: block;
			width: 232px;
			height: 19px;
			}

			

	

		/* 
			-----------------------------------------
			transparent boxes
			----------------------------------------- 
		*/		 
	
		.opacity,
		.box a.opacity,
		.box a.opacity:visited,
		.box a.opacity:hover{
			background: url(../media/images/layout/default/opacity.png) left top repeat;
			padding: 10px;
			margin: 10px 0px;
			display: block;
			border: 0px solid #fff;
			} 
			
			.opacity.title{
				padding: 0px 10px;
				margin: 0px 0px 5px 0px;
				} 

/*  
	-----------------------------------------
	Styles for Poll
	-----------------------------------------
*/		

.pollvote-mask{
	height: 16px;
	width: 154px;
	position: absolute;
	display: block;
	margin-top: -20px;
	margin-left: -2px;
	background-position: left top;
	background-repeat: no-repeat;
	}
	
.ie7 .pollvote-mask{
	margin-top: -14px;
	}

.pollvote-container{
	background: url(../media/images/layout/default/pollvote-container.gif) left top repeat-x;
	height: 12px;
	width: 150px;
	display: block;
	margin: 5px 0px;
	float: left;
	}
	
	.pollvote{
		background-repeat: repeat-x;
		background-position: left top;
		height: 12px;
		display: block;
		}
	
	.pollvote-percent{
		width: 20px;
		float: left;
		padding: 2px 0px 0px 6px;
		font-weight: bold;
		}
		
	.poll.wide li{
		padding-bottom: 7px;
		}


.ie6 #poll .body{
	width: 182px;
	overflow: hidden;
	}

/*   
	-----------------------------------------
	Sitemap
	-----------------------------------------
*/	

	#sitemap{
		width: 930px;
		padding: 60px 15px 30px 15px;
		}
		
		#sitemap ul{
			float: left; 
			width: 145px;
			padding: 0px 10px 0px 0px;
			}

		#sitemap li{
			padding: 2px 0px;
			}
		
		#sitemap a,
		#sitemap a:visited,
		#sitemap a:hover{
			border: 0px solid #fff;
			}


/* 
	-----------------------------------------
	Footer 
	-----------------------------------------
*/	

#footer{
	text-align: center;
	padding: 25px 0px;
	}

	#footer li{
		list-style: none;
		display: inline;
		border-right: 1px solid #d7e6b8;
		padding: 0 10px;
	}
	#footer li.last{
		border: none;
		padding-right: 0;
	}



/* 
	-----------------------------------------
	General styles for content
	-----------------------------------------
*/

	/* Bodytext */
	
	.bodytext{
		line-height: 150%;
		} 
	.bodytext p{
		margin: 0px;
		padding: 5px 0px;
		}
	
	/* Titles */
	
		h1{  
			font-size: 2em;  
			font-weight: normal;
			padding: 0 0 15px 0;
		} 
		

			.bodytext h1,
			h1.top,
			#overview .bodytext h1,
			#overview h1.top{
				padding-top: 0px;
				}
			 
		h2{
			font-size: 1.3em;
			font-weight: normal;
			padding: 15px 0 15px 0;
		}

		h2.first{
			padding-top: 5px;
		}
		
			h2.font,
			.bodytext h2{
				font-size: 1.5em;
				}
	
			h2 a,
			h2 a:visited,
			h2 a:hover{
				border-bottom: 0px solid #fff;
			}

		h3{
			font-size: 1.1em;
			font-weight: bold;
			padding: 10px 0px;
		}
		

			h3.a{
			}

		h4{
			font-size: 1em;
			font-weight: bold;
			padding: 5px 0px;
		}
		
			h4 a,
			h4 a:visited,
			h4 a:hover{
				border-bottom: 0px solid #fff;
			}
		
			h4.first{
				padding-top: 0px;
			}
		
			h4.a.light{
			}
			
		h5{
			font-size: 1em;
			font-weight: bold;
		}

		h6{ 
			font-size: 0.95em; 
			font-weight: normal;
			color: #999;
		}
	
		
	/* Tables */	
	
	.bodytext table{
		width: 100%;
		border: 1px dotted #ccc!important;
		border-width: 1px 1px 0px 0px;
		border-collapse: collapse!important;
		}
	
	.bodytext table td{
		border: 1px dotted #ccc!important;
		border-width: 0px 0px 1px 1px;
		padding: 4px;
		}
	
	.bodytext  table.noborder{
		border: 0px dotted #ccc!important;
		border-width: 0px 0px 0px 0px!important;
		border-collapse:separate!important;
		}
	
	.bodytext table.noborder td{
		border: 0px dotted #ccc!important;
		border-width: 0px 0px 0px 0px!important;
		}
	
	
	
	/* Lists */
		
		.bodytext ul{
			padding-left: 15px; 
		}

		.bodytext ol{
			margin-left: 25px;
		}
		
		.bodytext ul li,
		.box .bodytext li,
		.box ul.wrap .bodytext li{
			padding: 1px 0px 1px 15px;
			border: 0px solid #fff;
		}
		
		.bodytext ol li,
		.box .bodytext ol li,
		.box ul.wrap .bodytext ol li{
			list-style-image:none;
			list-style-position:outside;
			list-style-type:decimal; 
			padding-left: 0px;
		}  
		
		/* lists in boxes */
		
		
					/* styles for ol in box (top groups) */
					
					.box ol li{
					padding-left: 30px;
					list-style-type: decimal;
					list-style-position: inside;
					}
						
		
			.box li{
				border-bottom: 1px solid #ededed; 
				padding: 0px 0px; 
				} 
				
				
			.box li.last{
				border-bottom: 0px solid #ededed; 
				}
				
				/* lists with bullets */	
				
					
				/* lists without links */
				
				/* wrap = with expanding links, as-wrap = with normal links */
				
				.box ul.wrap li,
				.box ul.as-wrap li{
					padding: 5px 0px; 
					} 
					
				ul.wrap a,
				ul.wrap a:visited,
				ul.wrap a:hover,
				
				ul.wrap .a a,
				ul.wrap .a a:visited,
				ul.wrap .a a:hover,
				
				ul.wrap a.a,
				ul.wrap a.a:visited,
				ul.wrap a.a:hover,
				
				ul.wrap a.b,
				ul.wrap a.b:visited,
				ul.wrap a.b:hover,
				
				ul.wrap .b a,
				ul.wrap .b a:visited,
				ul.wrap .b a:hover
				{
					border: 0px solid #fff;
					padding: 0px;
					}
					 
				.box ul li.wrap,
				.box ul li.as-wrap{
					padding: 5px 0px;
					}
					
				.box ul.bullet-wrap li{
					padding: 5px 0px 5px 25px; 
					}
				
				
				/* lists with a strong */
				
				.box ul.title a,
				.box ul.title a:visited,
				.box ul.title a:hover{
					font-weight: bold;
					}
					
				
				/* lists without border - for ex.forms */
				
				.box ul.noborder li{ 
					padding: 4px 0px 3px 0px; 
					border-bottom: 0px solid #fff;
					} 
					
				.box ul.noborder li.divider{
					padding: 10px 0px 0px 0px;
					} 
				
				/* ie6 */
					
				.ie6 .box ul.noborder li.divider{
					background-image: none;
					}
				
				/* lists with thumbnails */
				
				/* ie6 */
				
				 .ie6 ul.thumb li{
					 background-image: none!important;
					 padding: 5px 0px!important;
					 }
					 
				/* -- */
				
				 ul.thumb li .img{
						width: 44px;
						height: 44px;
						padding-right: 10px;
						float: left;
						}
						
					ul.thumb.small li .text{
						width: 138px;
						float: left;
						} 
						
					ul.thumb.medium li .text{
						width: 365px;
						float: left;  
						} 
						
							
					ul.preview.medium li .img,
					ul.preview.full li .img{
						width: 100px;
						margin: 0px 10px 0px 0px;
						float: left;
						}
					
					ul.preview.medium li .text{
						width: 310px;
						float: left;
						}

					ul.preview.full li .text{
						width: 460px;
						float: left;
						} 
					
					#blog li img{
						float: left; 
						margin: 0px 10px 0px 0px;
						}
	


					/* start styles for action li */	

					ul.thumb.medium li.action .text{
						width: 338px;
						float: left; 
						border-right: 1px dotted #e9e9e9;
						padding-right: 10px;
						} 
					
					ul.hp li.action .text{
						width: 538px;
						float: left; 
						border-right: 0px dotted #e9e9e9;
						padding-right: 10px;
						} 


					
					/* group overview top */
						
					ul.small .number{
						padding: 0px 3px;
						margin: 0px 5px 0px 0px;
						float: left;
						-moz-border-radius: 3px;
						-webkit-border-radius: 3px;
						}

					ul.small .topgroup{
						width: 165px;
						float: left;
						}
						
					ul.small .subtitle-number{
						padding-top: 3px;
						width: 165px;
						margin-left: 20px;
						color: #888;
						}
						
					/* ie6 */
					
					.ie6 ul.small {
						width: 195px!important;
						}
					.ie6 ul li .text,
					.ie6 ul li .img{
						overflow: hidden!important;
						}
						
					.ie6 ul li .img{
						display: inline!important;
						}

					.ie6 ul.thumb.small li .text{
						} 
						

							

	/* Links */
	
	a,
	a:visited,
	a:hover{
		color: #444;
		cursor: pointer;
		}
		
		#content a:visited{
			color: #666;
			background-color: #eee;
			}
			
			#content .tabs a:visited,
			#content .my-home-tabs a:visited,
			#content .subtab a:visited,
			#content .subtab-trans a:visited,
			#content .teaser a:visited,
			#content .back a:visited,
			#content .my-menu a:visited,
			#content .to-wall:visited,
			#content #visual .nivo-imageLink:visited,
			#content .box.gradient-a.demo a:visited, 
			#content #tip a:visited,
			#content #breadcrumbs a:visited,
			#content a.action:visited,
			#content a.button:visited,
			#content a.button-action-a:visited,
			#content a.button-action-b:visited,
			#content .rating a:visited,
			#content .calendar a:visited,
			#content #choose-cat a:visited,
			#content a.arrow:visited,
			#content a.arrow-b:visited,
			#content .weekmenu a:visited,
			#content .cook-group a:visited,
			#content .author a:visited,
			#content .pager a:visited,
			#content a.help:visited,
			#content .profile-small a:visited,
			#content .boxes .facebook a:visited,
			#content .forum-index .title a:visited{
				background-color: transparent;
				font-style: normal;
				color: inherit;
				}
			
			.ie6 #content a.topgroup:visited{
				color: #666!important;
				}


				#content .author a:visited,
				#content .cook-group a:visited{
					background-color: transparent!important;
					}
	

	.bodytext a, 
	.bodytext a:visited,
	.bodytext a:hover{
		padding-bottom: 1px;
	}
		
	a.arrow,
	a.arrow-b{
		padding-left: 20px;
		}

/* link on cufon text */
		
h1 a,
h1 a:visited,
h1 a:hover,
h2.font a,
h2.font a:visited,
h2.font a:hover,
h4 a,
h4 a:visited,
h4 a:hover{
	display: inline-block;
	}
		
	

/*  
	-----------------------------------------
	Styles for backlink
	-----------------------------------------
*/	 

.back{
	clear: both;
	padding: 0px 0px 20px 0px;
	height: 20px;
	}

.back.bottom{
	padding: 20px 0px 0px 0px;
	}
	
	.back a,
	.back a:visited,
	.back a:hover{
		padding: 0px 0px 1px 20px;
		background:transparent url(../media/images/layout/lvbo/arrow-a-back.gif) left 3px no-repeat;
		} 
		
	.back a:hover{
		}

 
/*  
	-----------------------------------------
	Styles for totoplink
	-----------------------------------------
*/	 


.totop{
		padding: 15px 0px 0px 20px;
		height: 15px;
		margin-top: -45px;
		position: absolute;
		margin-left: 270px;
	}
			
	
	.totop a,
	.totop a:visited,
	.totop a:hover{
		padding: 0px 0px 1px 20px;
		background:transparent url(../media/images/layout/default/totop.gif) left 0px no-repeat;
		color: #777;
		border-bottom: 1px dotted #777;
		}
	
	/*.ie7*/
		
	.ie7 .totop a,
	.ie7 .totop a:visited,
	.ie7 .totop a:hover{
		zoom: 1;
	}
		
	.totop a:hover{
		color: #666;
		border-bottom: 1px solid #666;
		}
	
/*  
	-----------------------------------------
	Styles for action links in list
	-----------------------------------------
*/	
	
	.list-action{
		float: right;
		padding-left: 5px;
		border-left: 1px dotted #e9e9e9;
		padding-bottom: 3px;
		width: 25px;
		}
		
		ul.thumb.medium .list-action{
			border: 0px solid #fff;
			}

		.list-action a,
		.list-action a:visited,
		.list-action a:hover{
			display: block;
			width: 15px;
			height: 15px;
			padding: 0px 5px 0px 5px;
			text-indent: -3000px;
			border: 0px solid #fff;
			}
	

		
		
/* 
	-----------------------------------------
	Styles for Content columns
	-----------------------------------------
*/
		
.col-body, 
.col-info{
	float: left;
	}  


	/* ie6 */
	.ie6 .col-body, 
	.ie6 .col-info{
		overflow: hidden;
		}  
	
	
	.col-body{
		width: 461px;
		padding: 10px 0px 60px 15px;
		}
		
	.col-body.short{
		padding-bottom: 0px;
		}
		
	.col-info{
		width: 212px; 
		padding: 15px 15px 0px 15px; 
		}

		/* dividers in col-body */
		
		.col-body .section{
			padding: 0px 15px 15px 0px;
			border-style: none;
			border-width: 0px;
			}

		.col-body .section.last{
			border-width: 0px;
			padding-bottom: 0px;
			}

		
.col-full{
	padding: 10px 15px 60px 15px;
	float: none;
	}
	
	
/* 
	-----------------------------------------
	Styles for General columns
	-----------------------------------------
*/

			
.col{
	margin-right: 15px;
	float: left;
	}
			
	.col.half{
		width: 215px;
		}		
		
	.col.third{
		width: 219px;
		}		
	
	.col.last{
		margin-right: 0px;
		}

					
	.col .box,
	.col-info .box{   
		margin-bottom: 15px;
		}
			  
		.col .box.last,
		.col-info .box.last{
			margin-bottom: 0px;
			}
		
		.col .box.middle,
		.col-info .box.middle{
			margin-bottom: 5px;
			}
			

		
/* 
	-----------------------------------------
	Styles for 3-column overview page (as Home)
	-----------------------------------------
*/

	
	.col-body.sections{
		width: 476px;
		padding: 15px 0px 60px 0px; 
		}
	

		#overview .col-body .section{
			padding: 0px 15px 15px 15px;
			border-style: solid;
			border-width: 0px 0px 3px 0px;
			}
			
			#overview .col-body .section.last{
				border-bottom: 1px solid #fff;
				padding-bottom: 0px;
				}
		
			#overview h1{
				padding-top: 15px;
				}
		

	
	/*  Homepage widgets 
	-----------------------------------------
*/
	
	
	/* Visual	*/ 
	
	#visual{ 
		height: 216px;
		width: 442px;
		}
	
	#visual img{
		display: none;
		}
	
	.visual-mask, 
	#visual img.visual,
	#visual .nivo-controlNav,
	.visual-mask-left,
	.visual-mask-right{
		position: absolute;
		}
		
			
		.visual-mask-left{
			z-index: 1999!important;
			}
			
		.visual-mask-right{
			z-index: 1999!important;
			margin-left: 441px;
			}
		
		#visual img.visual{
			z-index: 0!important;
			}
		
		#visual .nivo-controlNav{
			margin: 0px 0px 0px 255px;
			width: 117px;
			height: 39px;
			padding: 0px 30px 0px 30px;
			background:transparent url(../media/images/layout/default/visual-navig-bg.png) left bottom no-repeat;
			z-index: 2002!important;
			}
			 
			#visual .nivo-directionNav{
				z-index: 2001!important;
				}
						
			.nivo-imageLink{
				z-index: 2000!important;
				position: absolute!important;
				cursor: pointer;
				}
			
			#visual  a.nivo-prevNav,
			#visual  a.nivo-prevNav:visited,
			#visual  a.nivo-prevNav:hover,
			#visual  a.nivo-nextNav,
			#visual  a.nivo-nextNav:visited,
			#visual  a.nivo-nextNav:hover{
				position: absolute!important;
				z-index: 2003!important;
				display: block;
				width: 20px;
				height: 20px;
				text-indent: -5000px;
				border-bottom: 0px solid #fff;
				padding: 0px;
				cursor: pointer;
				}
					
				#visual  a.nivo-prevNav,
				#visual  a.nivo-prevNav:visited,
				#visual  a.nivo-prevNav:hover{
					background:transparent url(../media/images/layout/default/visual-prev.png) 50% 50% no-repeat;
					margin-top: 14px;
					margin-left: 260px;
					cursor: pointer;
					}
	
				#visual  a.nivo-nextNav,
				#visual  a.nivo-nextNav:visited,
				#visual  a.nivo-nextNav:hover{
					background:transparent url(../media/images/layout/default/visual-next.png) 50% 50% no-repeat;
					margin-top: 14px;
					margin-left: 404px;
					cursor: pointer;
					}

				
			#visual .nivo-controlNav a,
			#visual .nivo-controlNav a:visited,
			#visual .nivo-controlNav a:hover{
				float: left;
				display: block; 
				padding: 17px 5px 5px 5px;
				margin: 0px 6px 0px 0px;
				text-align: center;
				height: 21px;
				color: #fff;
				cursor: pointer;
				}
				
				
			#visual .nivo-controlNav a.active,
			#visual .nivo-controlNav a.active:visited,
			#visual .nivo-controlNav a.active:hover{
				background: url(../media/images/layout/default/visual-active.png) left top no-repeat;
				color: #282823;
				font-weight: normal;
				}
				


					
	/* Recipes-calendar	*/
	
	#recipes-calendar .calendar{
		width: 446px; 
		height: 128px;
		visibility: hidden;
		}
		
		#recipes-calendar .calendar img.calendar-bg,
		#recipes-calendar .calendar img.calendar-mask,
		#recipes-calendar .calendar .wrapper{
			position: absolute;
			} 
			

		#recipes-calendar .calendar .wrapper{
			width: 446px; 
			height: 128px;
			overflow: hidden;
			position: absolute;
			z-index: 3;
			
			}
		
		/* Previous - next buttons	*/
			
		#recipes-calendar .calendar .prev,
		#recipes-calendar .calendar .prev:visited,
		#recipes-calendar .calendar .prev:hover{
			position: absolute;
			z-index: 5;
			display: block;
			margin: 50px 0px 0px 0px; 
			}
			
		#recipes-calendar .calendar .next,
		#recipes-calendar .calendar .next:visited,
		#recipes-calendar .calendar .next:hover{
			position: absolute;
			z-index: 5;
			display: block;
			margin: 50px 0px 0px 422px;  
			}
			
		 /* this container has to slide left and right and must have a width that depends on the amount of recipes */
		 
		#recipes-calendar .days-container{
			padding: 0px 10px 10px 10px; 
			width: 700px;
			position: absolute;
			z-index: 4;
			border-width: 0;
			/*margin-left: -50px;*/
			}
			
		#recipes-calendar .days-container li{
			width: 85px; 
			height: 90px;
			padding: 7px 15px 15px 7px; 
			float: left;
			margin-top: 10px;
			}
			
			#recipes-calendar  .days-container li .daylink,
			#recipes-calendar .days-container li .daylink:visited,
			#recipes-calendar.days-container li .daylink:hover{
				height: 90px;
				display: block;
				border-bottom: 0px solid #fff;
				} 
			
			#recipes-calendar .days-container li.today{ 
				padding-top: 20px;
				margin-top: 0px;
				}
				
			#recipes-calendar .days-container li .date{
				border-bottom: 1px solid #ededed;
				padding-bottom: 2px;
				display: block;
				margin-bottom: 4px;
				}
				
				#recipes-calendar  .days-container li .date .day{ 
					font-size: 1.8em; 
					}
	
				#recipes-calendar  .days-container li .date .month{
					}
					
			#recipes-calendar .days-container li .title{ 
				padding: 4px 0px 0px 0px;  
				width: 85px;
				height: 55px;
				overflow: hidden;
				display: block;
				} 
				
				/* styles for inactive days */
				
				#recipes-calendar .calendar .days-container li.inactive .date .day,
				#recipes-calendar .calendar .days-container li.inactive .date .month,
				#recipes-calendar .calendar .days-container li.inactive .date .title{ 
					color: #999;
					}
	
				
			.calendar-popup{
				position: absolute;
				z-index: 100;
				width: 252px;
				height: 173px;  
				padding: 33px 25px 33px 25px;
				display: none;
				}
				
				.ie6 .calendar-popup{
					 margin-top: -25px;
					}
				
				.calendar-popup .img{
					display: block;
					float: left;
					padding-right: 5px;
					width: 150px;
				} 
				
				.calendar-popup .text{
					float: left;
					width: 95px;
					display: block;
				}

				.calendar-popup .text .desc-big{
					display: block;
				}
				
				.calendar-popup .text .difficulty{
					display: block;
				}
				
				.calendar-popup .text .difficulty h4.inline{
					display: block;
				}

				.calendar-popup .text .time{
					display: block;
				}
			  
	
		/* Week top 3	*/
		
		#recipes-top-3{

			}
			
		/* New recipes	*/
		
		#recipes-new{

			} 
			
		/* Demo and tips */
			 
		.demo .body.pad h2{ 
			background: url(../media/images/layout/default/demo-icon.png) left top no-repeat;
			padding: 7px 0px 10px 35px;
			} 
			
		.demo .demo-container,
		.tip-container{
			background-position: left top;
			background-repeat: no-repeat;
			height: 115px;
			padding: 10px 0px;
			}
 
		.demo .demo-container a,
		.demo .demo-container a:visited,
		.demo .demo-container a:hover{
			border-bottom: 0px solid #fff;
			display: block;
			}
			
		/* ie6 */
		
		.ie6 .demo .demo-container a,
		.ie6 .demo .demo-container a:visited,
		.ie6 .demo .demo-container a:hover,
		.ie6 .demo .demo-container a img{
			width: 182px;
			height: 80px;
			} 
			 
/* 
	-----------------------------------------
	Styles for Breadcrumbs
	-----------------------------------------  
*/

	#breadcrumbs{
		color: #777;
		padding: 0px 5px 10px 0px;
		margin: 0px -15px 15px 0px;
		border-bottom: 1px solid #e9e9e9;
		line-height: 160%;
		}
		
		#overview #breadcrumbs{
			margin: 0px 15px 0px 0px;
			}
		
		
		#overview .sections #breadcrumbs{
			margin: 0px 15px 0px 15px;
			}
			
		#breadcrumbs .divider{
			padding: 0px 7px; 
			} 
			
/* 
	-----------------------------------------
	Styles for User actions
	----------------------------------------- 
*/ 

	.box a.action,
	#content .box a.action:visited,
	.box a.action:hover{  
		padding: 2px 0px 2px 25px;
		background-position: left 0px;
		background-repeat: no-repeat;
		color: #777;
		display: block;
		}
 
	a.action.tooltip,
	#content a.action.tooltip:visited,
	a.action.tooltip:hover,
	a.action.tooltip:focus,
	/* forum action buttons */
	#main .my-home ul.forum-index li  a.action,
	#main .my-home ul.forum-index li  a.action:visited,
	#main .my-home ul.forum-index li  a.action:hover,
	#main .my-home ul.forum-overview li a.action,
	#main .my-home ul.forum-overview li a.action:visited,
	#main .my-home ul.forum-overview li a.action:hover,
	#main .my-home ul.forum-thread li a.action,
	#main .my-home ul.forum-thread li a.action:visited,
	#main .my-home ul.forum-thread li a.action:hover{
		text-indent: -5000px;
		display: block;
		float: left;  
		border: 0px solid #fff;
		margin: 0px 0px 0px 3px;
		width: 0px;
		margin: 5px 0px;
		padding: 2px 0px 0px 25px;
		background-color: transparent;
		outline: 0px solid #fff;
		}
		
		.profile a.action.tooltip,
		.profile a.action.tooltip:visited,
		.profile a.action.tooltip:hover{
			text-indent: 0px;
			margin: 5px 0px 0px 0px;
			color: #777;
			background-position: left 6px;
			padding-left: 21px;
			}

		a.print{ 
			background-image: url(../media/images/layout/default/action-print-grey.gif);
			}
	
		a.send-email{
			background-image: url(../media/images/layout/default/action-email-grey.gif);
			}
	
		a.add-tip{
			background-image: url(../media/images/layout/default/action-tip-grey.gif);
			}
				
		a.share-facebook{
			background-image: url(../media/images/layout/default/action-share-grey.gif);
			}
	
		a.action.add-to-menu{
			background-image: url(../media/images/layout/default/action-calendar-grey.gif);
			}

		a.action.add-recipe{
			background-image: url(../media/images/layout/default/action-add-grey.gif);
			}

		a.action.add-group{
			background-image: url(../media/images/layout/default/action-add-group-grey.gif);
			}

		a.action.groups{
			background-image: url(../media/images/layout/default/action-group-grey.png);
			}

		a.action.to-group{
			background-image: url(../media/images/layout/default/action-to-group.png);
			}
			
		a.action.link-group{
			background-image: url(../media/images/layout/default/action-link-group-grey.png);
			}

		a.action.group{
			background-image: url(../media/images/layout/default/action-group.png);
			}

		a.action.add-friend{
			background-image: url(../media/images/layout/default/action-add-friend-grey.png);
			}

		a.action.add{
			background-image: url(../media/images/layout/default/action-add.png);
			}

				.ie6 a.action.add{
					background-image: url(../media/images/layout/ie6/action-add.gif);
					}
			
			.full4 a.action.add{
				background-position: left 3px;
			}
			
		a.action.edit{
			background-image: url(../media/images/layout/default/action-edit.png);
			}
			
		a.action.edit-group{
			background-image: url(../media/images/layout/default/action-edit-grey.png);
			}

		a.action.accept{
			background-image: url(../media/images/layout/default/accept.png);
			}

				.ie6 a.action.accept{
					background-image: url(../media/images/layout/ie6/accept.gif);
					}

		a.action.remove{
			background-image: url(../media/images/layout/default/delete.png);
			}


		a.action.delete-member{
			background-image: url(../media/images/layout/default/icon-user-delete.png);
			}

		a.action.ban-member{
			background-image: url(../media/images/layout/default/icon-user-ban.png);
			}

		a.action.unban-member{
			background-image: url(../media/images/layout/default/icon-user-unban.png);
			width: 25px!important;
			margin-left: -5px!important;
			}

		a.action.go{
			background-image: url(../media/images/layout/default/icon-go.png);
			}

		a.action.desactivate{
			background-image: url(../media/images/layout/default/icon-active.png);
			}

			a.action.activate{
			background-image: url(../media/images/layout/default/icon-inactive.png);
			}
			
		a.action.add-favorite{
			background-image: url(../media/images/layout/default/add-favorite.png);
			}

			
/*  
	-----------------------------------------
	Styles for Tabs
	-----------------------------------------
*/	
 
.tabs{
	height: 32px; 
	background-position: right bottom;
	background-repeat: no-repeat;
	} 
	
.my-home-tabs{
	margin-top: 5px;
	} 

.tabs a,
.tabs a:visited,
.tabs a:hover{
	float: left;
	display: block;
	text-decoration: none;
	padding: 0px;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: right -32px; 
	} 

	.tabs a:hover{
		background-position: right -96px;
		} 
	
	.tabs a span,
	.tabs a:visited span,
	.tabs a:hover span{
		float: left;
		display: block;
		padding: 0px 0px 0px 10px;
		margin: 0px 10px 0px 0px;
		line-height: 32px;
		font-weight: bold;
		font-size: 1.05em;
		background-repeat: no-repeat;
		background-position: left top;
		}
		
		.ie6 .tabs a span,
		.ie6 .tabs a:visited span,
		.ie6 .tabs a:hover span{
			display: inline;
			}
		
		.tabs a:hover span{
			background-position: left -64px;
			}
			
			.tabs a.active,
			.tabs a.active:visited,
			.tabs a.active:hover,
			.tabs a.my-home-active,
			.tabs a.my-home-active:visited,
			.tabs a.my-home-active:hover{ 
				background-position: right -160px;
				} 
				
			.tabs a.active span,
			.tabs a.active:visited span,
			.tabs a.active:hover span,
			.tabs a.my-home-active span,
			.tabs a.my-home-active:visited span,
			.tabs a.my-home-active:hover span{
				background-position: left -128px;
				}
			
.tabs a.last,
.tabs a.last:visited,
.tabs a.last:hover{
	margin-right: 0px;
	}


		
/*  
	-----------------------------------------
	Styles for Rating
	-----------------------------------------
*/	 

.rating{
	width: 120px;
	}
	 
	.rating.current{
		float: right;
		padding: 2px 0px 0px 15px; 
		}
		
	.rat-small{
		width: 80px; 
		}

.rating a,
.rating a:visited, 
.rating a:hover,
.box .rating a,
.box .rating a:visited,
.box .rating a:hover,
.rating span
{
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	background-position: left top;
	background-repeat: no-repeat;
	background:transparent url(../media/images/layout/default/rating-inactive-big.png) left top no-repeat;
	border-bottom: 0px solid #fff;
	}
	
	.rating.rat-small a,
	.rating.rat-small a:visited,
	.rating.rat-small a:hover,
	.rating.rat-small span{
		width: 16px; 
		height: 16px;
		background:transparent url(../media/images/layout/default/rating-inactive.png) left top no-repeat;
		}

	.box .rating{
		padding-top: 5px;
		float: right;
		}
		
		 
/*  
	-----------------------------------------
	Styles for Recipes
	-----------------------------------------
*/				
			
	/*  Recipes - Show 
	-----------------------------------------
*/

/* recipe box TAB RECIPE */

/* short info appears on recipe/index and recipe/show*/

.short-info .media-container{
	width: 215px;
	padding-right: 15px;
	float: left;
	}
	
	.bodytext .media-container a,
	.bodytext .media-container a:visited,
	.bodytext .media-container a:hover{
		border: 0px solid #fff;
		padding: 0px;
		display: block;
		}
		
	.zoom,
	.zoom:visited,
	.zoom:hover,
	.box .img-container .zoom,
	.box .img-container .zoom:visited,
	.box .img-container .zoom:hover{
		position: absolute;
		margin: -35px 0px 0px 5px;
		border: 0px solid #fff;
		padding: 0px;
		display: block;
		}

	.box .img-container .zoom,
	.box .img-container .zoom:visited,
	.box .img-container .zoom:hover{
		margin: -42px 0px 0px 5px;
		}

.short-info .text{
	float: left;
	width: 200px;
	}
	
	.ie6 .short-info .text{
		overflow: hidden;		
		}
	 
.video{
	padding-top: 15px;
	padding-bottom: 15px;
	}
	
	.video .col-a{
		float:left;
		width: 200px;
		padding-right: 15px;
		}
	
	.video .col-b{
			float:left;
			width: 200px;
		}
		
	.short-info.video .col-a{
		padding-top: 15px;
		}
	
	.short-info.video .col-b{
			padding-top: 15px;
	}

	
.recipe .difficulty, 
.recipe .time{ 
	padding: 5px 0px;
	}
	
	.time{
		padding-top: 5px;
		}
	
	.short-info .difficulty img,
	.video .difficulty img,
	.short-info .difficulty h4,
	.calendar-popup .difficulty img{
		margin: 0px 3px 0px 0px;
		padding: 0px;
	}


	/* ie6 - ie7 - ie8 */
	
	.ie6 .short-info .difficulty img,
	.ie7 .short-info .difficulty img,
	.ie8 .short-info .difficulty img{
		padding: 2px 0px 0px 0px!important;
		}

	
.short-info .time img{
	position: relative;
	top: 3px;
	padding-right: 8px;
	padding-left: 0px;
	} 
	
	/*ie6*/

	.ie6 .short-info .time img{
		display: none;
		} 
		
		
.short-info .difficulty p{
	padding-top: 5px; 
	} 
	
	.ie6 .short-info h4.inline{
		padding-top: 0px!important;
		line-height: 10px;
		overflow: hidden;
		}
	
.short-description{ 
	padding: 0px 0px 15px 0px;
	font-size: 1.20em; 
	font-weight: normal;	
	line-height: 140%;
}   
 

	.desc-photo{ 
		padding: 15px 0px 15px 0px;
		font-style: italic; 
		clear: both;
		} 
	
/* author box and cook group box*/ 

.author .img, 
.cook-group .img{
	float: left;
	width: 50px;
	padding-right: 10px;  
	display: block;
	padding-top: 4px;
	}

	.author .img img{
		display: block;
		}
	
		.author .img img.mask{
		position: absolute; 
		z-index: 2;
		margin-top: -57px;
		margin-left: 0px;
		}
 
.author .text,
.cook-group .text{
	float: left;
	width: 130px;
	display: block;
	}

	.author .text span{ 
		display: block;
		}
	
	.author .text span.title,
	.cook-group .title{
		font-weight: bold;
		display: inline;
		}
		
/* rating box */

.rating-box .buttoncontainer{
	padding: 5px 0px 5px 0px;  
	} 

.rating-box .subtext{
	padding: 10px 0px;  
	} 
	
	.rating-box .subtext.top{
		padding: 0px 0px 10px 0px;  
		} 
		
	
	.rating-box .subtext span{
		font-weight: bold;
		font-size: 1.25em; 
		}
		
.rating-box .ratingcontainer .rating{
	float: left;
	} 
	
/* recipe box TAB PHOTOS */

.box .recipe-photos .clearfix{
	padding-bottom: 7px;
	}

.box .recipe-photos .img-container{
	float: left;
	width: 200px;
	margin: 0px 7px 0px 0px;
	padding: 5px;
	} 

.ie6 .box .recipe-photos .img-container{
	overflow: hidden;
	display: inline;
 	margin: 0px 3px 0px 0px;
	} 
	
.box .recipe-photos .img-container a,
#content .box .recipe-photos .img-container a:visited,
.box .recipe-photos .img-container a:hover{
	float: left;
	width: 200px;
	margin: 0px 0px 0px 0px;
	background-color: transparent!important;
	} 

.recipe-photos .img-container.last{
	margin: 0px 0px 0px 0px;
	}

 .recipe-photos .img-container .title-text{
	 padding: 3px 0px 0px 0px;
	 font-weight: bold;
	 }
	
	/*  Recipes - Index 
	----------------------------------------- 
*/		

.search h1{
	padding-top: 20px;
	padding-bottom: 10px;
	} 


.search h2{
	padding-top: 0px;
	}

	/* search form recipes - infobox user/group wall */


		
	#search-form.group{ 
		margin-bottom: 15px;
		}

		
		.infobox{
			margin-bottom: 15px;
			}

		#search-form .box .body{
			padding: 20px 25px; 
			} 
			
		.infobox .body{
			padding: 15px;
			}
			
		#search-form .info{  
			font-weight: bold; 
			font-size: 0.95em;
			background: none;
			color: #fff;
			padding: 5px 0px 0px 5px;
			} 		
			
			
		#search-form h4{ 
			color: #fff;
			font-size: 1.05em; 
			}
		
		#search-form ul.bullet{
			}
			
			#search-form  .option-label{ 
				width: 90px; 
				float: left;
				font-weight: bold;
				}

			.infobox .option-label{ 
				width: 120px; 
				float: left;
				font-weight: normal;
				} 
	
			#search-form .option-values,
			.infobox .option-values{
				width: 270px; 
				float: left;
				}
				
				.ie6 #search-form .option-values select{
					position: static;
					}
				
				#search-form .option-values .column{
					width: 125px;
					padding-right: 10px;
					float: left;
					}
				
				#search-form .option-values span,
				.infobox .option-values span{
					white-space: nowrap;
					display: block;
					padding: 2px 0px 2px 0px;
					}
					
					#search-form .option-values span label{
					float: none;
						}
						
		a.showform,
		a.showform:visited,
		a.showform:hover,
		a.hideform,
		a.hideform:visited,
		a.hideform:hover{
			float: right;
			margin-top: 25px;
			}
			
/*  
	-----------------------------------------
	Styles for Products
	-----------------------------------------
*/			

	/*  Product - Index 
	-----------------------------------------
*/		

	.product-index ul{
		float: left;
		width: 210px;
		margin-right: 10px;
		}

			
	/*  Product - Show 
	-----------------------------------------
*/

.product .img-container{
	float: right;
	width: 200px; 
	margin: 0px 0px 0px 15px;
	}

.box .img-container a,
.box .img-container a:visited,
.box .img-container a:hover{
	border: 0px solid #fff;
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}

 /*  
	-----------------------------------------
	Styles for mini profile - group wall top / other places?
	-----------------------------------------
*/	


.profile-small{
	width: 180px;
	margin: 0px 0px;
	}
	
	.box.profile-small .body {
		padding: 0px 5px;
		}
	
	.profile-small .img,
	.profile .profile-small .img{
		float: left;
		width: 44px;
		margin: 0px 10px 0px 0px;
		padding: 0px;
		}

	.profile-small .text,
	.profile .profile-small .text{
		float: left;
		width: 100px;
		overflow: hidden;
		}
		
	.profile-small .text h4{
		padding: 0px;
		}

		
	.profile-small .text .subtitle{
		color: #999;
		padding: 0px;
		line-height: 115%;
		}
		
/* profile-small in right column */ 

.col-info .profile-small{
	width: 212px;
	margin: 0px 0px 10px 0px;
	}

	.col-info .profile-small .text{
		width: 145px;
		}
		
/* 
	-----------------------------------------
	Styles for login page - register top teaser
	-----------------------------------------
*/ 



#main .register-teaser-login,
#main .register-teaser-login:visited,
#main .register-teaser-login:hover{
	float: right;
	width: 170px;
	height: 130px;
	border: 0px solid #fff;
	padding: 0px;
	}
	
.register-teaser-top,
.register-teaser-top:visited,
.register-teaser-top:hover{
	width: 212px;
	height: 45px;
	margin-bottom: 7px;
	border: 0px solid #fff;
	padding: 0px;
	margin-top: -6px;
	display: block;
	}
	
	.ie6 .register-teaser-top,
	.ie6 .register-teaser-top:visited,
	.ie6 .register-teaser-top:hover{
		position: relative;
		}
		

 /*  
	-----------------------------------------
	Styles for Group/user wall
	-----------------------------------------
*/	

/* group wall profile top */
.group-creator{
	float: right;
	margin-left: 10px;
	margin-top: -5px;	
	margin-bottom: 5px;	
	}
	
	/* ie6 */

	.ie6 .group-creator{
		margin-top: 0px;	
		}
		
.group-creator .subtitle{
	padding-bottom: 3px;
	}

/* group wall profile top */

	.profile-top{
		color: #777;
		padding-bottom: 15px;
		float: left;
		width: 200px;
		}
		
	.profile .col.half{
	color: #777;
	}
	
		
/* group wall profile description */
		
h2.profile {
	font-size: 1.2em;
	line-height: 130%;
	border-top: 1px dotted #dedede;
	margin-left: 15px;
	margin-top: 10px;
		}


/* end group wall profile top */

 /*  
	-----------------------------------------
	Styles for profile member top
	-----------------------------------------
*/	

.profile-member-top .box.profile-small{
width: 460px;
	}
	
.profile-member-top .box.profile-small div{
	background: none;
	border: 0px solid #fff;
	}

.profile-member-top{
	padding-bottom: 15px;
	}
	
.profile-member-top	h4{  
			font-size: 2em;  
			font-weight: normal;
			padding: 0 0 5px 0;
		} 

.profile-member-top .img{
	width: 44px;
	float: left;
	}

.profile-member-top .text{
	width: 390px;
	float: left;	
	}



 /*  
	-----------------------------------------
	Styles for profile  on page
	-----------------------------------------
*/	

.profile{
	padding: 5px 0px 10px 0px;
	}
	
	.profile .short-description{
		margin-bottom: 10px;
		}
		
	.profile .short-description.small{
		font-size: 1.15em;
		}

	.profile .img{
		width: 185px;
		float: left;
		padding: 0px 15px 0px 0px;
		}
		
	.profile .text{
		width: 200px;
		float: left;
		}
	
	.profile .text .wrapper{
		height: 135px;
		}
		
	.profile .profile-extended{
		display: none;
		}

					
/*  
	-----------------------------------------
	Styles for pager
	-----------------------------------------
*/		  

.pager{
	text-align: center;
	border-top: 1px solid #e9e9e9;
	padding: 10px 0px 10px 0px;
	margin: 15px 0px 0px 0px;
	color: #777;
	}


	.noborder .pager,
	.pager.noborder{
		border-top: 0px solid #e9e9e9;
		}
	
	
		.box .pager a,
		.box .pager a:visited,
		.box .pager a:hover, 
		.box .pager span{
			border-bottom: 0px solid #fff;
			padding: 2px 5px;
			color: #777;
			}
			
		.box .pager a:hover{
			padding: 2px 4px;
			border: 1px solid #dedede;  
					}

	.box .pager span.current{
			font-weight: bold;
			}

	.ie6 .box .pager span.current{
			display: inline;
			float: none;
			}
	
		.pager .divider{
			padding: 0px 2px; 
			border: 0px solid #fff;
			}
		
/*  
	-----------------------------------------
	Styles for My Homepage
	-----------------------------------------
*/

.my-home .body{
	padding: 10px 0px 15px 0px;
	}
	
	.my-home .body.preview-recipe{
		border: 1px dotted #dedede;
		margin-top: 15px;
		}

/* subtabs */
	
.my-home .subtab,
.my-home .subtab-trans{
	height: 33px;
	line-height: 33px;
	}
	.my-home .subtab{
	background: url(../media/images/layout/lvbo/hp-subtab-bg-grey.gif) left bottom repeat-x #f8f8f8;
	border-top: 1px solid #d0d0d0;
	}
	
	.my-home .subtab.first{
		}

	.my-home .subtab-trans{
		background: none;
		border-bottom: 0px solid #fff;
		height: 40px;
		line-height: 40px;
		border-top: 0px solid #fff;
		padding-bottom: 5px;
		}
		
	.my-home .subtab-trans.comment{
		height: 40px;
		line-height: 40px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		}

		
		.my-home .subtab a,
		#content .my-home .subtab a:visited,
		.my-home .subtab a:hover,
		.my-home .subtab-trans a,
		#content .my-home .subtab-trans a:visited,
		.my-home .subtab-trans a:hover{
			font-size: 1.25em;
			background-position: 18px 7px;
			background-repeat: no-repeat;
			padding: 0px 0px 0px 40px;
			background: url(../media/images/layout/default/arrow-big-grey.gif) 20px 50% no-repeat;
			color: #666;
			display: block;
			}
			

			
			.my-home .subtab-trans.new a,
			.my-home .subtab-trans.new a:visited,
			.my-home .subtab-trans.new a:hover{
				font-size: 1.15em;
				background-position: 13px 0px;
				background-repeat: no-repeat;
				}
				
				
/* subtab - content */


	.my-home .subtab-content{
		padding: 15px 15px 15px 40px; 
		}
		
	.my-home .subtab-content.half{
		padding: 15px 15px 15px 25px; 
		}

	.my-home .subtab-content.short{
		padding: 15px 15px 5px 40px; 
		}

	.my-home .subtab-content.half.short{
		padding: 15px 15px 5px 25px; 
		}
		
	/* ie6 */
		
	.my-home .subtab-content{
		width: auto;
		}


		
/* my-home - intro */

.my-home .intro{
	margin: 0px 0px 15px 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px dotted #dedede;
	border-width: 1px 0px;
	font-weight: normal;
	color: #666;
	}
	
	.my-home .intro.info{
		padding-left: 30px;
		background-position: 5px 7px; 
		margin: 0px 0px 10px 0px;
		}
		
		
		
/* my-home - intro */			


/* list */

 /* header */
 
.my-home ul.wrap li.header{
	background-position: left top;
	background-repeat: repeat-x;
	margin-bottom: 10px;
	padding: 3px 0px;
	}
	
	.my-home ul li.cycle{
		background-position: left top;
		background-repeat: repeat-x;
		background-image: url(../media/images/layout/default/hp-li-cycle.gif);
		background-color: #fefefe;
		}
	
	.my-home ul li.cycle.hover{
		background-image: none;
		}
	
	.my-home ul li .column{
		padding: 3px 10px;
		float: left;
		}
	

	
	.my-home ul li .column.list-action{
		float: right;
		clear: right;
		padding: 0px 7px;
		}

		.my-home ul.inbox li .column{
			font-weight: bold;
			}
		
		.my-home ul li.read .column{
			font-weight: normal;
			}		

		.my-home ul li.read h6{
			font-weight: normal;
			}		
			
			
 /* messages - inbox */	
 
	.my-home ul.wrap li,
	.my-home ul.as-wrap li{
		padding: 5px 0px 5px 0px;
		}
		
	.my-home ul li.header li{
		}
		
	.my-home ul li .spacer{
		width: 10px;
		text-align: center;
		}
			
	.my-home ul li .date{
		width: 40px;
		padding: 0px;
		margin: 0px 10px;
		}
		
	.my-home ul li.header .date{
		padding: 3px 10px;
		margin: 0px;
		}
		
		.date-image{
			width: 40px;
			height: 43px;
			}
			
			.date-image .month{
				text-transform: uppercase;
				color: #fff;
				font-size: 0.95em;
				text-align: center;
				height: 15px;
				line-height: 15px;
				font-weight: normal;
				}
				
			.date-image .day{
				font-weight: bold;
				font-size: 1.45em;
				color: #7d7d7d;
				height: 25px;
				line-height: 25px;
				text-align: center;
				}
		
	.my-home ul li .sender{
		width: 120px;
		}
	
	.my-home ul.inbox li .title{
		width: 380px;
		} 
		
	.my-home ul.groups li .title{
		width: 530px;
		}

	.my-home ul.member-groups li .title{
		width: 320px;
		}

	.my-home ul.member-groups{

		}

	.my-home ul.group-members li .title{
		width: 320px;
		}
	
	.my-home ul.group-members{

		}
		
	.my-home ul.wall{
		padding-top: 10px;
		}

	.my-home ul.wall li .title{
		width: 330px;
		}

		.ie6 .my-home ul.wall li .title{
			width: 320px;
			overflow: hidden;
			}


	.my-home ul.wall li.action .title{
		width: 250px;
		}
		
		.ie6 .my-home ul.wall li.action  .title{
			width: 260px;
			overflow: hidden;
			}	
	.my-home ul.user.wall li.action .title{
		width: 330px;
		}
		
	.my-home ul.recipe-comments li .date{
		margin-left: 0px;
		}
		
	.my-home ul.recipe-comments li .title{
		width: 320px;
		padding-right: 0px;
		}
	
	/* forum overview */
		
	.my-home ul.forum-overview li .title{
		width: 210px;
		}

	.my-home ul.forum-overview li .author{
		width: 130px;
		}

	.my-home ul.forum-overview li .posts{
		width: 60px;
		}

	.my-home ul.forum-overview li .reads{
		width: 60px;
		}

	.my-home ul.forum-overview li .last-post{
		width: 110px;
		}
	
			/* inactive list item */
		
			.box.my-home ul.forum-overview li.inactive,
			.box.my-home ul.forum-overview li.inactive:hover,
			.box.my-home ul.forum-overview li.inactive.hover,
			.box.my-home ul.forum-thread li.inactive,
			.box.my-home ul.forum-thread li.inactive:hover,
			.box.my-home ul.forum-thread li.inactive.hover,
			.box.my-home ul.forum-thread li.thread.inactive,
			.box.my-home ul.forum-thread li.thread.inactive:hover,
			.box.my-home ul.forum-thread li.thread.inactive.hover{
				background-color: #efefef;
				color: #888;
				background-image: none;
				}

			.my-home ul.forum-overview li.inactive a,
			#content .my-home ul.forum-overview li.inactive a:visited,
			.my-home ul.forum-overview li.inactive a:hover,
			.my-home ul.forum-thread li.inactive a,
			#content .my-home ul.forum-thread li.inactive a:visited,
			.my-home ul.forum-thread li.inactive a:hover{
				color: #999;
				}
		
	/* forum thread */
		
	.my-home ul.forum-thread li .title{
		width: 445px;
		}
	
		.ie6 .my-home ul.forum-thread li .img{
			overflow: hidden;
			width: 40px;
			}

		.ie6 .my-home ul.preview li .img{
			overflow: hidden;
			width: 100px;
			}
		
		.ie6 .my-home ul.forum-thread li .title{
			overflow: hidden;
			}
	
		.my-home ul.forum-thread .thread-title{
			font-weight: bold;
			padding: 0px 0px 5px 0px;
			margin: 0px 0px 5px 0px;
			border-bottom: 1px dotted #dedede;
			}
			
/* forum messages - main message*/

.box.white-a-dark ul.forum-thread .thread,
.box.white-a-dark ul.forum-thread .thread:hover{
	padding: 15px 0px;
	}


		
		/* group messages in wall*/
		
		.wall .group-message,
		.forum-thread .forum-message{
			padding: 5px 0px;
			margin: 5px 0px;
			border-top: 1px dotted #dedede;
			border-bottom: 1px dotted #dedede;
			font-style: italic;
			}
			
			.forum-thread .forum-message{
				border-bottom: 0px dotted #dedede;
				font-style: normal;
				}

	#main .my-home ul.wall li .title a,
	#main .my-home ul.wall li .title a:visited,
	#main .my-home ul.wall li .title a:hover{

		}

	.my-home ul.wall li .img,
	.my-home ul.recipe-comments li .img{
		float: left;
		width: 44px; 
		}

		
 /* messages - details */	
						
	.my-home .titleContainer{
		border-bottom: 1px dotted #d9d9d9;
		padding: 0px 0px 10px 0px;
		}
		
	.my-home .titleContainer h4{
		font-size: 1.15em;
		}
		
	.my-home .contentContainer{
		padding: 20px 0px;
		border-bottom: 1px dotted #d9d9d9;
		}
		
	.my-home .buttonContainer{
		padding: 20px 0px 0px 0px;
		}

		
 /* messages - select friends */	

		.my-home ul li.full4 {
			width: 135px;
			margin-right: 10px;
			float: left;
			padding: 5px;
			margin-bottom: 10px;
			border: 1px solid #dedede;
			-moz-border-radius: 3px;
			-moz-webkit-radius: 3px;
			}		 
			
		/* ie6 */
		
			.ie6 .my-home ul li.full4 {
				overflow: hidden;
				padding: 5px!important;
				}

		.my-home ul li .select-friend{
			width: 20px;
			margin: 0px 3px 0px 0px;
			padding: 0px;
			float: left;
			}		
			
			.my-home ul li .select-friend input{
				margin: 0px;
				padding: 0px;
				}
				
 /* friends - invite friends */



 		.my-home ul li.full4 h4 {
			padding-top: 0px;
			}	
			
 		.my-home ul li.full4 .text {
			overflow: hidden;
			height: 44px;
			}	
			
			/* ie6 */
			
			.ie6 .my-home ul li.full4 .img{
				width: 44px;
				padding: 0px;
				overflow: hidden;
				}
			
			.ie6 .my-home ul li.full4 .text{
				display: block;
				float: left;
				width: 80px;
				}	
				
			
		.my-home ul li.full4 div.action{
			float: none;
			border: 0px solid #fff;
			border-top: 1px dotted #dedede;
			clear: both;
			margin-top: 7px;
			padding-top: 2px;
			}
 
 		.my-home ul li.full4 .action a,
		.my-home ul li.full4 .action a:visited,
		.my-home ul li.full4 .action a:hover{
			margin-right: 9px;
			display: block;
			}	
			
 		.my-home ul li.full4 .action a.tooltip,
		.my-home ul li.full4 .action a.tooltip:visited,
		.my-home ul li.full4 .action a.tooltip:hover{
			clear: none;
			float: left;
			}	
			
			
		

 /* weekmenu */
 
.weekmenu .body{
	padding-bottom: 0px;
	}
	
.weekmenu .weekmenu-month{
	float: right;
	text-align: right;
	width: 300px;
	padding-right: 20px;
	}

.weekmenu .subtab.week{
	padding: 10px 0px;
	height: 20px;
	}
 
 .weekmenu .subtab .link-container{
	 float: left;
	 display: block;
	 padding-left: 20px;
	 width: 65px;
	 }
	 
	.weekmenu .subtab h2{
	 padding: 0px;
	 margin: 0px;
	 line-height: 20px;
	 }

 #content .weekmenu .subtab .link-container a,
 #content .weekmenu .subtab .link-container a:visited,
 #content .weekmenu .subtab .link-container a:hover,
 #content .weekmenu .subtab .link-container a:focus{
		 display: block;
		 text-indent: -5000px;
		 float: left;
		 width: 20px;
		 height: 20px ;
		 margin: 0px 10px 0px 0px;
		 background-position: left top;
		 background-repeat: no-repeat;
		font-size:1em;
		padding:0 0 0 0px;
		display: block;
		cursor: pointer;
		outline: 0px solid #fff;
	 }
 
 .my-home .weekmenu{
	 background:transparent url(../media/images/layout/default/weekmenu-bg.gif) left top repeat-y;
	 clear: both;
	 min-height: 400px;
	 height: auto;
	 _height: 400px;
	 padding-bottom: 15px;
	 }
	 
	.my-home .weekmenu .header .link-container{
		
		} 
 
 .my-home .weekmenu .header,
 .my-home .weekmenu .recipe-container,
 .my-home .weekmenu .recipe-box,
 .my-home .weekmenu .recipe-box .wrapper,
 .my-home .weekmenu .recipe-box .img,
 .my-home .weekmenu .recipe-box .title,
 .my-home .weekmenu .recipe-box .category,
 .my-home .weekmenu .recipe-box .actions{
	 display: block;
	 }
	 
	 .my-home .weekmenu .header{
		 padding: 10px;
		 text-align: center;
		 }
	 
	.my-home .weekmenu .column{
		width: 97px;
		float: left;
		padding: 0px 1px 0px 0px;
		border-bottom: 0px solid #fff;
		}

		.my-home .weekmenu .column.last{
			width: 98px;
			}

	.my-home .weekmenu .recipe-box{
		padding: 3px 2px 2px 2px;
		margin: 0px 0px 5px 0px;
		}
		
	.my-home .weekmenu .recipe-box .wrapper{
		padding: 2px;
		}
		
	.my-home .weekmenu .recipe-box .title{
		padding: 2px 0px; 
		width: 87px;
		height: 50px;
		overflow: hidden;
		} 

	.my-home .weekmenu .recipe-box .category{
		color: #eda024;
		} 

	.my-home .weekmenu .recipe-box .actions{
		padding: 5px;
		}

	#content .weekmenu .recipe-box .actions a.action.tooltip,
	#content .weekmenu .recipe-box .actions a.action.tooltip:visited,
	#content .weekmenu .recipe-box .actions a.action.tooltip:hover{
		padding: 0px 10px 0px 10px;
		float: right;
		} 

/* styles for add to weekmenu in action box */

	#actions .add-to-weekmenu{
		margin: 7px 0px;
		padding: 7px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		}
		
	#actions .add-to-weekmenu label{
		font-weight: bold;
		padding-bottom: 3px;
		display: block;
		}
		
	#actions .buttonContainer{
		padding: 5px 0px;
		}
 
 
/* 
	-----------------------------------------
	General styles
	-----------------------------------------
*/ 

.inline{
	display: inline;
	}
	
.formcontainer{
	margin: 15px 0px;
	}

.buttoncontainer{
	padding: 5px 0px 10px 0px;
	}

.buttoncontainer.big{
	padding: 20px 0px 15px 0px;
	}
	
.info,
.bodytext .info{
	background:transparent url(../media/images/layout/default/icon-info.gif) 5px 4px no-repeat;
	padding: 3px 0px 3px 30px;
	color: #666;
	line-height: 150%;
	}

.bodytext .info{
	margin: 10px 0px;
	}

.subtitle{
	color: #888;
	padding-top: 3px;
	}
	
p.intro{
	padding-bottom: 10px;
	color: #666;
	line-height: 150%;
	font-weight: bold;
	font-size: 1.1em;
	}
	
.tip{
	background:  url(../media/images/layout/default/lightbulb.png) 9px 7px no-repeat #fcf4c7;
	color: #c59000;
	border: 1px solid #e3b000;
	font-weight: bold;
	display: block;
	padding: 5px 10px 5px 35px;
	margin: 15px 25px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	_background-image: none;
	}
	
	.form-general .tip{
		margin: 15px 0px;
		height: auto;
		line-height: auto;
		}
	
.list-title{
	font-weight: bold;
	}

.quote{
	font-style: italic;
	font-size: 1.1em;
	line-height: 140%;
	}
	
.right{
	float: right!important;
	}
	
.clear{
	clear: both;
	}
	

/* 
	-----------------------------------------
	Styles for Tooltip
	-----------------------------------------
*/
 
#tooltip{
	position:absolute;
	border:2px solid #333;
	padding:5px 8px;
	display:none;
	}	

/* 
	-----------------------------------------
	Styles for Userpreview
	-----------------------------------------
*/
 
#userpreview{
	position:absolute;
	border:2px solid #333;
	padding:5px 8px;
	display:none;
	}	


/* 
	-----------------------------------------
	Styles for Helplink  - Tooltip
	-----------------------------------------
*/
 
a.help,
#content a.help:visited,
a.help:hover{
	padding: 0px 0px 0px 20px;
	border: 0px solid #fff;
	display: block;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	
	} 

#help-box{
	position:absolute;
	padding:5px 5px;
	display: none;
	width: 380px;
	font-weight: normal;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
	
#help-box p{
	font-weight: normal;
	margin: 0px 0px 6px 0px;
		}
	
#help-box h5{
	font-size: 1.05em;
	margin: 0px 0px 2px 0px;
	}

/* 
	-----------------------------------------
	Styles for Anysurfer
	-----------------------------------------
*/
 
	/* To make keyboard navigation easier */

	 a:focus{
		outline: 1px dashed #900;  
		}



#nyroModalWrapper{
	border: 3px solid #fff!important;
	}
	
#nyroModalContent div{
	display: none;
	}

/* 
	-----------------------------------------
	Misc fixes
	-----------------------------------------
*/
 

/* 
	-----------------------------------------
	Misc fixes
	-----------------------------------------
*/
 

.clearImgSpace {
	display:block;
}

.clearfix:after {
	clear:both;
	content:"."; 
	display:block; 
	height:0;  
	visibility:hidden; 
}
.clearfix {  
	#display:inline-block;
}
* html .clearfix { 
	height:1%;
}
.clearfix {
	display:block;
}