/**************************************/
/* Stylesheet recept details          */
/*                        						*/
/* Sections:              						*/
/* Recept detail						          */
/* Recept notitie popup	              */
/* Recept reactie popup	              */
/**************************************/

/**************************************/
/* Recept detail                      */
/**************************************/

div#r_main {
  clear:both;
  float:left;
  width:500px;
  margin:10px 0 0 0;
  }

  div#r_left {
    clear:both;
    float:left;
    width:330px;
    }

    div#r_core {
      clear:both;
      float:left;
      width:330px;
      background-image:url(/i/elements/recipe/rec_sprite.gif);
      background-position:0 0;
      background-repeat:repeat-y;
      }

    div#r_top {
      clear:both;
      float:left;
      width:330px;
      background-image:url(/i/elements/recipe/rec_sprite.gif);
      background-position:-330px 0;
      background-repeat:no-repeat;
      padding:0 0 10px 0;
      margin:0 0 15px 0;
      }

      div#r_top_notfound {
        clear:both;
        float:left;
        width:330px;
        background-image:url(/i/elements/recipe/rec_sprite.gif);
        background-position:-330px 0;
        background-repeat:no-repeat;
        padding:0;
        margin:0;
        }

      div#r_top h1, div#r_top_notfound h1 {
        clear:both;
        float:left;
        width:310px;
        border-bottom:1px solid #ffffff;
        padding:0 0 5px 0;
        margin:11px 0 5px 10px;
        _margin:11px 0 5px 5px;
        font-size:14px;
        color:#739028;
        font-weight:bold;
        background-image:none;
	      font-family:tahoma,arial,helvetica,sans-serif;
        text-align:left;
        height:auto;
        }

      div#r_top_notfound p#notfound {
        clear:both;
        float:left;
        width:308px;
        background-color:#ffffff;
        padding:4px 10px 40px 8px;
        margin:0 0 0 2px;
        _margin:0 0 0 1px;
        text-align:left;
        line-height:16px;
        }

      div#r_top img {
        clear:both;
        float:left;
        width:140px;
        height:140px;
        margin:5px 4px 0 10px;
        border:1px solid #9cb55d;
        }

      div#r_top ul {
        float:left;
        width:150px;
        margin:8px 0 0 10px;
        list-style-type:none;
        background-image:url(/i/elements/recipe/rec_sprite.gif);
        background-position:-1150px 0;
        background-repeat:no-repeat;
        }

        div#r_top ul li {
          padding:0 0 15px 30px;
          }

        div#r_top ul li.spaced {
          padding:9px 0 4px 30px;
          }

        div#r_top ul li.score {
          padding:8px 0 3px 56px;
          }

          div#r_top ul li div {
            float:left;
            width:21px;
            width:28px;
            margin:0px 5px 0 0;
            text-align:right;
            }

          div#r_top ul li span.score_major {
            font-size:18px;
            font-weight:bold;
            color:#739028;
            margin:0px 0 0 10px;
            }

          div#r_top ul li span.score_minor {
            font-size:14px;
            font-weight:bold;
            color:#739028;
            }


    div#r_extra {
      clear:both;
      float:left;
      width:310px;
      padding:0px 10px 10px 10px;
      line-height:16px;
      }

      div#r_extra h2 {
        clear:both;
        font-size:11px;
        font-weight:bold;
        color:#739028;
        margin:0px;
        text-transform:lowercase;
        }

      div#r_extra ul {
        margin:0px 0 15px 0;
        padding:0px;
        color:#666666;
        list-style-type:none;
        }

        div#r_extra ul li {
        	background-image:url(/i/elements/bull_green.gif);
        	background-position:left 5px;
        	background-repeat:no-repeat;
          }

        ul#r_type li {
          display:inline;
          text-transform:lowercase;
          color:#739028;
          font-weight:bold;
          padding:0px 0 0 10px;
          margin:0px 0 0 4px;
          }

          ul#r_type li.first {
          	background-image:none;
            padding:0px;
            margin:0px;
            }

        ul#r_feedvalue li {
          display:inline;
          padding:0px 0 0 10px;
          margin:0px 0 0 2px;
          }

          ul#r_feedvalue li.first {
          	background-image:none;
            padding:0px;
            margin:0px;
            }

      div#r_extra ul#ingr {
        margin:0px 0 0 -2px;
        _margin:0px 0 0 -1px;
        }

        div#r_extra ul#ingr li {
          padding:0px 0 0 12px;
        	background-position: left 7px;
          }

        div#r_extra ul#ingr li.ingr_head {
          padding:0;
        	background-image:none;
          color:#739028;
          }

        div#r_extra ul#ingr li.ingr_head_spaced {
          padding-top:6px;
          }





  div.r_footer {
    clear:both;
    width:310px;
    margin:0px;
    padding:0px 10px 12px 10px;

    height:10px;
    padding:0 10px 0 10px;

    background-image:url(/i/elements/recipe/rec_sprite.gif);
    background-position:-330px bottom;
    background-repeat:no-repeat;
    line-height:16px;
    }

    div.r_footer a:link, div.r_footer a:active, div.r_footer a:visited { color:#739028; text-decoration:underline; }
    div.r_footer a:hover   { color:#3a4d08; text-decoration:underline; }


div#r_right {
  float:left;
  width:160px;
  margin:0px 0 0 10px;
  }

  div.recipe_cooking {
    clear:both;
    margin:10px 8px 10px 0;
    }

    div.recipe_cooking div {
      clear:both;
      margin:15px 8px 10px 0;
      }

      div.recipe_cooking div h2 {
        clear:both;
        display:inline;
        font-size:11px;
        color:#739028;
        font-weight:bold;
        margin:0px 4px 0 0;
        padding:0px 5px 0 0;
        }


  div#recipe_videos {
    clear:both;
    float:left;
    width:305px;
    margin:5px 0 0 0;
    }

    div#recipe_videos div.recipe_videos_lbl {
      float:left;
      font-size:11px;
      color:#739028;
      font-weight:bold;
      margin:0px 8px 0 0;
      }

    div#recipe_videos div.recipe_videos_holder {
      float:left;
      width:250px;
      margin:0px;
      padding:0px;
      }

      div.recipe_video_row {
        clear:none;
        display:block;
        position:relative;
        float:left;
        width:250px;
        margin:0px;
        padding:0px;
        background-image:url(/i/elements/home/bg_home_video.gif);
        background-repeat:no-repeat;
        background-position:0px 4px;
        font-size:11px;
        color:#739028;
        font-weight:bold;
        }

        div.recipe_video_row img {
          float:left;
          width:60px;
          height:60px;
          margin:4px 15px 0 8px;
          border:0px solid #c6d69f;
          }

        div.recipe_video_row div.video_title {
          color:#9bb654;
          }

        div.recipe_video_row div.video_author {
          color:#739028;
          }

        div.recipe_video_row div.video_time {
          font-size:11px;
          font-weight:normal;
          color:#666666;
          }

          div.recipe_video_row a:link          { color:#739028; text-decoration:none; }
          div.recipe_video_row a:active        { color:#739028; text-decoration:none; }
          div.recipe_video_row a:visited       { color:#739028; text-decoration:none; }
          div.recipe_video_row a:hover         { color:#3a4d08; text-decoration:none; }
          div.recipe_video_row a:hover div    { color:#3a4d08; text-decoration:none; }



div#recnotes {
  clear:both;
  float:left;
  width:330px;
  margin:14px 0 0 0;
  padding:0;
  background-image:url(/i/elements/recipe/bg_notes.gif);
  background-repeat:repeat-y;
  background-position:left top;
}

div#recnotes h2 {
  clear:both;
  width:310px;
  margin:0;
  padding:10px 10px 6px 10px;
  background-image:url(/i/elements/recipe/bg_notes.gif);
  background-repeat:no-repeat;
  background-position:-330px top;
  font-size:11px;
}

div#recnotes div#recnotes_inner {
  background-image:url(/i/elements/recipe/bg_notes.gif);
  background-repeat:no-repeat;
  background-position:-660px bottom;
  overflow:hidden;
  padding:0;
}

div#recnotes div p {
  margin:7px 0 0 0;
  padding:1px 10px 0 10px;
  padding:1px 10px 16px 10px;
  background-image:url(/i/elements/recipe/bg_notes.gif);
  background-repeat:repeat-y;
  background-position:-990px top;
  line-height:16px;
  overflow:visible;
}

div#recnotes div.btn {
  width:130px;
  height:16px;
  margin:13px 0 15px 100px;
  background-image:url(/i/elements/recipe/btn_note.gif);
  background-repeat:no-repeat;
  background-position:left 0;
  cursor:pointer;
}

