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

.Inline {display: inline; float: left;}

/* Reseptisivu - alkaa */

    #RecipeContainer {display: block; width: 705px; 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: 705px; 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: 705px; background: url(../img/tdBorder.jpg) left bottom repeat-x #DAF1E7;}
    #RecipeIngredients {display: block; position: relative; float: left; width: 705px; height: auto; background-color: #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; min-height: 300px; 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; 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;}

    * 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;}
    #RecipeContainer .InputWeight {width: 40px; height: 14px; font-size: 11px;}
    #RecipeContainer .InputIngredient {width: 115px; height: 14px; font-size: 11px;}

    #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: 40px; 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;}

/* Reseptisivu - loppuu */


/* Reseptihakukone - alkaa */

    .SearchTop {display: block; position: relative; float:left; width: 705px; height: 13px; background: url(../img/SearchTopBG.jpg) left top no-repeat #fff; overflow: hidden; margin-top: 10px; padding: 0;}
    #KK_SearchEngine {display: block; position: relative; float:left; width: 705px; background: url(../img/SearchBG.jpg) left bottom no-repeat #D2E8F5; overflow: hidden; padding: 1px 19px 0 20px;}
    html>body #KK_SearchEngine {width: 666px;}
    #KK_SearchEngineLeftCol {display: inline; position: relative; float: left; width: 278px;}
    #KK_SearchEngineRightCol {display: inline; position: relative; float: left; width: 388px; padding-left: 10px; overflow: hidden;}
    html>body #KK_SearchEngineRightCol {width: 378px;}
    .KK_SearchFieldContainer {display: block; position: relative; width: 666px; margin-top: 10px; height: auto;}

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

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

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

    .KK_SearchCriteria {display: block; position: relative; width: 268px; top: 10px; margin-bottom: 15px; font-size: 12px;}
    .KK_SearchDropDowns {display: block; position: relative; top: 10px; margin-bottom: 17px; line-height: 16px;}
    #KK_SearchEngine a {color: #fff; text-decoration: none; font-weight: bold;}
    .KK_SearchButton {display: block; position: relative; float: left; width: 20px; padding: 0 16px 0 16px; line-height: 30px; margin-left: 6px;}
    html>body .KK_SearchButton {margin-left: 10px; padding: 0 18px 0 18px;}
    .KK_ClearButton {display: block; position: relative; float: left; width: 58px; padding: 0 17px 0 17px; line-height: 30px; margin-left: 3px;}
    html>body .KK_ClearButton {margin-left: 3px; padding: 0 18px 0 18px;}
    
    #KK_SearchResultInfo {display: block; position: relative; float: left; width: 686px; height: 38px; line-height: 38px; padding: 12px 0 2px 0;}

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

    .KK_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 .KK_RecipeGroupHeader {width: 685px;}
    .KK_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;}
    
    .Width175 {width: 175px;}
    .Width190 {width: 190px;}
    .Width502 {width: 502px;}
    .Width666 {width: 666px;}
    
    .ContentContainerLeft {display: inline; float: left; width: 330px;} 
    .ContentContainerRight {display: inline; float: left; width: 330px; margin-left: 5px;} 
    .ContentContainer {clear: both; padding: 14px 20px 14px 20px;}

/* Reseptihakukone - loppuu */

.CookingPrintContainer {display: block; position: relative; float: left; height: 37px; width: 694px; padding: 6px!important;}
.CookingPrintContainer a {display: block; position: relative; float: left; height: 33px; width: 180px; line-height: 33px; text-decoration: none; font-weight: bold; padding-left: 15px; margin: 2px 0 2px 2px; text-transform: uppercase;}