/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

body {
  margin: 0 auto; }

ul li, ol li {
  list-style-position: outside;
  list-style-type: disc;
  margin-left: 1em; }

.sortable li {
  list-style-type: none;
  cursor: move; }

form.button-to {
  display: inline; }
  form.button-to div {
    display: inline; }

.auto_complete {
  width: 350px;
  background: #fff;
  z-index: 10000; }
  .auto_complete ul {
    border: 1px solid #888;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none; }
    .auto_complete ul li {
      margin: 0;
      padding: 3px; }
    .auto_complete ul li.selected {
      background-color: #ffb; }
    .auto_complete ul strong.highlight {
      color: #800;
      margin: 0;
      padding: 0; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.clearfix {
  display: inline-block; }

html[xmlns] .clearfix {
  display: block; }

* html .clearfix {
  height: 1%; }


html {
  background-color: #d5d7a1; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

u {
  text-decoration: underline; }

strike {
  text-decoration: line-through; }

h1, h2, h3 {
  font-weight: bold;
  padding: 1em 0; }

h1 {
  font-size: 15px; }

h2 {
  font-size: 13px; }

a {
  color: #993300;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

body {
  width: 975px;
  background: url(/images/background.jpg) no-repeat;
  min-height: 800px;
  height: auto !important;
  height: 800px;
  color: #4A330F;
  font-family: tahoma,arial,helvetica,clean,sans-serif;
  font-size: 11px; }

p {
  margin-bottom: 1em; }

a.underline:hover, a.current {
  background-image: url(/images/underline.png);
  background-repeat: no-repeat;
  background-position: bottom; }

.navigation a.underline:hover, .navigation a.current {
  background-position: bottom right; }

.heading {
  color: #993300;
  font-size: 15px;
  font-weight: bold;
  margin: 1em 0; }

.body {
  line-height: 17px; }

#header {
  height: 124px;
  width: 975px;
  position: relative; }
  #header a.frig_link {
    position: absolute;
    left: 100px;
    top: 10px; }
  #header a.home_link {
    position: absolute;
    left: 222px;
    top: 19px; }
  #header .trade {
    position: absolute;
    left: 490px;
    top: 10px;
    color: #000; }
  #header .user {
    float: right;
    text-align: right; }
  #header .notice, #header .error {
    clear: right;
    float: right;
    width: 240px;
    font-size: 15px; }
  #header .notice {
    color: #080; }
  #header .error {
    color: #f00; }
  #header .navigation {
    position: absolute;
    left: 231px;
    top: 99px; }
    #header .navigation a {
      margin-left: 38px; }
    #header .navigation a.first {
      margin-left: 0; }
  #header form#search_form a {
    position: absolute;
    left: 803px;
    top: 78px; }
  #header form#search_form input {
    position: absolute;
    width: 115px;
    right: 125px;
    bottom: 7px;
    background: none;
    border: none; }

#left {
  float: left;
  width: 200px;
  _width: 219px;
  padding: 20px 19px 0 0;
  position: relative; }
  #left .navigation {
    text-align: right; }
    #left .navigation a {
      margin-top: 5px;
      display: inline-block; }
    #left .navigation a.first {
      margin-top: 0; }
  #left .video {
    position: absolute;
    top: 214px;
    left: 74px; }
  #left .ad {
    width: 125px;
    height: 125px;
    position: absolute;
    top: 350px;
    left: 75px; }

#middle {
  float: left;
  width: 503px; }
  #middle #content {
    background: url(/images/content_background.png) repeat-y;
    min-height: 474px;
    height: auto !important;
    height: 474px;
    position: relative;
    padding: 0 10px; }
  #middle .bottom_posit {
    margin-top: 5px;
    background: url(/images/footer_background.png) repeat-y;
    width: 503px;
    min-height: 108px;
    height: auto !important;
    height: 108px;
    position: relative; }
  #middle #footer {
    font-size: 12px; }
    #middle #footer .site_map {
      text-align: right;
      margin: 10px 0 10px 0; }
      #middle #footer .site_map a {
        color: #4A330F; }
  #middle .about_us {
    position: absolute;
    bottom: 5px; }
    #middle .about_us a {
      padding-bottom: 5px;
      margin-left: 28px; }
      #middle .about_us a img {
        vertical-align: top; }