div#recnotes div.btn_edit {
  background-position:left -16px;
}






div.recipe_member_comments_outer {
  clear:both;
  float:left;
  width:330px;
  margin:14px 0 8px 0;
  background-color:#ffffff;
  background-image:url(/i/elements/recipe/rec_sprite.gif);
  background-position:0 0;
  background-repeat:repeat-y;
  overflow:hidden;
  }

div.recipe_member_comments {
  clear:both;
  float:left;
  width:330px;
  margin:0px;
  background-image:url(/i/elements/recipe/rec_sprite.gif);
  background-position:-660px 0;
  background-repeat:no-repeat;
  }

  div.recipe_member_comments_header {
    clear:left;
    float:left;
    width:310px;
    margin:14px 10px 0 10px;
    _margin:14px 5px 0 5px;
    border-bottom:1px solid #739028;
    padding:0px 0 5px 0;
    font-size:11px;
    font-weight:bold;
    color:#739028;
    }

  div.recipe_member_comments h2 {
    clear:left;
    float:left;
    width:310px;
    margin:14px 10px 0 10px;
    _margin:14px 5px 0 5px;
    border-bottom:1px solid #739028;
    padding:0px 0 5px 0;
    font-size:11px;
    font-weight:bold;
    color:#739028;
    }

  div.recipe_comment_line {
    float:left;
    width:310px;
    margin:0px 10px 8px 10px;
    _margin:0px 5px 8px 5px;
    }

  div.recipe_comment_line div.recipe_comment_text {
    clear:left;
    float:left;
    width:310px;
    margin:5px 0 0 0;
    line-height:16px;
    }

  div.recipe_comment_line div.recipe_comment_name {
    clear:left;
    float:left;
    width:310px;
    margin:5px 0 0 0;
    color:#96ac5e;
    line-height:16px;
    text-align:left;
    }

  div.recipe_comment_line div.recipe_comment_notext {
    clear:left;
    float:left;
    width:310px;
    margin:5px 0 0 0;
    line-height:16px;
    }

  div.recipe_member_comments_footer {
    clear:both;
    float:left;
    width:330px;
    margin:0px;
    background-image:url(/i/elements/recipe/rec_sprite.gif);
    background-position:-330px bottom;
    background-repeat:no-repeat;
    }

    div.recipe_member_comments_footer div.recipe_comment_type {
      clear:left;
      float:left;
      text-align:left;
      width:310px;
      height:40px;
      margin:5px 10px 0 10px;
      _margin:5px 10px 0 5px;
      line-height:16px;
      }

