/**************************************/
/* Stylesheet columns                 */
/*                        						*/
/* Sections:              						*/
/* - Cats 						                */
/* - List of video's						      */
/* - video						                */
/**************************************/

/**************************************/
/* Cats                               */
/**************************************/

div#video_cats {
  clear:both;
  float:left;
  width:500px;
  margin:15px 0px 0px 0px;
  background-image:url(/i/elements/page_elements/bg_panel_500_top_bg.gif);
  background-repeat:repeat-y;
  background-position:left top;
  }

  ul#video_cats_inner {
    float:left;
    margin:10px 0px 0px 0px;
    padding:0px 0px 10px 7px;
    list-style-type:none;
    width:495px;
    background-image:url(/i/elements/page_elements/bg_panel_500_bottom.gif);
    background-repeat:no-repeat;
    background-position:left bottom;
    overflow:hidden;
    }

    ul#video_cats_inner li {
      float:left;
      width:142px;
      height:45px;
      margin:0px 10px 1px 3px;
      padding:3px 5px 0px 5px;
      background-repeat:no-repeat;
      background-position:left top;
      }

      ul#video_cats_inner li img {
        float:left;
        width:36px;
        height:36px;
        margin:2px 8px 0px 0px;
        border:1px solid #9cb55d;
        }

      ul#video_cats_inner li p {
        margin:0px 0px 0px 0px;
        }

      ul#video_cats_inner li a {
        color:#739028;
        text-decoration:none;
        }

      ul#video_cats_inner li a:hover, ul#book_cats_inner li a:hover h3 { color:#3a4d08; }

    ul#video_cats_inner li.v_cat_active {
      background-image:url(/i/video/cats/cat_selected.gif);
      color:#3a4d08;
      }

    ul#video_cats_inner li.vidcat_mo {
      background-image:url(/i/video/cats/cat_mo.gif);
      }

    ul#video_cats_inner li.vidcat_mo img {
      border:1px solid #739028;
      }

/**************************************/
/* List of video's                    */
/**************************************/

