/* Knapparna uppe till höger */
div.recipeCommunityInfo {
	float: right;
}
	
div.recepieHeader {
	float: left;
}

div.recepieRating {
	float: left;
	width: 130px;
	text-align: center;
}

h2.recepieTitle {
	border: 1px #FFFFFF solid; /* Måste finnas för att det inte ska hoppa ner när man hovrar */
	width: 450px;
	float: left;
	margin: 0px;
}

div.recepieIntroText {
	border: 1px #FFFFFF solid; /* Måste finnas för att det inte ska hoppa ner när man hovrar */
	width: 450px;
	clear: left;
	float: left;
}

	div.recepieIntroText p {
		float: left;
	}

div.recepieImages {
	text-align: center;
	clear: left;
	float: left;
	width: 700px;
	margin: 10px 0px 0px 0px;
	padding-bottom: 10px;
	border-bottom: 1px #F1F1F1 solid;
}
	div.recepieImages div.recepieImage {
		width: 580px;
		float: left;
		text-align: center;
	}
	
		div.recepieImages div.recepieImage img.recepieImageMaxWidth {
			width: 570px;
		}
	
		div.recepieImages div.recepieImage span {
			clear: left;
		}

	div.recepieImages div.recepieImage em img {
		margin-bottom: -5px;
	}
		div.recepieImages div.recepieImage img.recepieImage {
			border: 5px #e2f7ff solid;
		}

	div.recepieThumbImages {
		float: right;
		width: 106px;
	}

		div.recepieThumbImages ul {
			margin: 0px;
		}

			div.recepieThumbImages ul li {
				list-style-type: none;
			}
				
				div.recepieThumbImages ul li.uploadRecepieImage {
					text-align: center;
				}
			
				div.recepieThumbImages ul li.recepieThumbImage {
					list-style-type: none;
					margin-bottom: 3px;
				}
				
					div.recepieThumbImages ul li.recepieThumbImage img {
						border: 3px #e2f7ff solid;
					}

					div.recepieThumbImages ul li a.active img {
						border-color: #FFB900;
					}

					div.recepieThumbImages ul li a:hover img {
						border-color: #FFE59F;
					}
					
						div.recepieThumbImages ul li a.active:hover img {
							border-color: #FFB900;
						}

	div.recepieThumbImages a.uploadImageLink {
		width: 99px;
		height: 31px;
		margin-left: 1px;
		margin-top: 14px;
		background: url(../images/buttons/uploadImageLink.gif) no-repeat top left;
		float: left;
	}

		div.recepieThumbImages a.uploadImageLink span {
			display: none;
		}
	
	.uploadRecepieImageForm {
		margin-top: 5px;
		float: left;
		width: 550px;
		margin-left: 10px;
	}

		.uploadRecepieImageForm form {
			background-color: #79A1C3;
			padding: 2px 0px;
			color: #FFFFFF;
		}
	
			.uploadRecepieImageForm form input.submit {
				padding-top: 0px;
				padding-bottom: 1px;
				font-size: 10px;
			}