div.recipe_member_comments_footer div#btn_comment {
  width:130px;
  height:16px;
  margin:13px 0 15px 100px;
  background-image:url(/i/elements/recipe/btn_note.gif);
  background-repeat:no-repeat;
  background-position:left -32px;
  cursor:pointer;
}






div.recipe_member_box {
  float:left;
  width:160px;
  margin:0px;
  }

div#recipe_member_tools {
  width:160px;
  margin:0px 0 15px 0;
  padding:15px 0 2px 0;
  color:#739028;
  background-image:url(/i/elements/recipe/rec_sprite.gif);
  background-position:-990px 0;
  background-repeat:no-repeat;
  }

  div#recipe_member_tools div {
    height:20px;
    margin:0px 0 2px 10px;
    padding:0px 0 0 24px;
    cursor:pointer;
    background-repeat:no-repeat;
    background-position:left top;
    background-image:url(/i/elements/recipe/rec_icons.gif);
    }

  div#recipe_member_tools div#tool_cookbook {
    background-position:left 0;
    }

  div#recipe_member_tools div#tool_weekmenu {
    background-position:left -20px;
    }

  div#recipe_member_tools div#tool_shoppinglist {
    background-position:left -40px;
    }

  div#recipe_member_tools div#tool_print {
    background-position:left -60px;
    }

  div#recipe_member_tools div#tool_mail {
    background-position:left -80px;
    }

  div#recipe_member_tools div#tool_spacer {
    height:15px;
    background-image:none;
    }

  div#recipe_member_tools div#tool_edit {
    background-position:left -100px;
    }

  div#recipe_member_tools div#tool_delete {
    background-position:left -120px;
    }

  div#recipe_member_tools div#tool_fav {
    margin:0px 0 10px 10px;
    }

  div#recipe_member_tools div.tool_fav_true {
    background-position:left -160px;
    }

  div#recipe_member_tools div.tool_fav_false {
    background-position:left -140px;
    }




