/* Styles for ingredients list */
.ingr-list { list-style-type: none; text-indent: -0px; }
.ingr-sub-list { list-style-type: none; text-indent: -20px; }
.ingr-div { font-style:italic; font-weight:bold; }
.ingr-unit { font-weight:bold; }
.ingr-meas { color:#003399; }
.ingr-descr { }
.recipe-image { width:150px; float:right; margin: 35px 0px 20px 12px; padding: 4px; border: 1px solid #a0a0a0; background: #FFF; }
.affiliate-image { border: 0px; }

/* Styles for prep time list */
.prep-list { list-style-type: none; }
.prep-list-item { list-style-type: none; text-indent: -60px; }

/* Styles for equipment list */
.equip-list { list-style-type: none; }
.equip-list-item { list-style-type: none; text-indent: -60px; }

/* Style images for related items */
.related-img { padding-right: 4px; padding-bottom: 3px; vertical-align:middle; }

/* Style images for image marker on the index pages, style the index list */
.index-list { list-style-type: none; }
.index-list-item { list-style-type: none; text-indent: -20px; }
.index-img { padding-left: 4px; vertical-align:middle; }
.index-icon { padding-right: 4px; vertical-align:middle; }

.download-img { padding-right: 4px; vertical-align:middle; border: 0px; }

/* Styles for directions and directions list */
.directions-text-even, .directions-text
{
	font-size: 100%;
	line-height: 1.3em;
 	color: #2A2A2A;
 	background-color: transparent;
 	padding-bottom:5px;
}
.directions-text-even { background-color: transparent; }

.directions-table { width:100%; border-spacing:4px; border-collapse:collapse; }
.directions-image-box { width:125px; height:100px; vertical-align:middle; background-color:transparent; padding:4px; }
.directions-image-empty {  width:125px; height:100px; vertical-align:middle; background-color:transparent; padding:4px; }
.directions-image { width:125px; display: block; float:right; margin-left: 6px; margin-bottom: 5px; margin-right: auto; border: 3px solid #FFF; }
.directions-text-box-even, .directions-text-box
{
	vertical-align:middle;
	padding:10px;
	font-size: 110%;
	line-height: 1.3em;
 	color: #2A2A2A;
 	background-color: transparent;
}
.directions-text-box-even { background-color: transparent; }

.directions-label { font-weight: bold; }
.directions-highlight, .directions-step { font-weight: bold; font-size: 200%; color: #76A7DC; vertical-align:top; padding-right:10px; padding-bottom:5px; float:left; }
.directions-highlight { color: #Red; }

.directions-no-image { display: block; margin-left: auto; margin-right: auto; background: transparent; }

/* Styles for notes and notes list */
.notes-text-even, .notes-text
{
	font-size: 100%;
	line-height: 1.3em;
 	color: #000000;
 	background-color: #FAFBFC;
}
.notes-text-even { background-color: #FAFBFC; }

.notes-table { width:100%; border-spacing:4px; border-collapse:collapse; }
.notes-image-box-even, .notes-image-box
{
	border: 1px solid #9FA6AE; width:125px; height:100px; vertical-align:middle; background-color:#FAFBFC; padding:4px;
}
.notes-image-box-even { background-color: #FAFBFC; }
.notes-image-empty-even, .notes-image-empty
{
	border: 1px solid #9FA6AE; width:125px; height:100px; vertical-align:middle; background-color:#FAFBFC; padding:4px;
}
.notes-image-empty-even { background-color: #FAFBFC; }
.notes-image { width:125px; display: block; margin-left: auto; margin-right: auto; 	margin: 5px; border: 3px solid #FFF; }
.notes-text-box-even, .notes-text-box
{
	border: 1px solid #9FA6AE;
	vertical-align:top; padding:10px;
	font-size: 110%;
	line-height: 1.3em;
 	color: #000000;
 	background-color: #FAFBFC;
}
.notes-text-box-even { background-color: #FAFBFC; }

.notes-no-image { display: block; margin-left: auto; margin-right: auto; }
.note-type-icon { float:left; padding: 0px 5px 5px 0px; }

.note-header { vertical-align:middle; padding: 3px 0px 3px 5px; font-weight: bolder; text-shadow: 1px 1px 1px #000; font-size: 110%; line-height: 1.3em; color: #FFFFFF; }

.box
{
	margin:0 0 20px 0;
	padding:10px;
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em;
}

.download-box
{
	margin:0 0 20px 0;
	padding:10px;
	border:1px solid #c0c0c0;
	background-color:#D4E7F7;
	color:#505050;
	line-height:1.5em;
}

/**************** Menublock styles ****************/

.menublock{margin:0px 0px 0px 0px; font-size:0.9em;}
.menublock li{list-style:none; display:block; padding:-20px; margin-bottom:2px;}
.menublock li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{margin:0px 0px 0px 0px; font-size:1em; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}

/**************** body and tag styles ****************/
	body {
	  margin-top: 0px;	  
	  margin-bottom: 30px;
	  }

	#container {
	  width: 750px;
	  margin: 0 auto;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  line-height: 1.6em;
	  color: #666666;
	  background-color: #FFFFFF;
	  }
	  
	#container2 {
	  width: 746px;
	  margin: 0 auto;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  line-height: 1.6em;
	  color: #666666;
	  background-color: #FFFFFF;
	  border-bottom: 2px solid #2763A5;
	  }
		
	h1 {
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  font-weight: normal;
	  font-size: 32px;
	  color: #6DA6E2;
	  margin-bottom: 30px;
	  background-color: #FFFFFF;
	  line-height: 1.1em;
	  }
		
	h2 {
	  color: #666666;
	  font-size: 16px;
	  font-family: Arial, Helvetica, sans-serif;
	  background-color: #FFFFFF;
	  }
		
	a {
	  color: #6DA6E2;
	  text-decoration: none;
	  font-weight: bold;
	  }

	a:hover {
	  color: inherit;
	  font-weight: bold;
	  text-decoration: underline;
	  }

/**************** images styles ****************/		
	a img{
	  border: none;
	  }

	img.left,img.center,img.right {
	  padding: 4px;
	  border: 1px solid #a0a0a0;
	  }

	img.left {
	  float: left;
	  margin: 0 12px 5px 0;
	  }

	img.center {
	  display: block;
	  margin: 0 auto 5px auto;
	  }

	img.right {
	  float: right;
	  margin: 0 0 5px 12px;
	  }

/**************** form styles ****************/
	form {
	  float:right;
	  font-size: 9px;
	  }
		
	input {
	  background-color: #FFFFFF;
	  color: #999999;
	  border: 1px solid #2763A5;
	  font-size: 11px;
	  padding: 3px;
	  }
		
	.button {
	  padding: 2px;
	  background-color: #6DA6E2;
	  color: #FFFFFF;
	  border: 1px solid #2763A5;
	  font-size: 11px;
	  }

/**************** header styles ****************/
	#header {
	  width: 750px;
	  border: 0px
	  padding-bottom: 10px;
	  padding-top: 10px;
	  clear: both;
	  }
	#header p { 
	  margin-top: -20px;
	  margin-left: 30px;
	  color: #999999;
	  }

/**************** menu styles ****************/
    #tabs10 {
      float:left;
      width:750px;
      font-size:93%;
	  padding-bottom: 1px;
	  border-bottom:4px solid #2763A5;
      line-height:normal;
      }
    #tabs10 ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #tabs10 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs10 a {
      float:left;
      background:url("http://myrecipes.markjudd.com/images/tableft10.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs10 a span {
      float:left;
      display:block;
      background:url("http://myrecipes.markjudd.com/images/tabright10.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    #tabs10 a span {
	  float:none;
	  }
    #tabs10 a:hover {
      background-position:0% -42px;
      }
    #tabs10 a:hover span {
      background-position:100% -42px;
      }

/**************** content styles ****************/
	#content {
	  width: 520px;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 10px;
	  float: left;
	  }
		
	#content p {
	  padding-bottom: 10px;
	  border-bottom: 1px solid #DDDDDD;
	  }
	  
	#content2 {
	  width: 720px;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 10px;
	  float: left;
	  }
		
	#content2 p {
	  padding-bottom: 10px;
	  }

/**************** sidebar styles ****************/
	#sidebar {
	  width: 175px;
	  padding-left: 21px;
	  padding-right: 10px;
	  padding-top: 10px;
	  float: right;
	  }
		
	#sidebar p {
	  padding-bottom: 10px;
	  border-bottom: 1px solid #DDDDDD;
	  }
	  
/**************** footer styles ****************/
	#footer {
	  margin-top: 15px;
	  padding-top: 0px;
	  padding-bottom: 0px;
	  padding-left: 2px;
	  padding-right: 2px;
	  clear: both;
	  width: 742px;
	  background-color:#2763A5;
	  }
		
	#footer p {
	  color:#FFFFFF;
	  padding: 5px;
	  text-align: center;
	  }
		
	#footer p a {
	  color: #FFFFFF;
	  background-color:#2763A5;
	  font-weight:100;
	  border-bottom: 1px dotted #FFFFFF;
	  }
		
	#footer p a:hover {
	  color: #FFFFFF;
	  text-decoration: none;
	  border-top: 1px dotted #FFFFFF;
	  border-bottom: 0px dotted #FFFFFF;
	  }