#right {
  float: left;
  position: relative; }
  #right .ad {
    width: 120px;
    height: 600px;
    position: absolute;
    top: 10px;
    left: 10px; }

.bottom_ad {
  width: 728px;
  height: 90px;
  margin-left: 105px; }

.pagination {
  position: absolute;
  bottom: 5px;
  right: 5px; }
  .pagination .next {
    margin-left: 10px; }
  .pagination .print {
    margin-left: 30px; }
  .pagination img {
    vertical-align: middle; }

.paged #middle #content {
  height: 474px !important;
  overflow-y: hidden; }

.week_of_the_month .content_arrow {
  position: absolute;
  top: 175px;
  left: 204px;
  z-index: 1; }
.week_of_the_month #content {
  font-family: arial,helvetica,clean,sans-serif;
  font-size: 14px; }
.week_of_the_month .photo {
  float: left; }
.week_of_the_month .scorecard {
  background: url(/images/scorecard.png) no-repeat;
  width: 214px;
  height: 274px;
  position: absolute;
  top: 185px;
  left: 5px; }
  .week_of_the_month .scorecard a {
    display: block;
    color: #4A330F; }
  .week_of_the_month .scorecard img {
    display: block; }
  .week_of_the_month .scorecard .highlighted_meal_scorecard {
    margin: 50px 0 0 41px; }
  .week_of_the_month .scorecard .name_of_recipe {
    margin: 20px 0 0 10px;
    height: 50px; }
  .week_of_the_month .scorecard .number_of_stars {
    margin: 20px 0 0 10px;
    height: 50px; }
  .week_of_the_month .scorecard .click_for_full_scorecard {
    margin: 10px 0 0 30px; }
.week_of_the_month .days {
  float: right;
  width: 250px;
  text-align: center; }
  .week_of_the_month .days .week_of {
    margin: 50px 0 10px; }
  .week_of_the_month .days .day {
    height: 50px; }
    .week_of_the_month .days .day img {
      display: block;
      margin: 0 auto; }
    .week_of_the_month .days .day a {
      display: block;
      color: #4A330F; }
.week_of_the_month .weekly_shopping_list {
  position: absolute;
  left: 339px;
  top: 445px; }

.recipe #content {
  font-family: arial,helvetica,clean,sans-serif;
  font-size: 14px; }
.recipe label {
  display: block;
  font-weight: bold;
  margin-top: 10px; }
.recipe .top {
  clear: both; }
  .recipe .top .left {
    float: left; }
    .recipe .top .left .content_arrow {
      position: absolute;
      top: 175px;
      left: 204px;
      z-index: 1; }
    .recipe .top .left .scorecard {
      background: url(/images/scorecard.png) no-repeat;
      width: 214px;
      height: 274px; }
      .recipe .top .left .scorecard a {
        display: block;
        color: #4A330F; }
      .recipe .top .left .scorecard img {
        display: block; }
      .recipe .top .left .scorecard .daily_meal_scorecard {
        padding: 50px 0 0 30px; }
      .recipe .top .left .scorecard .name_of_recipe {
        margin: 40px 0 0 10px;
        height: 50px; }
      .recipe .top .left .scorecard .number_of_stars {
        margin: 20px 0 0 10px;
        height: 50px; }
      .recipe .top .left .scorecard .click_for_full_scorecard {
        margin: 10px 0 0 30px; }
  .recipe .top .right {
    float: right;
    width: 240px; }
    .recipe .top .right .pagination {
      position: relative;
      margin-top: 20px; }
    .recipe .top .right .directions {
      margin-bottom: 32px; }
    .recipe .top .right .date, .recipe .top .right .title {
      font-weight: bold;
      text-align: center; }
.recipe .bottom {
  clear: both;
  padding-top: 10px;
  padding-bottom: 25px; }
  .recipe .bottom .weekly_shopping_list {
    position: absolute;
    left: 339px;
    bottom: 10px; }

.article .photo {
  float: right;
  clear: right; }
.article .title {
  font-weight: bold;
  font-size: 14px; }

.landing .content_arrow {
  position: absolute;
  right: 5px;
  bottom: 180px; }
.landing #middle #content {
  background: none;
  padding: 0; }
  .landing #middle #content .title {
    font-weight: bold;
    font-size: 14px; }
  .landing #middle #content .top {
    background: url(/images/content_background.png) no-repeat;
    height: 392px;
    overflow: hidden;
    padding: 0 10px; }
    .landing #middle #content .top .photo {
      float: right;
      position: relative;
      text-align: right;
      width: 225px; }
      .landing #middle #content .top .photo .thumbtack {
        position: absolute;
        top: 10px;
        left: 10px; }
  .landing #middle #content .bottom {
    margin-top: 5px;
    background: url(/images/footer_background.png) no-repeat;
    height: 213px;
    overflow: hidden;
    padding: 0 10px; }
    .landing #middle #content .bottom .photo {
      float: left;
      width: 225px; }
    .landing #middle #content .bottom .about_us a.first {
      margin-left: 18px; }