div#r_score_panel {
  clear:left;
  width:160px;
  margin:15px 0 0 0;
  padding:8px 0 0 0;
  color:#739028;
  background-image:url(/i/elements/recipe/rec_sprite.gif);
  background-position:-990px 0;
  background-repeat:no-repeat;
  overflow:hidden;
  }

  div#r_score_panel div.r_score_header {
    float:left;
    font-weight:bold;
    height:16px;
    margin:4px 2px 8px 10px;
    _margin:4px 2px 8px 5px;
    padding:0px 0 0 24px;
    background-image:url(/i/elements/recipe/rec_icons.gif);
    background-repeat:no-repeat;
    background-position:left -100px;
    }

  div#r_score_panel div#r_score_btns {
    float:left;
    width:140px;
    margin:4px 0 0 0;
    padding:0px 0 0 10px;
    }

    div#r_score_panel div.score_wait { width:150px; text-align:center; }

    div#r_score_panel div.r_score_btns_l {
      clear:left;
      float:left;
      width:150px;
      height:20px;
      margin:0px;
      padding:0px;
      }

    div#r_score_panel div#recipe_member_score_already_scored {
      clear:left;
      float:left;
      width:130px;
      height:30px;
      margin:2px 2px 0 10px;
      padding:0px;
      }

      div#r_score_panel div#recipe_member_score_already_scored.noindent {
        margin:2px 2px 0 0;
        }

      div.r_score_btns_l div {
        float:left;
        width:6px;
        height:14px;
        }


      div.r_score_btns_l div.btn_score {
        float:left;
        width:20px;
        height:14px;
        margin:0px 2px 2px 0;
        border:1px solid #ffffff;
        text-align:center;
        cursor:pointer;
         }

      div.r_score_btns_l div.btn_score_mo {
        border:1px solid #d2eda1;
        background-color:#f4fae5;
        }



/**************************************/
/* Recept facts	                      */
/**************************************/

