body
{
    font-family: Arial;
    font-weight: normal;
    font-size: 12px;
    color: #000;
}

.Inline {display: inline;}

.Width22 {width: 22px;}
.Width23 {width: 23px;}
.Width24 {width: 24px;}
.Width25 {width: 25px;}
.Width26 {width: 26px;}
.Width27 {width: 27px;}
.Width28 {width: 28px;}
.Width29 {width: 29px;}
.Width30 {width: 30px;}
.Width31 {width: 31px;}
.Width32 {width: 32px;}
.Width33 {width: 33px;}
.Width34 {width: 34px;}
.Width35 {width: 35px;}
.Width36 {width: 36px;}
.Width37 {width: 37px;}
.Width38 {width: 38px;}
.Width39 {width: 39px;}
.Width64 {width: 64px;}
.Width68 {width: 68px;}

/* Suurkeittiöreseptit - alkaa */

#RecipeContainer {display: block; width: 706px; height: auto; font-size: 12px; font-family: Arial; margin-top: 10px;}
#RecipeContainer div {padding: 0; margin: 0;}
#RecipeInfo {display: block; position: relative; float: left; width: 706px; min-height: 28px; background: url(../img/SAContentRecipeName.jpg) left top no-repeat #009A54;}
.RecipeInfoContainer {display: block; position: relative; float: left; width: 570px;}
.RecipeDefaultPortionSizeContainer {display: block; position: relative; float: left; width: 134px; line-height: 30px; color: #fff; margin: 0;}
#RecipeCalculator {display: block; position: relative; float: left; width: 706px; background: url(../img/tdBorder.jpg) left bottom repeat-x #DAF1E7;}
#RecipeIngredients {display: block; position: relative; float: left; width: 706px; height: auto; background: url(../img/RecipeIngredientsBG.jpg) left top repeat-y #DAF1E7;}
#RecipeIngredientsGrid {display: inline; float: left; width: 440px;}
.RecipeCookingInfoHeader {display: inline; position: relative; float: left; text-align: left; width: 250px; height: 51px; border-bottom: 1px solid #fff; background: url(../img/tdBorder.jpg) left top repeat-y #BCE5D3; font-weight: bold; padding: 8px 8px 0 8px!important;}
#RecipeCookingInstructions {display: inline; float: left; width: 250px; background: url(../img/tdBorder.jpg) left top repeat-y #DAF1E7; padding: 2px 8px 8px 8px!important;}
.RecipeAddNewRowContainer {display: block; position: relative; float: left; width: 426px; height: 22px; background: url(../img/tdBorder.jpg) left top repeat-x #DAF1E7; border-bottom: 1px solid #fff; padding: 2px 8px 0 6px!important;}
#RecipeNutrition {display: block; position: relative; float: left; width: 690px; background: url(../img/tdBorder.jpg) left top repeat-x #DAF1E7; padding: 8px!important;}

#RecipeContainer table {display: block; position: relative; float: left; padding: 0; margin: 0; background: url(../img/tableBG.jpg) left top repeat-y #DAF1E7;}
#RecipeContainer table td {width: 10%;}
#RecipeNutrition table {background: none;}
.RationMultiplierContainer {display: inline; float: left; line-height: 20px; height: 28px; font-weight: bold; padding: 8px 8px 0 8px!important;}

#RecipeContainer .IngredientHeaderRow {display: block; position: relative; text-align: left; width: 440px; height: 60px; background: url(../img/tdBorder.jpg) left bottom repeat-x #BCE5D3;}
#RecipeContainer .IngredientRow {display: block; position: relative; width: 440px;}
#RecipeContainer .InputMultiplier {display: block; position: relative; float: left; width: 30px; height: 14px; font-size: 9px; margin-right: 5px; top: 2px;}
#RecipeContainer .InputWeight {width: 60px; height: 14px; font-size: 9px;}
#RecipeContainer .InputIngredient {width: 125px; height: 14px; font-size: 9px;}

#RecipeContainer .Button {display: block; position: relative; float: left; padding: 0 3px 0 3px; font-size: 10px;}
#RecipeContainer .ButtonWide {display: block; position: relative;  float: left; padding: 0 3px 2px 3px; line-height: 20px; font-size: 10px;}
#RecipeContainer .Inline {display: inline; position: relative; float: left;}
#RecipeContainer .HeaderTitle {display: block; position: relative; line-height: 14px; height: 30px; font-weight: bold;}

/* Sarakkeiden leveydet */
#RecipeContainer .RowWeightTh {padding: 8px 8px 0 8px!important; margin: 0; width: 76px; line-height: 20px; height: 52px; background: url(../img/tdBorder.jpg) right top repeat-y;}
#RecipeContainer .RowCalculatedWeightTh {padding: 8px 8px 0 8px!important; margin: 0; width: 78px; line-height: 20px; height: 52px; background: url(../img/tdBorder.jpg) right top repeat-y;}
#RecipeContainer .RowIngredientTh {padding: 8px 8px 0 8px!important; margin: 0; width: 238px; line-height: 20px; height: 52px;}

#RecipeContainer .RowWeightTd {padding: 0 8px 0 8px!important; width: 76px; line-height: 16px; min-height: 18px;}
#RecipeContainer .RowCalculatedWeightTd {padding: 0 8px 0 8px!important; width: 78px; line-height: 16px; min-height: 18px;}
#RecipeContainer .RowIngredientTd {padding: 0 8px 0 8px!important; width: 238px; line-height: 16px; min-height: 18px;}
#RecipeContainer .IngredientAdmin {width: 140px;}

/* Paluunavigaatio */
#NavigationBack {display: block; position: relative; float: left; height: 37px; width: 694px; padding: 6px!important; background: url(../img/tdBorder.jpg) left top repeat-x #DAF1E7;}
.GreenButtonBig {display: block; position: relative; float: left; width: 200px; height: 37px; background: url(../img/GreenButton200px.jpg) left top no-repeat;}
#NavigationBack a {display: block; position: relative; float: left; height: 33px; width: 180px; line-height: 33px; color: #fff; text-decoration: none; font-weight: bold; padding-left: 15px; margin: 2px 0 2px 2px; text-transform: uppercase;}
.GreenButton {display: block; position: relative; float: left; width: 51px; height: 24px; background: url(../img/GreenButton66px.jpg) left top no-repeat; line-height: 22px; color: #fff!important; text-decoration: none!important; font-weight: bold; padding-left: 15px;}

.RecipePrintLink {display: block; position: relative; float: right; padding: 0 12px 0 20px!important; background: url(../img/print.gif) left center no-repeat;}
.RecipePrintLink a {color: Green!important; padding: 0!important; margin: 0!important; width: auto!important;}

/* Suurkeittiöreseptit - loppuu */


/* Reseptihakukone - alkaa */

#SearchEngine {display: block; position: relative; float:left; width: 706px; background: url(../img/SearchEngine.jpg) left bottom no-repeat #D2E8F5;}
#SearchEngineLeftCol {display: inline; float: left; width: 402px; height: 161px; padding: 14px 20px 14px 20px;}
#SearchEngineRightCol {display: inline; float: left; width: 223px; height: 161px; padding: 14px 20px 14px 20px;}
#SearchFieldContainer {margin-top: 10px;}

.SearchSeparator {display: block; position: relative; float: left; height: 1px; width: 100%; overflow: hidden; background-color: #c0c0c0; margin: 6px 0 6px 0;}

#SearchEngine p {padding: 0; margin: 0;}

.SearchCriteria {display: block; position: relative; float: left; width: 325px; top: 10px; height: 16px;}
.BlueButton {display: block; position: relative; float: left; width: 24px; height: 37px; background: url(../img/BlueButton60px.jpg) left top no-repeat; color: #fff!important; text-decoration: none!important; font-weight: bold!important; padding: 0 18px 0 18px; line-height: 37px; margin-left: 10px;}

#SearchResultInfo {display: block; position: relative; float: left; width: 686px; height: 38px; background: url(../img/SearchResultInfo.jpg) left top no-repeat #FEFFFB; line-height: 38px; padding-left: 20px; padding-bottom: 15px;}

.SearchResults {display: block; position: relative; float: left; width: 706px; height: auto; background-color: #FEFFFB;}
.SearchResults ul {padding: 0 0 0 15px; margin: 0 0 0 20px; width: 670px; overflow: hidden;}
.SearchResults li {list-style-type: square;}
.SearchResults a {text-decoration: none!important; color: Green!important;}

.RecipeGroupHeader {display: block; position: relative; width: 685px; height: 28px; border-bottom: 2px solid Green; line-height: 28px; text-transform: uppercase; font-weight: bold; color: #000; padding-left: 20px;}
.RecipeRow {display: block; position: relative; width: 680px; height: 20px; line-height: 20px; color: Green; padding-left: 25px; background: url(../img/GreenSquare.jpg) 20px 10px no-repeat;}

/* Reseptihakukone - loppuu */

/* Ravintohakukone - alkaa */

#SearchEngineNutrition {display: block; position: relative; float:left; width: 666px; height: 252px; background: url(../img/SearchNutritionBG.jpg) left top no-repeat #FEFFFB; overflow: hidden; margin-top: 10px; padding: 14px 20px 14px 20px;}
#SearchEngineNutrition p {padding: 0; margin: 0;}
#SearchEngineNutrition table {float: left; width: 666px;}
.NutritionButtonContainer {display: block; position: relative; width: 666px; height: 32px;}
.NutritionCheckBoxes {height: 30px; padding: 0; margin: 0;}
.NutritionCheckBoxes td {width: 175px; line-height: 17px; padding: 0; margin: 0; height: 20px;}

#SearchEngineNutrition a {color: #fff; text-decoration: none; font-weight: bold; font-family: Arial; font-size: 12px;}
.NutritionButtonContainer {display: block; position: relative; float: left; height: 30px; padding: 0; margin: 15px 0 0 0;}
.NutritionSearchButton {display: block; position: relative; float: left; width: 170px; text-align: center; line-height: 30px; height: 30px;}
.NutritionSelectAll {display: block; position: relative; float: left; width: 120px; text-align: center; line-height: 30px; height: 30px; margin-left: 2px;}
.NutritionRemoveSelection {display: block; position: relative; float: left; width: 137px; text-align: center; line-height: 30px; height: 30px; margin-left: 2px;}
.NutritionSources {display: block; position: relative; float: left; width: 666px; margin-top: 30px;}

/* Ravintohakukone - loppuu */

/* Ravintosisältötaulukko - alkaa */

#NutritionContainer {display: block; width: 706px; height: auto; font-size: 12px; font-family: Arial; margin-top: 10px;}
#NutritionContainer div {padding: 0; margin: 0;}
#NutritionInfo {display: block; position: relative; float: left; width: 706px; min-height: 28px; background: url(../img/SAContentRecipeName.jpg) left top no-repeat #009A54;}
.NutritionInfoContainer {display: block; position: relative; float: left; width: 570px; padding: 4px 8px 2px 8px!important;}
.NutritionDefaultPortionSizeContainer {display: block; position: relative; float: left; width: 134px; line-height: 30px; color: #fff; margin: 0;}
#NutritionIngredients {display: block; position: relative; float: left; width: 706px; height: auto; background-color: #DAF1E7;}
#NutritionIngredientsGrid {display: inline; float: left; width: 706px;}
.NutritionAddNewRowContainer {display: block; position: relative; float: left; width: 692px; height: 22px; background: url(../img/tdBorder.jpg) left top repeat-x #DAF1E7; padding: 2px 8px 0 6px!important;}

#NutritionContainer table {display: block; position: relative; float: left; padding: 0; margin: 0; background: url(../img/tableBG.jpg) left top repeat-y #DAF1E7; width: 706px;}
#NutritionContainer table th {margin: 0; padding: 0;}
#NutritionContainer table td {width: 10%;}

#NutritionContainer .IngredientHeaderRow {display: block; position: relative; text-align: left; width: 706px; height: 61px; background: url(../img/NutritionRowAltBG.gif) right bottom no-repeat #BCE5D3; font-weight: normal; font-size: 9px;}
#NutritionContainer .IngredientHeaderRow div {display: block; position: relative; float: left; padding: 5px 4px 5px 7px; height: 51px;}
#NutritionContainer .IngredientRow {display: block; position: relative; width: 706px; font-weight: normal; font-size: 9px; background: url(../img/NutritionRowBG.gif) right bottom no-repeat #BCE5D3;}
#NutritionContainer .IngredientRow:after
{
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}
#NutritionContainer .IngredientRowAlt {display: block; position: relative; width: 706px; font-weight: normal; font-size: 9px; background: url(../img/NutritionRowAltBG.gif) right bottom no-repeat #DAF1E7;}
#NutritionContainer .IngredientRowAlt:after
{
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}
#NutritionContainer .IngredientRow div, #NutritionContainer .IngredientRowAlt div {display: block; position: relative; float: left; padding: 5px 4px 5px 7px; min-height: 14px;}
#NutritionContainer .IngredientRowEdit {display: block; position: relative; width: 705px; font-weight: normal; font-size: 9px; background-color: #BCE5D3; overflow: hidden; border-bottom: 1px solid #fff;}
#NutritionContainer .IngredientRowEdit div {display: inline; position: relative; float: left; font-weight: normal; font-size: 9px; padding: 0 1px 0 2px;}
#NutritionContainer .IngredientRowEdit input {border: 1px solid #c0c0c0; font-size: 9px;}
#NutritionContainer .IngredientRowEdit select {border: 1px solid #c0c0c0; font-size: 9px; margin-left: 30px;}
#NutritionContainer .IngredientRowEdit label {font-size: 9px;}

/* Ravintosisältötaulukko - loppuu */

/* Sanakirja - alkaa */

#SearchEngineDictionaryHeader {display: block; position: relative; float: left; width: 666px; height: 16px; background: url(../img/DictionaryHeaderBG.jpg) left top no-repeat; padding: 8px 20px 14px 20px; overflow: hidden;}
#SearchEngineDictionaryHeader .Otsikko {width: 446px; display: inline; position: relative; float: left;}
#DictionaryPrint {display: inline; position: relative; float: right; width: 150px; height: 16px; background: url(../img/printWhite.gif) left center no-repeat; margin-right: 10px; padding: 4px 0 0 20px;}
#DictionaryPrint a {color: #fff; padding: 0; margin: 0; text-transform: uppercase; font-weight: bold; text-decoration: none; width: 150px;}
#SearchEngineDictionary {display: block; position: relative; float:left; width: 666px; background: url(../img/DictionaryBG.jpg) left bottom no-repeat #D2E8F3; padding: 0 19px 14px 20px;}
#SearchEngineDictionary p {padding: 0; margin: 0;}
#SearchEngineDictionary a {color: #fff; text-decoration: none; font-weight: bold;}
#SearchEngineDictionary table {float: left; width: 666px;}
.DictionaryCheckBoxes {height: 50px; padding: 0; margin: 0;}
.DictionaryCheckBoxes td {width: 175px; height: 10px;}
.DictionaryTextBoxContainer {display: inline; position: relative; float: left; width: 324px; margin-top: 4px;}
.DictionaryTextBoxContainer input {width: 320px; padding: 0; margin: 0;}
.DictionaryButtonContainer {display: inline; position: relative; float: left; margin: 17px 0 0 25px; width: 317px; padding: 0 0 2px 0; overflow: hidden; height: 35px;}
.DictionarySearchButton {display: block; position: relative; float: left; width: 54px; text-align: center; line-height: 30px;}
html>body .DictionarySearchButton {width: 56px;}
.DictionarySelectAll {display: block; position: relative; float: left; width: 116px; text-align: center; line-height: 30px; margin-left: 5px;}
.DictionaryRemoveSelection {display: block; position: relative; float: left; width: 133px; text-align: center; line-height: 30px; margin-left: 6px;}

.DictionarySearchResultHeader {display: block; position: relative; width: 685px; height: 28px; line-height: 28px; font-weight: bold; color: #000; padding-left: 20px;}
.DictionarySearchResultRow {display: block; position: relative; line-height: 14px; color: #0159A1; padding-left: 25px; width: 685px;}
.DictionarySearchResultRow:after
{
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}
.DictionarySearchResultRow div {display: inline; position: relative; float: left; line-height: 14px; width: 220px;}
.DictionarySearchResultRow .WordRow span {margin-left: 15px;}
.WordRow {display: block; position: relative; height: 17px; clear: both;}

#PrintDictionaryHeader {display: block; position: relative; float: left; width: 666px; height: 16px; background: url(../img/DictionaryPrintHeaderBG.jpg) left top no-repeat; padding: 8px 20px 14px 20px; overflow: hidden;}
#PrintDictionary {display: block; position: relative; float:left; width: 666px; background: url(../img/DictionaryPrintBG.jpg) left bottom no-repeat #D2E8F3; padding: 0 19px 14px 20px; overflow: hidden;}
#PrintDictionary:after
{
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}
#PrintDictionary .DictionaryTextBoxContainer {display: inline; position: relative; float: left; width: 302px; margin-top: 4px;}
#PrintDictionary .DictionaryButtonContainer {display: inline; position: relative; float: right; margin: 63px 0 0 15px; width: 300px; padding-bottom: 2px;}
.DictionaryCreateButton {display: block; position: relative; float: right; width: 172px; text-align: center; line-height: 30px; margin: 4px 2px 0 0;}
#PrintDictionary p {padding: 0; margin: 0;}
#PrintDictionary a {color: #fff; text-decoration: none; font-weight: bold;}

.DictionaryPrintLink {display: block; position: relative; float: right; clear: both; background: url(../img/printBlue.gif) left top no-repeat; padding-left: 20px; margin: 20px 20px 10px 0;}
.DictionaryPrintLink a {color: #0159A1!important;}

/* Sanakirja - loppuu */