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: 690px; min-height: 28px; background: url(../img/SAContentRecipeName.jpg) left top no-repeat #009A54; padding: 4px 8px 4px 8px!important;}
.RecipeInfoContainer {display: block; position: relative; float: left; width: 690px; color: #fff;}
.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-color: #DAF1E7;}
#RecipeIngredientsGrid {display: inline; float: left; width: 440px;}
.RecipeCookingInfoHeader {display: inline; position: relative; float: left; text-align: left; width: 266px; height: 60px; border-bottom: 1px solid #fff; background: url(../img/tdBorder.jpg) left top repeat-y #BCE5D3; font-weight: bold; padding: 8px 8px 0 8px!important;}
html>body .RecipeCookingInfoHeader {height: 51px; width: 250px;}
#RecipeCookingInstructions {display: inline; float: left; width: 250px; min-height: 30px; background: url(../img/tdBorder.jpg) left top repeat-y #DAF1E7; padding: 2px 8px 8px 8px!important;}
#RecipeCookingInstructions p {padding: 0; margin: 0;}
.RecipeAddNewRowContainer {display: block; position: relative; float: left; width: 440px; height: 22px; background: url(../img/tdBorder.jpg) left top repeat-x #DAF1E7; padding: 2px 8px 0 6px!important;}
html>body .RecipeAddNewRowContainer {width: 426px;}
#RecipeNutrition {display: block; position: relative; float: left; width: 706px; background: url(../img/tdBorder.jpg) left top repeat-x #DAF1E7; padding: 8px!important;}
html>body #RecipeNutrition {width: 690px;}

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

#RecipeIngredientsGrid .IngredientHeaderRow {display: block; position: relative; text-align: left; width: 440px; height: 60px; background: url(../img/tdBorder.jpg) left bottom repeat-x #BCE5D3;font-family: Arial; font-size: 12px;}
#RecipeIngredientsGrid .IngredientRow {display: block; position: relative; width: 440px; font-family: Arial; font-size: 12px;}
#RecipeIngredientsGrid .IngredientRow:after
{
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

.RationMultiplierContainer {display: inline; float: left; line-height: 20px; height: 28px; font-weight: bold; padding: 8px 8px 0 8px!important;}

* html .InputMultiplier {height: 20px!important}
* html .InputWeight {height: 20px!important}
* html .InputIngredient {height: 20px!important}

.RationMultiplierContainer .InputMultiplier {display: block; position: relative; float: left; width: 30px; height: 14px; font-size: 11px; margin-right: 5px; top: 2px;}
#RecipeIngredientsGrid .InputWeight {width: 40px; height: 14px; font-size: 11px;}
#RecipeIngredientsGrid .InputIngredient {width: 115px; height: 14px; font-size: 11px;}


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

#RecipeIngredientsGrid .SelectEmptyRows {display: block; position: relative; float: left; font-size: 10px;}

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

#RecipeIngredientsGrid .RowWeightTd {padding: 0 8px 0 8px!important; width: 90px; line-height: 16px; min-height: 16px;}
html>body #RecipeIngredientsGrid .RowWeightTd {width: 76px;}
#RecipeIngredientsGrid .RowCalculatedWeightTd {padding: 0 8px 0 8px!important; width: 92px; line-height: 16px; min-height: 16px;}
html>body #RecipeIngredientsGrid .RowCalculatedWeightTd {width: 78px;}
#RecipeIngredientsGrid .RowIngredientTd {padding: 0 8px 0 8px!important; width: 253px; line-height: 16px; min-height: 16px; overflow: hidden;}
html>body #RecipeIngredientsGrid .RowIngredientTd {width: 238px;}
#RecipeIngredientsGrid .IngredientAdmin {width: 121px;}

/* Paluunavigaatio */
#NavigationBack {display: block; position: relative; float: left; height: 37px; width: 706px; padding: 6px!important; background: url(../img/tdBorder.jpg) left top repeat-x #DAF1E7;}
html>body #NavigationBack {width: 694px;}
.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: 66px; height: 30px; 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;}
html>body .GreenButton {width: 51px; height: 24px;}

.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 */

.SearchContainer {position: relative; display: block; float: left; overflow: hidden;}
#SearchEngine {display: block; position: relative; float:left; width: 705px; background: url(../img/SearchEngine.jpg) left bottom no-repeat #D2E8F5; overflow: hidden;}
#SearchEngineLeftCol {display: inline; float: left; width: 442px; height: 161px; padding: 0 20px 14px 20px;}
html>body #SearchEngineLeftCol {width: 402px;}
#SearchEngineRightCol {display: inline; float: left; width: 263px; height: 161px; padding: 0 20px 14px 20px;}
html>body #SearchEngineRightCol {width: 223px;}
#SearchFieldContainer {margin-top: 10px;}

.SearchTop {display: block; position: relative; float: left;}

.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;}

* html .SearchCriteria {height: 20px!important}

.SearchCriteria {display: block; position: relative; float: left; width: 325px; top: 10px; font-size: 12px;}
.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: 706px; height: 38px; background: url(../img/SearchResultInfo.jpg) left top no-repeat #FEFFFB; line-height: 38px; padding-left: 20px; padding-bottom: 15px;}
html>body #SearchResultInfo {width: 686px;}

.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: 705px; height: 28px; border-bottom: 2px solid Green; line-height: 28px; text-transform: uppercase; font-weight: bold; color: #000; padding-left: 20px;}
html>body .RecipeGroupHeader {width: 685px;}
.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 */

.NutritionSearchContainer {position: relative; display: block; float: left; overflow: hidden;}
#SearchEngineNutrition {display: block; position: relative; float:left; width: 706px; height: 252px; background: url(../img/SearchNutritionBG.jpg) left top no-repeat #FEFFFB; overflow: hidden; margin-top: 10px; padding: 14px 20px 14px 20px;}
html>body #SearchEngineNutrition {width: 666px;}
#SearchEngineNutrition p {padding: 0; margin: 0;}
#SearchEngineNutrition table {float: left; width: 666px;}
.NutritionCheckBoxes {height: 40px; padding: 0 0 15px 0; margin: 0; font-family: Arial; font-size: 12px;}
html>body .NutritionCheckBoxes {height: 30px; padding: 0;}
.NutritionCheckBoxes td {width: 155px; line-height: 17px; padding: 0; margin: 0; height: 20px;}
html>body .NutritionCheckBoxes td {width: 175px;}

#SearchEngineNutrition a {color: #fff; text-decoration: none; font-weight: bold; font-family: Arial; font-size: 12px;}
.NutritionButtonContainer {display: block; position: relative; float: left; width: 666px; height: 32px; 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; margin: 5px 7px 5px 4px; padding: 0; height: 51px;}
html>body #NutritionContainer .IngredientHeaderRow div {padding: 5px 4px 5px 7px; margin: 0;}

#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; margin: 5px 7px 5px 4px; padding: 0 0 5px 0; min-height: 14px;}
html>body #NutritionContainer .IngredientRow div, #NutritionContainer .IngredientRowAlt div {padding: 5px 4px 5px 7px; margin: 0;}

#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; margin: 0 5px 0 2px;}
html>body #NutritionContainer .IngredientRowEdit div {padding: 0 1px 0 2px; margin: 0;}
#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 */

.DictionarySearchContainer {position: relative; display: block; float: left; overflow: hidden;}
#SearchEngineDictionaryHeader {display: block; position: relative; float: left; width: 706px; height: 38px; line-height: 38px; background: url(../img/DictionaryHeaderBG.jpg) left top no-repeat; padding: 0 20px 0 20px; overflow: hidden;}
html>body #SearchEngineDictionaryHeader {width: 666px;}
#SearchEngineDictionaryHeader .Otsikko {width: 446px; display: inline; position: relative; float: left;}
#DictionaryPrint {display: inline; position: relative; float: right; width: 150px; height: 38px; line-height: 38px; background: url(../img/printWhite.gif) left center no-repeat; margin-right: 10px; padding: 0 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; font-family: Arial; font-size: 12px;}
.DictionaryCheckBoxes td {width: 175px; height: 10px;}
html>body .DictionaryCheckBoxes td {width: 166px;}
.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: 300px;}
.DictionarySearchResultRow .WordRow span {margin-left: 15px;}
.WordRow {display: block; position: relative; height: 17px; clear: both;}

.DictionarySearchResultRowPrint {display: block; position: relative; line-height: 14px; color: #0159A1; padding-left: 25px; width: 685px;}
.DictionarySearchResultRowPrint div {display: inline; position: relative; float: left; line-height: 14px; width: 220px;}


#PrintDictionaryHeader {display: block; position: relative; float: left; width: 706px; height: 38px; line-height: 38px; background: url(../img/DictionaryPrintHeaderBG.jpg) left top no-repeat; padding: 0 20px 0 20px; overflow: hidden;}
html>body #PrintDictionaryHeader {width: 666px;}
#PrintDictionary {display: block; position: relative; float:left; width: 705px; background: url(../img/DictionaryPrintBG.jpg) left bottom no-repeat #D2E8F3; padding: 0 19px 14px 20px; overflow: hidden;}
html>body #PrintDictionary {width: 666px;}
#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;}

.ContentContainer {width: 706px;}

/* Sanakirja - loppuu */

#BroughtToYou {text-align: center; width: 100%; font-size:11px;}

.EmptyRowsBelow1 {padding-bottom: 16px!important;}
.EmptyRowsBelow2 {padding-bottom: 32px!important;}
.EmptyRowsBelow3 {padding-bottom: 48px!important;}
.EmptyRowsBelow4 {padding-bottom: 64px!important;}
.EmptyRowsBelow5 {padding-bottom: 82px!important;}
.EmptyRowsBelow6 {padding-bottom: 98px!important;}
.EmptyRowsBelow7 {padding-bottom: 114px!important;}
.EmptyRowsBelow8 {padding-bottom: 130px!important;}
.EmptyRowsBelow9 {padding-bottom: 146px!important;}

/* Indeksilistaukset */

.IndexContainer {padding: 0 10px 0 10px;}
.IndexListFilterContainer {padding: 10px 0 0 0;}
.AlphabetLinks {display: block; position: relative; width: 704px; clear: both; padding: 10px 0 0 0;}
.AlphabetLinks a {display: block; position: relative; float: left; width: 20px; height: 20px; line-height: 20px; background-color: #0059A1; text-decoration: none; color: #fff; margin-right: 2px; text-align: center;}
.AlphabetLinks a.Selected {background-color: #fff; color: #0059A1;}
.AlphabetLinks a.All {width: 50px;}

.AlphabetLinksGreen {display: block; position: relative; width: 704px; clear: both; padding: 10px 0 0 0;}
.AlphabetLinksGreen a {display: block; position: relative; float: left; width: 20px; height: 20px; line-height: 20px; background-color: #55B047; text-decoration: none; color: #fff; margin-right: 2px; text-align: center;}
.AlphabetLinksGreen a.Selected {background-color: #fff; color: #55B047;}
.AlphabetLinksGreen a.All {width: 50px;}