div.recipe_fact_box {
  float:left;
  width:160px;
  margin:20px 0 0 0;
  }

  div.fact_brood {
    float:left;
    width:160px;
    background-image:url(/i/weetjes/brood/brood_bg.gif);
    background-repeat:repeat-y;
    background-position:left top;
    }

    div.fact_brood_inner {
      float:left;
      width:160px;
      background-image:url(/i/weetjes/brood/brood-top.gif);
      background-repeat:no-repeat;
      background-position:left top;
      }

      div.fact_brood_inner_inner {
        width:125px;
        margin:0px 0 0 10px;
        line-height:15px;
        }

        div.fact_brood_title {
          margin:25px 0 8px 0;
          font-size:12px;
          font-weight:bold;
          color:#0075bd;
          }

        div.fact_brood_text {
          margin:8px 0 10px 0;
          font-size:11px;
          color:#e28b1a;
          }

    div.fact_brood_bottom {
      width:160px;
      height:37px;
      background-image:url(/i/weetjes/brood/brood-bottom.gif);
      background-repeat:no-repeat;
      background-position:left top;
      }

      div.fact_brood_inner_inner table {
        margin:10px 0 10px 0;
        }

      div.fact_brood_inner_inner table td {
        padding:1px 5px 1px 1px;
        }

      div.fact_brood_inner_inner table thead td {
        border-bottom:1px solid #f4dfc2;
        }

      div.fact_brood_inner_inner table tbody td {
        border-bottom:1px solid #f4dfc2;
        }




  div.fact_vis {
    float:left;
    width:160px;
    background-image:url(/i/weetjes/visbureau/vis-bg.gif);
    background-repeat:repeat-y;
    background-position:left top;
    }

    div.fact_vis_inner {
      float:left;
      width:160px;
      background-image:url(/i/weetjes/visbureau/vis-top.gif);
      background-repeat:no-repeat;
      background-position:left top;
      }

      div.fact_vis_inner_inner {
        width:140px;
        margin:0px 0 0 10px;
        line-height:15px;
        }

        div.fact_vis_title {
          margin:10px 0 10px 0;
          font-size:12px;
          font-weight:bold;
          color:#c7002b;
          }

        div.fact_vis_text {
          margin:10px 0 10px 0;
          font-size:11px;
          color:#666666;
          }

    div.fact_vis_bottom {
      width:160px;
      height:112px;
      background-image:url(/i/weetjes/visbureau/vis-bottom.gif);
      background-repeat:no-repeat;
      background-position:left top;
      }

      div.fact_vis_inner_inner table {
        margin:10px 0 10px 0;
        }

      div.fact_vis_inner_inner table td {
        padding:1px 5px 1px 1px;
        }

      div.fact_vis_inner_inner table thead td {
        border-bottom:1px solid #f4dfc2;
        }

      div.fact_vis_inner_inner table tbody td {
        border-bottom:1px solid #f4dfc2;
        }

/**************************************/
/* Recept notitie popup	              */
/**************************************/

div.popup_recipe_note_intro {
  clear:both;
  margin:0px 0 5px 0;
  }

div.popup_recipe_note_add_to_cookbook {
  clear:both;
  margin:5px 0 15px 0;
  }

table#tbl_popup_recipe_note {
  clear:both;
  margin:0px;
  border-width:0px;
  border-spacing:0px;
  border-style:solid;
  border-color:red;
  border-collapse:collapse;
  }

#popup_recipe_note_text {
  width:316px;
  height:80px;
  border:1px #d1cec1 solid;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:11px;
	color:#666666;
  }

#popup_recipe_note_text_chars {
  padding:5px 0 5px 0;
  }

div.popup_recipe_note_go {
  clear:both;
  margin:15px 0 0 0;
  text-align:center;
  }


/**************************************/
/* Recept reactie popup	              */
/**************************************/


div.popup_recipe_comment_intro {
  clear:both;
  margin:0px 0 5px 0;
  }

table#tbl_popup_recipe_comment {
  clear:both;
  margin:0px;
  border-width:0px;
  border-spacing:0px;
  border-style:solid;
  border-color:red;
  border-collapse:collapse;
  }

#popup_recipe_comment_text {
  width:316px;
  height:80px;
  border:1px #d1cec1 solid;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:11px;
	color:#666666;
  }

#popup_recipe_comment_text_chars {
  padding:5px 0 5px 0;
  }

div.popup_recipe_comment_go {
  clear:both;
  margin:15px 0 0 0;
  text-align:center;
  }





div#recipe_banner_1 {
  xxdisplay:none;
  clear:left;
  float:left;
  width:225px;
  margin:10px 0 0 0;
  text-align:center;
  z-index:1;
  }

div#recipe_banner_2 {
  clear:left;
  float:left;
  width:160px;
  margin:15px 0 0 0;
  padding:0 0 5px 0;
  text-align:center;
  z-index:1;
  }

  div#recipe_banner_2 div {
    margin:0px 0 15px 0;
    text-align:center;
    }

  div#recipe_banner_2 object {
    margin:0px 0 15px 0;
    }

  div#banner_336_280_1 {
    margin:7px 0 0 0;
    width:336px;
    height:280px;
    }


/**************************************/
/* Recepten promo	                    */
/**************************************/