div#video_list {
  clear:both;
  float:left;
  width:500px;
  margin:15px 0 0 0;
  padding:0;
  background-image:url(/i/elements/page_elements/bg_panel_500_top_bg.gif);
  background-repeat:repeat-y;
  background-position:left top;
  }

  div#video_list h2 {
    clear:both;
    float:left;
    width:480px;
    margin:12px 0 4px 10px;
    height:16px;
    font-size:13px;
    font-weight:bold;
    color:#9bb654;
    overflow:hidden;
    }

    div#video_list div#video_sort {
      clear:both;
      float:left;
      width:480px;
      height:19px;
      padding:0 0 2px 0;
      margin:0 0 7px 10px;
      border-bottom:1px solid #9bb654;
      overflow:hidden;
      }

      div#video_list div#video_sort span, div#video_list div#video_sort a {
        float:left;
        margin:0 0px 0 5px;
        padding:0 0 0 7px;
        background-image:url(/i/elements/page_elements/v_spacer_lg.gif);
        background-repeat:no-repeat;
        background-position:left 5px;
        }

      div#video_list div#video_sort span.first, div#video_list div#video_sort a.first {
        background-image:none;
        }

      div#video_list div#video_sort span#sort_lbl {
        font-weight:bold;
        color:#739028;
        margin:0 5px 0 0;
        padding:0;
        background-image:none;
        }

      div#video_list div#video_sort a { color:#739028; text-decoration:underline; }
      div#video_list div#video_sort a:hover { color:#3a4d08; text-decoration:underline; }

  ul#video_list_inner {
    clear:both;
    float:left;
    width:500px;
    margin:0;
    padding:0;
    list-style-type:none;
    xxbackground-image:url(/i/elements/page_elements/bg_panel_500_bottom.gif);
    background-repeat:no-repeat;
    background-position:left bottom;
    overflow:hidden;
    xxbackground-color:green;
    }

    ul#video_list_inner li {
      clear:both;
      float:left;
      width:480px;
      margin:0 0 7px 10px;
      line-height:16px;
      border-bottom:1px solid #cedb9c;
      xxbackground-color:yellow;
      }

      ul#video_list_inner li div.v_li_l {
        float:left;
        width:375px;
        xxbackground-color:yellow;
        }

      ul#video_list_inner li img {
        float:left;
        width:80px;
        height:80px;
        margin:3px 10px 0px 0px;
        }

      ul#video_list_inner li h3 {
        font-size:12px;
        color:#739028;
        font-weight:bold;
        text-decoration:none;
        margin:0px 0px 0px 0px;
        }

        ul#video_list_inner li a { text-decoration:none; }
        ul#video_list_inner li a h3 { color:#739028;  }
        ul#video_list_inner li a:hover h3 { color:#3a4d08;  }

      ul#video_list_inner li p {
        margin:0px 0px 0px 0px;
        }

        ul#video_list_inner li p a { text-decoration:underline; }

      ul#video_list_inner li div.v_li_r {
        float:right;
        width:80px;
        height:70px;
        padding:0px 0px 0px 10px;
        margin:3px 0 0 0;
        line-height:11px;
        text-align:left;
        border-left:1px solid #cedb9c;
        xxbackground-color:#efefef;
        }

        ul#video_list_inner li div.v_li_r div {
          font-weight:bold;
          color:#739028;
          line-height:26px;
          }


    ul#video_list_inner li.li_list_active {
      color:#cccccc;
      }

      ul#video_list_inner li.li_list_active img {
        filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1, xray=0, mirror=0, invert=0, opacity=0.5, rotation=0);
        }

      ul#video_list_inner li.li_list_active h3 {
        color:#cccccc;
        }

        ul#video_list_inner li.li_list_active div.v_li_r div {
          color:#cccccc;
          }

        ul#video_list_inner li.li_list_active p a { text-decoration:none; color:#cccccc; }





  div#video_list.video_list_new h2 {


    xxmargin:15px 0 4px 10px;
    xxheight:16px;

    padding:0 0 6px 0;
    margin:12px 0 7px 10px;
    border-bottom:1px solid #9bb654;
    }






  div#videos_footer {
    clear:both;
    float:left;
    width:500px;
    padding:0 0 10px 0;
    xxheight:113px;
    background-image:url(/i/elements/page_elements/bg_panel_500_bottom.gif);
    background-repeat:no-repeat;
    background-position:left bottom;
    overflow:hidden;
    }


/**************************************/
/* video (player)                     */
/**************************************/

div#video_outer {
  clear:both;
  float:left;
  width:500px;
  margin:15px 0px 0px 0px;
  xxbackground-image:url(/i/elements/page_elements/bg_panel_500.gif);
  background-image:url(/i/elements/page_elements/bg_panel_500_top_bg.gif);
  background-repeat:repeat-y;
  background-position:left top;
  xxbackground-color:orange;
  }

  div#video_outer h1 {
    xxclear:both;
    xxfloat:left;
    width:480px;
    height:auto;
    padding:0px 0px 7px 0px;
    margin:8px 10px 7px 10px;
    _margin:8px 5px 7px 5px;
    border-bottom:1px solid #739028;

    font-family:tahoma,arial,helvetica,sans-serif;
    font-size:14px;
    line-height:17px;
    color:#9bb654;
    font-weight:bold;
    background-image:none;
    text-align:left;

    xxbackground-color:orange;
    }

    div#video_outer h1 span {
      color:#739028;
      padding:0px 0px 0px 10px;
      margin:0px 0px 0px 8px;
      background-image:url(/i/elements/bull_green.gif);
      background-repeat:no-repeat;
      background-position:left 7px;
      }


  div#video_header {
    clear:both;
    float:left;
    width:500px;
    _width:490px;
    margin:0px 0px 7px 0px;
    background-image:url(/i/elements/page_elements/bg_panel_top.gif);
    background-repeat:no-repeat;
    background-position:left top;
    xxbackground-color:yellow;
    }

  div#video_header div {
    clear:both;
    float:left;
    width:480px;
    border-bottom:1px solid #739028;
    padding:0px 0px 7px 0px;
    margin:8px 10px 0px 10px;
    _margin:8px 5px 0px 5px;
    font-size:14px;
    color:#739028;
    font-weight:bold;
    xxbackground-color:green;
    }

    div#video_header div span {
      color:#9bb654;
      }

    div#video_header div span.bull {
      font-size:9px;
      line-height:9px;
      margin:0px 5px 0px 5px;
      }

  div#video_player_holder {
    clear:both;
    float:left;
    width:500px;
    text-align:center;
    }

    div#video_player_holder div {
      width:480px;
      text-align:left;
      }

  div#video_footer {
    clear:both;
    float:left;
    width:500px;
    height:8px;
    background-image:url(/i/elements/page_elements/bg_panel_500_bottom.gif);
    background-repeat:no-repeat;
    background-position:left bottom;
    xxbackground-color:yellow;
    }