body.weekly_shopping_list .pagination {
  position: relative; }
  body.weekly_shopping_list .pagination .print {
    margin-left: 380px; }

body.about_us .section {
  clear: both;
  padding: 1em 0;
  font-size: 14px; }
  body.about_us .section img {
    float: left; }
  body.about_us .section .preview {
    float: right;
    width: 300px; }


.overlay_dialog {
	background-color: #666666;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.overlay___invisible__ {
  background-color: #666666;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.dialog_nw {
	width: 9px;
	height: 23px;
	background: transparent url(default/top_left.gif) no-repeat 0 0;		
}

.dialog_n {
	background: transparent url(default/top_mid.gif) repeat-x 0 0;	
	height: 23px;
}

.dialog_ne {
	width: 9px;
	height: 23px;
	background: transparent url(default/top_right.gif) no-repeat 0 0;		
}

.dialog_e {
	width: 2px;
	background: transparent url(default/center_right.gif) repeat-y 0 0;	
}

.dialog_w {
	width: 2px;
	background: transparent url(default/center_left.gif) repeat-y 0 0;		
}

.dialog_sw {
	width: 9px;
	height: 19px;
	background: transparent url(default/bottom_left.gif) no-repeat 0 0;			
}

.dialog_s {
	background: transparent url(default/bottom_mid.gif) repeat-x 0 0;		
	height: 19px;
}

.dialog_se {
	width: 9px;
	height: 19px;
	background: transparent url(default/bottom_right.gif) no-repeat 0 0;			
}

.dialog_sizer {
	width: 9px;
	height: 19px;
	background: transparent url(default/sizer.gif) no-repeat 0 0;	
	cursor:se-resize;	
}

.dialog_close {
	width: 14px;
	height: 14px;
	background: transparent url(default/close.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:8px;
	cursor:pointer;
	z-index:2000;
}

.dialog_minimize {
	width: 14px;
	height: 15px;
	background: transparent url(default/minimize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:28px;
	cursor:pointer;
	z-index:2000;
}

.dialog_maximize {
	width: 14px;
	height: 15px;
	background: transparent url(default/maximize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:49px;
	cursor:pointer;
	z-index:2000;
}

.dialog_title {
	float:left;
	height:14px;
	font-family: Tahoma, Arial, sans-serif;
	font-size:12px;
	text-align:center;
	width:100%;
	color:#000;
}

.dialog_content {
	overflow:auto;
	color: #DDD;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	background-color:#123;
}

.top_draggable, .bottom_draggable {
  cursor:move;
}

.status_bar {
  font-size:12px;
}
.status_bar input{
  font-size:12px;
}

.wired_frame {
	display: block;
  position: absolute;
  border: 1px #000 dashed;
}

/* DO NOT CHANGE THESE VALUES*/
.dialog {
	display: block;
	position: absolute;
}

.dialog table.table_window  { 
  border-collapse: collapse; 
  border-spacing: 0; 
  width: 100%;
	margin: 0px;
	padding:0px;
}

.dialog table.table_window td , .dialog table.table_window th { 
  padding: 0; 
}

.dialog .title_window {
  -moz-user-select:none;
}