div.recepieData {
	clear: left;
	float: left;
	width: 700px;
	margin-top: 10px;
	border-bottom: 1px #d8ecff solid;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

	div.recepieData ul {
		margin: 0px;
	}

		div.recepieData ul li.recepieCoreItem {
			list-style-type: none;
			clear: left;
			padding-bottom: 30px;
			float: left;
			width: 330px;
		}
	
			div.recepieData ul li.recepieCoreItem h3 {
				width: 330px;
				clear: left;
				float: left;
			}
		
				div.recepieData ul li.recepieCoreItem h3 select {
					font-size: 18px;
					padding: 0px 0px 0px 1px;
					width: 50px;
				}

				div.recepie div.recepieInfo div.contents h3 em strong select option {
					font-size: 18px;
					padding: 0px 0px 0px 3px;
				}

				div.recepieData ul li.recepieCoreItem h3 strong {
					font-weight: normal;
					float: left;
				}
		
				div.recepieData ul li.recepieCoreItem h3 span {
					float: none;
					color: orange;
				}
			
				div.recepieData ul li.recepieCoreItem h3 a.icon {
					float: right;
				}
			
	/* Vänsterspalten; Ingredienser, Gör så här och Kockens kommentar */
	div.recepieData ul.recepieCore {
		clear: left;
		float: left;
		width: 330px;
	}

	/* Högerspalten */
	div.recepieData ul.recepieInfo {
		float: right;
		border-left: 1px #F1F1F1 solid;
		padding: 10px 0px 0px 10px;
		margin: 0px;
	}

		div.recepieData ul.recepieInfo li {
			list-style-type: none;
			float: left;
			clear: left;
			width: 325px;
			border-top: 1px #d8ecff solid;
			padding: 10px 0px;
		}

div.recepieData ul.recepieCore li select.showNumberOfPersons {
	width: 50px;
}

/* Contents */
div.recepieData ul.recepieContents {
	margin-top: 3px;
	margin-left: 5px;
	padding-top: 6px;
	float: left;
}

	div.recepieData ul.recepieContents li {
		clear: left;
		float: left;
		width: 330px;
		list-style-type: none;
		background: url(../images/recepieContent.gif) no-repeat 8px 4px;
	}

	div.recepieData ul.recepieContents li.tempRow {
		text-align: center;
		width: 310px;
		font-style: italic;
		background: #fffbcb;
	}

	div.recepieData ul.recepieContents li.helpRow {
		text-align: left;
		padding: 3px 3px;
		font-size: 12px;
	}

		div.recepieData ul.recepieContents li.helpRow span {
			float: left;
		}
	
		div.recepieData ul.recepieContents li.helpRow span.ex {
			width: 35px;
		}
	
		div.recepieData ul.recepieContents li.helpRow span.amount {
			width: 35px;
		}
	
		div.recepieData ul.recepieContents li.helpRow span.amountType {
			width: 50px;
		}

	/* .recepieContent visas när inte edit-mode är aktiverat */
	div.recepieData ul li.recepieContent {
		padding: 0px;
	}

		div.recepieData ul li.recepieContent dl {
			font-size: 13px;
			clear: left;
			float: left;
			padding: 0px;
			margin-left: 25px;
			width: 279px;
		}
	
			div.recepieData ul li.recepieContent dl dt {
				width: 90px;
				font-weight: bold;
				clear: left;
			}
		
			div.recepieData ul li.recepieContent dl dd {
				float: left;
				width: 150px;
			}
		
			div.recepieData ul li.recepieContent div.addToShoppingListCheckbox {
				padding: 4px;
				float: left;
				margin-bottom: 1px;
				background-color: #add8e6;
			}

div.addToShoppingListButton {
	float: right;
	margin-top: 2px;
}

	div.addToShoppingListButton a:link, div.addToShoppingListButton a:visited {
		float: right;
		width: 127px;
		height: 19px;
		margin-bottom: 1px;
		background: url(../images/buttons/addToShoppingList.gif);
	}

		div.addToShoppingListButton a span {
			display: none;
		}

	div.addToShoppingListButton a:hover {
		margin-top: 1px;
		margin-bottom: 0px;
	}

	/* .editableRecepieContent visas när edit-mode är aktiverat, dvs. med inputs */
	div.recepieData ul li.editableRecepieContent {
	}

		div.recepieData ul li.editableRecepieContent input {
			float: left;
			margin-right: 3px
		}

		div.recepieData ul li.editableRecepieContent input.amount {
			width: 30px;
			margin-left: 25px;
			font-weight: bold;
		}
	
		div.recepieData ul li.editableRecepieContent input.amountType {
			width: 40px;
			font-weight: bold;
		}
	
		div.recepieData ul li.editableRecepieContent input.ingredient {
			width: 130px;
		}
	
		div.recepieData ul li.editableRecepieContent a.icon {
			margin: 2px 0px 0px 3px;
			float: left;
		}

	/* .recepieContentSubTitle visas vid subrecept-titeln */
	div.recepieData ul li.recepieContentSubTitle {
		padding: 0px;
		background: none;
	}

		div.recepieData ul li.recepieContentSubTitle h4 {
			margin-top: 0px;
			margin-left: 5px;
			padding-bottom: 2px;
			border-bottom: 1px #F1F1F1 dashed;
		}
	
	/* .recepieContentSubTitle visas vid subrecept-titeln */
	div.recepieData ul li.editableRecepieContentSubTitle {
		padding: 8px 0px 0px 0px;
		list-style-type: none;
		background: #FFFFFF;
	}
		div.recepieData ul li.editableRecepieContentSubTitle input {
			width: 248px;
			float: left;
			margin-left: 0px;
			margin-right: 3px;
			font-size: 15px;
			font-weight: bold;
			color: #003471;
		}

			div.recepieData ul li.editableRecepieContentSubTitle a.icon {
				margin: 2px 0px 0px 3px;
				float: left;
			}
		
/* Knapparna för recepie-contents */
div.recepieContentsButtons {
	clear: left;
	float: left;
	width: 330px;
	text-align: center;
}

	div.recepieContentsButtons input.firstrow, div.recepieDescriptionsButtons input.firstrow {
		width: 140px;
	}

	div.recepieContentsButtons input.lastrow, div.recepieDescriptionsButtons input.lastrow {
		width: 60px;
	}
		

div.recepieData p.recepieDescriptionsHelp {
	text-align: center;
	background: #fffbcb;
	clear: left;
}


/* Descriptions */
div.recepieData ul.recepieDescriptions {
	float: left;
}

	div.recepieData ul.recepieDescriptions li {
		float: left;
		width: 325px;
		list-style-type: none;
	}

		div.recepieData ul.recepieDescriptions li dl {
			width: 325px;
			float: left;
		}

			div.recepieData ul.recepieDescriptions li dl dt {
				width: 25px;
				margin-left: 5px;
				float: left;
				padding: 0px;
				margin-top: 2px;
			}
		
			div.recepieData ul.recepieDescriptions li dl dd {
				width: 285px;
				float: left;
				padding: 0px 0px 7px 0px;
			}

				div.recepieData ul.recepieDescriptions li dl dd p {
					margin: 0px;
				}

	div.recepieData ul.recepieDescriptions li.tempRow {
		text-align: center;
		background: #fffbcb;
	}

	/* .recepieDescription visas när INTE edit-mode är aktiverat */
	div.recepieData ul li.recepieDescription {
		padding: 0px;
	}

	/* .editableRecepieDescription visas när edit-mode är aktiverat, dvs. med  */
	div.recepieData ul li.editableRecepieDescription {
		padding: 5px 0px;
		background: url(../images/recepieContent.gif) no-repeat 5px 14px;
	}

		div.recepieData ul li.editableRecepieDescription textarea {
			width: 238px;
			height: 45px;
			float: left;
			margin-right: 5px;
			margin-left: 25px;
		}
	
		div.recepieData ul li.editableRecepieDescription a.icon {
			float: left;
			margin-top: 10px;
		}
	
	/* .recepieDescriptionubTitle visas vid subrecept-titeln */
	div.recepieData ul li.recepieDescriptionSubTitle {
		padding: 0px;
		list-style-type: none;
		background: none;
	}

		div.recepieData ul li.recepieDescriptionSubTitle h4 {
			margin-top: 10px;
			padding-bottom: 2px;
			margin-bottom: 6px;
			border-bottom: 1px #F1F1F1 dashed;
		}

	/* .editableRecepieDescriptionSubTitle visas när edit-mode är aktiverat  */
	div.recepieData ul li.editableRecepieDescriptionSubTitle {
		padding: 0px 0px;
		list-style-type: none;
	}

		div.recepieData ul li.editableRecepieDescriptionSubTitle input {
			width: 263px;
			float: left;
			margin-right: 5px;
			float: left;
			font-size: 15px;
			font-weight: bold;
			color: #003471;
		}

	div.recepieData ul.recepieDescriptions li.tempRow {
		text-align: center;
		background-color: #fffbcb;
	}


/* Högerkolumnen */
div.recepieData ul.recepieInfo li.owner {
	padding: 10px;
}

	div.recepieData ul.recepieInfo li.owner a.avatar {
		float: left;
	}

						
	div.recepieData ul.recepieInfo li.owner span.text {
		margin: 10px;
		margin-top: 3px;
		float: left;
		font-size: 10px;
	}
							
		div.recepieData ul.recepieInfo li.owner span.text a.username {
			font-size: 13px;
			padding: 2px 0px;
		}

div.recepieData ul.recepieInfo li.recepieData {
	text-align: center;
	border-top-width: 0px;
	padding: 0px 0px 10px 0px;
}

div.recepieData ul.recepieInfo li.tags {
	text-align: center;
	color: #FFF;
}

	div.recepieData ul.recepieInfo li.tags input {
		margin-left: 20px;
		margin-top: 3px;
		width: 180px;
	}

	div.recepieData ul.recepieInfo li.tags a.icon {
		margin-top: 3px;
	}
	
		div.recepieData ul.recepieInfo li.tags div.recipeTags {
			color: #000;
		}
		
		div.recepieData ul.recepieInfo li.tags em {
			color: #000;
		}
	
		div.recepieData ul.recepieInfo li.tags a.tag:link, div.recepieData ul.recepieInfo li.tags a.tag:visited {
			border-right: 1px #CCC solid;
			border-bottom: 1px #CCC solid;
			padding: 3px 4px;
			background: #F1F1F1;
			text-decoration: none;
			color: #084f96;
			line-height: 25px;
		}

		div.recepieData ul.recepieInfo li.tags a.tag:hover {
			color: #FFF;
			background: #316da9;
			border-right: 1px #02213f solid;
			border-bottom: 1px #02213f solid;
		}

	div.recepieData ul.recepieInfo li.difficulty {
		text-align: center;
	}

	div.recepieData ul.recepieInfo li.pengar {
		text-align: center;
	}

	div.recepieData ul.recepieInfo li.share {
		text-align: center;
		line-height: 25px;
		padding: 0px;
	}


/*
//	LITE OVERRIDE-GREJER
*/

input.focus, textarea.focus {
	border-color: orange;
}

/* Första ingrediensen komme klassen "first" satt */
div.recepieData ul li.first {
	border-top-width: 0px;
}

/* Gul streckad linje runt saker som går att editera */
.hoverEditable {
	background-color: #fffbcb;
}

/*
//
//	addToMyRecipesWindow
//
*/

#addToMyRecipesWindow {
}

	#addToMyRecipesWindow .alphacube_content {
		margin-left: 10px;
	}
	
		#addToMyRecipesWindow .alphacube_content * {
			text-align: left;
		}
	
	#addToMyRecipesWindow .alphacube_buttons, #addToMyRecipesWindow .alphacube_buttons * {
		text-align: center;
	}

	#addToMyRecipesWindow h3 {
		width: 340px;
		text-align: left;
		float: none;
	}
	
	#addToMyRecipesWindow .alphacube_content div.useExistingCollection {
		float: left;
	}

	#addToMyRecipesWindow .alphacube_content div.createNewCollection {
		float: left;
		margin-top: 10px;
	}

		#addToMyRecipesWindow .alphacube_content input.radio {
			margin-right: 15px;
			margin-top: 3px;
		}
		
		#addToMyRecipesWindow .alphacube_content select {
			width: 258px;
			padding: 2px;
		}
		
		#addToMyRecipesWindow .alphacube_content input.text {
			width: 250px;
		}