div#video_tools_left {
  float:left;
  clear:left;
  width:220px;
  margin:7px 0px 0px 10px;
  _margin:7px 0px 0px 5px;
  xxbackground-color:yellow;
  }

  div#video_member_score {
    float:left;
    clear:left;
    width:200px;
    margin:0;
    padding:0;
    color:#739028;
    overflow:hidden;
    }

    div#video_member_score div#video_member_score_header {
      float:left;
      font-weight:bold;
      height:16px;
      margin:4px 2px 2px 0px;
      padding:0px 0px 0px 22px;
      background-repeat:no-repeat;
      background-position:left top;
      background-image:url(/i/elements/recipe/icon_score.gif);
      }

    div#video_member_score div#video_member_score_btns {
      float:left;
      clear:left;
      width:140px;
      margin:4px 0px 0px 0px;
      padding:0;
      }

      div#video_member_score div.score_wait { width:350px; text-align:center; }

      div#video_member_score div.video_member_score_btns_line {
        clear:left;
        float:left;
        width:170px;
        height:20px;
        margin:0;
        padding:0;
        }

        div.video_member_score_btns_line div { float:left; }

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

        div.video_member_score_btns_line div.scr_first {
          background-image:none;
          padding:0;
          }

      div#video_member_score div.video_member_score_already_scored {
        clear:left;
        float:left;
        width:150px;
        height:40px;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        }

      div#video_member_score div.video_score_wait { width:120px; text-align:center; }



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

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

        div.video_member_score_btns_line div.btn_score_mo_default {
          border:1px solid #d2eda1;
          }


div#video_tools_right {
  float:left;
  width:220px;
  margin:9px 0px 0px 20px;
  xxbackground-color:yellow;
  }

  div#video_mailfiend {
    float:right;
    width:200px;
    margin:0px 0px 0px 0px;
    padding:2px 0px 0px 24px;
    color:#739028;
    background-image:url(/i/elements/members/icon_recipe_mailfriend.gif);
    background-repeat:no-repeat;
    background-position:left top;
    cursor:pointer;
    }

  div#vid_links {
    float:left;
    width:220px;
    padding:0px 0px 0px 0px;
    margin:11px 0px 0px 0px;
    color:#739028;
    }

    div#vid_links div#vidlinks_lbl {
      float:left;
      width:220px;
      font-weight:bold;
      color:#739028;
      margin:0px 0px 2px 0px;
      }

    div#vid_links div.vid_link {
      clear:both;
      float:left;
      width:220px;
      padding:2px 0px 2px 18px;
      background-image:url(/i/elements/home/home_arrow_green.gif);
      background-repeat:no-repeat;
      background-position:-3px 2px;
      }

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

