div#rec_tips {
  clear:both;
  float:left;
  width:160px;
  margin:15px 0 0 0;
  padding:0px 0 6px 0;
  background-image:url(/i/elements/recipe/rec_sprite.gif);
  background-position:-990px 0;
  background-repeat:no-repeat;
  }

  div#rec_tips h2 {
    clear:both;
    float:left;
    width:140px;
    padding:12px 0 0 10px;
    font-size:11px;
    color:#739028;
    font-weight:bold;
    }

  div#rec_tips ul {
    clear:both;
    float:left;
    margin:0px 0 0 8px;
    _margin:0px 0 0 5px;
    padding:0px;
    list-style-type:none;
    }

    div#rec_tips ul li {
      width:128px;
      padding:0px 0 8px 12px;
      background-image:url(/i/elements/cp_arrow.gif);
      background-repeat:no-repeat;
      background-position:left top;
      }

      div#rec_tips a:link, div#rec_tips a:active, div#rec_tips a:visited { color:#739028; text-decoration:none; }
      div#rec_tips a:hover   { color:#3a4d08; text-decoration:underline; }

  div#rec_tips p {
    clear:both;
    float:left;
    width:130px;
    margin:4px 0 0 22px;
    _margin:4px 0 0 11px;
    }


/**************************************/
/* Boek info	                        */
/**************************************/

div#cookbook {
  padding-top:5px;
}

p#p_rbook {
  clear:both;
  float:left;
  width:100%;
}

#rbook img {
  clear:both;
  float:left;
  width:70px;
  margin:3px 10px 4px 0;
  border:1px solid #cedb9c;
}

#rbook a { text-decoration:none; }
#rbook p a {
  text-decoration:underline;
  background-image:url(/i/elements/cp_arrow.gif);
  background-repeat:no-repeat;
  background-position:right top;
  padding:0px 11px 0 0;
}

#rbook p.rpub a { background-image:none; padding:0; }

#rbook h3 {
  font-size:12px;
  margin:0;
  padding:0;
  text-decoration:none;
}

#rbook a h3 {
  color:#739028;
  text-decoration:none;
  cursor:pointer;
  }

#rbook a:hover h3 {
  color:#3a4d08;
  }

#rbook h4 {
  color:#9bb654;
  margin:1px 0 0 0;
  padding:0;
}







/**************************************/
/* Social bookmarking	                */
/**************************************/

#sobo {
  clear:both;
  float:left;
  width:160px;
  margin:15px 0 0 0;
  padding:12px 0 6px 0;
  xxbackground-repeat:repeat-y;
  xxbackground-position:left top;
  xxbackground-image:url(/i/elements/recipe/bg_member_tools.gif);

  background-image:url(/i/elements/recipe/rec_sprite.gif);
  background-position:-990px 0;
  background-repeat:no-repeat;

}

#sobo h2 {
  clear:both;
  float:left;
  width:140px;
  padding:0 0 0 10px;
  font-size:11px;
  color:#739028;
  font-weight:bold;
  }

#sobo a {
  float:left;
  width:16px;
  height:16px;
  margin:0 0 8px 8px;
  background-image:url(/i/socialbookmarks/sn.gif);
  background-repeat:no-repeat;
}

#sobo a.cl_1 { background-position:0px left; }
#sobo a.cl_2 { background-position:left -17px; }
#sobo a.cl_3 { background-position:left -34px; }
#sobo a.cl_4 { background-position:left -51px; }
#sobo a.cl_5 { background-position:left -68px; }
#sobo a.cl_6 { background-position:left -85px; }
#sobo a.cl_7 { background-position:left -102px; }
#sobo a.cl_8 { background-position:left -119px; }
#sobo a.cl_9 { background-position:left -136px; }
#sobo a.cl_10 { background-position:left -153px; }
#sobo a.cl_11 { background-position:left -170px; }
#sobo a.cl_12 { background-position:left -187px; }
#sobo a.cl_13 { background-position:left -204px; }
#sobo a.cl_14 { background-position:left -221px; }
#sobo a.cl_15 { background-position:left -238px; }
#sobo a.cl_16 { background-position:left -255px; }