div#videos_outer {
  clear:both;
  float:left;
  width:500px;
  margin:5px 0px 0px 0px;
  background-image:url(/i/elements/page_elements/bg_panel_500.gif);
  background-repeat:repeat-y;
  background-position:left top;
  }

  div#videos_header {
    clear:both;
    float:left;
    width:500px;
    height:10px;
    overflow:hidden;
    margin:0px 0px 0px 0px;
    background-image:url(/i/elements/page_elements/bg_panel_top.gif);
    background-repeat:no-repeat;
    background-position:left top;
    }

    div#video_subcats_outer {
    clear:both;
    float:left;
    width:480px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 14px 10px;
    _margin:0px 0px 14px 5px;
    }

    div#video_subcats_outer div {
      float:left;
      width:160px;
      height:48px;
      padding:0px 0px 0px 0px;
      margin:0px 0px 2px 0px;
      color:#739028;
      font-weight:bold;
      cursor:pointer;
      }

    div#video_subcats_outer div.vidcat_selected {
      background-image:url(/i/video/cats/cat_selected.gif);
      background-repeat:no-repeat;
      background-position:left top;
      }

    div#video_subcats_outer div.vidcat_mo {
      background-image:url(/i/video/cats/cat_mo.gif);
      background-repeat:no-repeat;
      background-position:left top;
      }

    div#video_subcats_outer div div {
      float:left;
      width:95px;
      height:40px;
      margin:3px 0px 0px 0px;
      }


    div#video_subcats_outer div.videosubcat_img {
      float:left;
      width:38px;
      height:38px;
      margin:5px 5px 0px 5px;
      }

      div#video_subcats_outer img {
        float:left;
        width:36px;
        height:36px;
        border:1px solid #a6bd6b;
        }

      div#video_subcats_outer div.vidcat_selected img {
        border:1px solid #739028;
        }

    div#video_subcats_outer div.vidcount {
      height:14px;
      margin:0px 0px 0px 0px;
      color:#666666;
      font-weight:normal;
      }





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

      div#video_subcats_outer div.vidcat_selected div {
        color:#3a4d08;
        }


  div#videos_inner {
    clear:both;
    float:left;
    width:500px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    _margin:0px 0px 0px 0px;
    }

    div#video_line_header {
      clear:both;
      float:left;
      width:480px;
      margin:15px 0px 2px 10px;
      _margin:15px 0px 2px 5px;
      height:16px;
      font-size:13px;
      font-weight:bold;
      color:#9bb654;
      overflow:hidden;

      }

      div#video_line_header span {
        color:#739028;
        }

      div#video_line_header span.bull {
        color:#9bb654;
        font-size:9px;
        line-height:9px;
        margin:0px 1px 0px 5px;
        }

    div#videos_inner div#video_line_sort {
      clear:both;
      float:left;
      width:480px;
      height:19px;
      padding:0px 0px 2px 0px;
      margin:0px 0px 7px 10px;
      _margin:0px 0px 7px 5px;
      border-bottom:1px solid #9bb654;
      overflow:hidden;
      xxbackground-color:orange;
      }

      div#videos_inner div#video_line_sort div#sort_lbl {
        float:left;
        font-weight:bold;
        color:#739028;
        margin:0px 10px 0px 0px;
        }

      div#videos_inner div#video_line_sort span {
        color:#859f40;
        font-size:9px;
        margin:0px 3px 0px 3px;
        }

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





    div.videos_row {
      clear:both;
      float:left;
      width:480px;
      padding:0px 0px 0px 0px;
      margin:0px 0px 7px 10px;
      _margin:0px 0px 7px 5px;
      line-height:16px;
      border-bottom:1px solid #cedb9c;
      xxbackground-color:yellow;
      }

    div.videos_views_score {
      float:right;
      width:80px;
      height:70px;
      padding:0px 0px 0px 10px;
      margin:3px 0px 0px 10px;
      _margin:3px 0px 0px 5px;
      line-height:11px;
      text-align:left;
      border-left:1px solid #cedb9c;
      xxbackground-color:yellow;
      }

      div.videos_views_score span {
        font-weight:bold;
        color:#739028;
        line-height:26px;
        }

    div.vidthumb {
      xxclear:both;
      float:left;
      width:80px;
      height:80px;
      margin:3px 10px 0px 0px;
      xxbackground-image:url(/i/video/videos/bg_video.gif);
      background-repeat:no-repeat;
      background-position:left top;
      }

      div.videos_row img {
        xxclear:both;
        xxfloat:left;
        width:80px;
        height:80px;
        margin:0px 0px 0px 0px;
        }

      div.videos_title {
        float:left;
        width:280px;
        font-size:12px;
        color:#739028;
        font-weight:bold;
        xxbackground-color:orange;
        }

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

      div.videos_txt {
        float:left;
        width:280px;
        xxbackground-color:orange;
        }

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

    div.videos_row_active div.videos_title {
      color:#cccccc;
      }

    div.videos_row_active div.videos_views_score {
      color:#cccccc;
      }

    div.videos_row_active div.videos_views_score span {
      color:#cccccc;
      }

    div.videos_row_active img {
      filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1, xray=0, mirror=0, invert=0, opacity=0.5, rotation=0);
      }




    div.videos_row_active div.videos_txt {
      color:#cccccc;
      }


  xxdiv#videos_footer {
    clear:both;
    float:left;
    width:500px;
    height:13px;
    background-image:url(/i/elements/page_elements/bg_panel_500_bottom.gif);
    background-repeat:no-repeat;
    background-position:left bottom;
    overflow:hidden;
    }





/**************************************/
/* Page nav                           */
/**************************************/

  div#video_nav_holder {
    clear:both;
    float:left;
    width:182px;
    height:17px;
    margin:8px 0px 0px 75px;
    _margin:8px 0px 0px 37px;
    overflow:hidden;
    xxbackground-color:yellow;
    }

  div#video_nav_holder div, div#search_nav_holder_ajax div {
    float:left;
    width:21px;
    height:16px;
    margin:0px 4px 0px 0px;
    font-weight:bold;
    color:#739028;
    padding:1px 0px 0px 0px;
    text-align:center;
    background-image:url(/i/elements/members/btn_page_active.gif);
    background-repeat:no-repeat;
    background-position:left top;
    cursor:pointer;
    }

  div#video_nav_holder div.page_current, div#search_nav_holder_ajax div.page_current {
    color:#ffffff;
    background-image:url(/i/elements/members/btn_page.gif);
    }

  div#video_nav_holder div.page_prev_next, div#search_nav_holder_ajax div.page_prev_next {
    background-image:none;
    }

    div#video_nav_holder a:link    { color:#6b8d23; text-decoration:none; }
    div#video_nav_holder a:active  { color:#6b8d23; text-decoration:none; }
    div#video_nav_holder a:visited { color:#6b8d23; text-decoration:none; }
    div#video_nav_holder a:hover   { color:#739028; text-decoration:none; }

  div#video_nav_index {
    float:right;
    width:150px;
    height:17px;
    font-weight:bold;
    color:#739028;
    text-align:right;
    margin:9px 75px 0px 0px;
    _margin:9px 37px 0px 0px;
    xxbackground-color:orange;
    }





  div#search_nav_holder_ajax {
    clear:both;
    float:left;
    width:200px;
    margin:0px 0px 0px 53px;
    _margin:0px 0px 0px 26px;
    }

  div#search_nav_holder_ajax {
    display:none;
    clear:both;
    float:left;
    width:200px;
    margin:0px 0px 0px 53px;
    _margin:0px 0px 0px 26px;
    }

    div#search_nav_holder_ajax div {
      }

    div#search_nav_holder_ajax div.active {
      }