body{font: normal 90%/100%  "Helvetica Neue", Helvetica, Arial, sans-serif;}

h1, h2 { font-size:14pt; text-align:left; margin:0; padding:0; }

h1, h2, .header-divider { font-family:"Futura", "Helvetica Neueu", "Helvetica", sans-serif; }

h2 { padding:10px 0 2px 0; }

#errorExplanation { text-align:left; }
#errorExplanation h2 { background-color:none; }
#errorExplanation li { font-weight:bold; }

.window { background:#FcFcFF; padding:10px; }

h2, .window { margin:3px; }

textarea { font-size:9pt; }

td { vertical-align:top; }

th, td { text-align:center;}

#recipe-notes, #taste-notes { padding:10px;font-size:10pt; }
.quote { font-style:italic; color:#666; }

#malt-bill th,
#hop-schedule th,
#misc-ingredient-list th,
#yeast-selection th,
#mash-schedule th,
.brewers-table th,
.styles-table th,
table.schedule th
{
  font-size:8.5pt;
  text-transform:uppercase;
}


#yeast-selection
{ 
  width:100%;
	margin-top:10px;
	text-align:left;
}


#malt-bill-window,
#hop-schedule-window,
#misc-ingredient-window,
#mash-schedule-window
{ 
  position:relative;
}

#malt-bill, #hop-schedule, #misc-ingredient-list
{
  width:100%;
  border-spacing:0;
  margin-bottom:30px;
}

#misc-ingredient-list {width:635px;}

#malt-bill td, 
#hop-schedule td,
#misc-ingredient-list td,
#mash-schedule td,
#yeast-selection,
.results-window, 
.results-window td,
input,
select,
option,
th
{ 
  font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Helvetica, Arial, sans-serif;
}

.results-window, .results-window td { font-size:8.5pt; }


#malt-bill td, 
#hop-schedule td,
#misc-ingredient-list td,
#mash-schedule td,
#yeast-selection td,
#recipe-info td,
.results-window
{
  padding:2px 5px 2px 10px;
}

#malt-bill td,
#hop-schedule td,
#mash-schedule td,
#misc-ingredient-list td
{ 
  text-align:center;
	font-size:9pt; 
}

#yeast-results-window,
#yeast-selection-window
{ 
  min-height:75px;
}


.beercalculus #malt-results-window
{ 
  width:17% !important;
}

.hopville-recipe #malt-results-window
{
	width:30% !important;
}

.results-window
{ 
  text-align:left;
  border-left:1px dotted #ccc; 
  line-height:1;
}

dl { margin-top:-10px; }
dt { margin-bottom:0; border-bottom:1px dotted #ccc; margin-top:12px; color:#777;}
dd { margin-top:0; margin-bottom:0; margin-left:10px; padding-top:5px; }

.tabular dl
{
	margin-top:0;
}

.tabular dt
{ 
  font-size:normal;
  font-weight:normal;
  border-bottom:none;
}


.subdued, 
.subdued a, 
td.subdued, 
td.subdued a, 
span.subdued a, 
.nothing, 
.date
{
  font-size: 8.5pt;
  font-weight:normal;
  color: #96967E;
}

.subdued a, td.subdued a
{ 
  text-decoration: none;
  color: #96967E;
  border-bottom: 1px dotted #96967E;
}          

.subdued a:hover
{ 
  color: #BDBDAE;
  border-bottom: 1px solid #BDBDAE;
  text-decoration: none;
}

.subdued-error {
  color:#f66;
}


tr.shaded {
	background-color:#f6f6f6;
}

tr.lined  { border-top:1px dotted #e6e6e6; border-bottom:1px dotted #e6e6e6; }

#malt-bill-heading-percentage { width:8%; }
#malt-bill-heading-pounds     { width:5%; }
#malt-bill-heading-ounces     { width:5%; }
#malt-bill-heading-name       { width:60%; }
#malt-bill-heading-ppg        { width:8%; color:#aaa; }
#malt-bill-heading-lovibond   { width:8%; color:#aaa; }
.malt-bill-malt-ppg { color:#aaa; }
.malt-bill-malt-lovibond { color:#aaa; }

.icon-cell { padding-left:0; width:20px; }

div.pagination-links { padding:20px; }
div.pagination-links a { text-decoration:none; color:#96967E; border-bottom:1px dotted #96967E; }
span.prev-link { margin-right:20px; }
span.pagination-stats { text-decoration:none; color:#96967E; padding-right:20px;}

#malt-bill-window th, 
#hop-schedule-window th, 
#misc-ingredient-window th,
#yeast-selection th,
.styles-table th { color:#777; font-size:8pt;}

#malt-bill td { text-align:center; }
#malt-bill td.malt-bill-malt-name { text-align:left; width:100%; }

.heavy { color:#444; font-weight:bold; }

td.recipe-table-header { padding:0 8px; }

#main-table { 
  width:100%; 
  border-collapse:collapse;
}

#yeast-selection div { padding-bottom:5px; }

#settings-window { border-top:1px dotted #ccc; padding:5px; }

td.total-cell { border-top:1px solid #ccc; font-weight:normal; color: #bbb; }

img.tranny { 
	filter:alpha(opacity=50);
  moz-opacity:.50;
  opacity:.50;
}

.ajax-search-page { padding:5px; border:1px dotted #ccc; }

#fermentation-stage-list td{ padding:5px 10px; }
#mash-info-table td { padding:10px; text-align:left; }
#mash-info-table tr td:first-child { text-align:right; color: #96967E; font-size:9pt; }

table.schedule td { padding:5px 10px; font-size:8.5pt; font-weight:bold; color:#333; text-align:left; }
table.schedule tr td:first-child { font-weight:normal; color:#96967e; text-align:center; }
/*
#mash-schedule td, #boil-schedule td { text-align:left; padding:5px 10px; }
#mash-schedule th { font-weight:bold; color:#aaa; padding:0 10px; }

#boil-schedule td { font-size:8.5pt; font-weight:bold; color:#333; }
#boil-schedule tr td:first-child { font-weight:normal; color: #96967E; }
*/
#main-table.brewing-process h2 { margin-bottom:5px; }

div.leftTab { 
	position:relative;
/*
	left:1px;
*/
	margin:0;
	width:15px;
	font-family:verdana,arial, sans-serif; 
	font-size:7pt;
	color: #aaa;
	padding:10px 5px 10px 5px; 
	background:url(/images/bg/left-tab-shadow.gif) top right repeat-y;
	margin-top:5px; 
	border:1px solid #ccc; 
	border-right:1px solid #eee; 
	line-height:1.1;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
}
div.leftTab:hover { color:#666; background-color:#ccc; cursor:pointer;}

div.leftTabOn, div.leftTabOn:hover {
	color:#999;
	background-image:none;
	background-color:#f9f9ff; 
	border-right:1px dotted #eee;
}

#left-tab-column { padding:30px 0 0 0; width:5px; }


div.bottomTab { 
/*
	left:1px;
*/
	padding:5px 10px;
	margin-top:0;
	font-family:verdana,arial; 
	font-size:7pt;
	color: #aaa;
	display:inline;
	background:url(/images/bg/bottom-tab-shadow.gif) top repeat-x;
	margin-top:5px; 
	border:1px solid #ccc; 
	border-top:1px dotted #eee;
	/* FIXME not sure why i need this repositioning */
	position:relative;
	top:2px; 
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
}
div.bottomTab:hover { color:#666; background-color:#ccc; cursor:pointer; }

div.bottomTabOn, div.bottomTabOn:hover {
	color:#999;
	background-image:none;
	background-color:#f9f9ff; 
	border-top:1px dotted #eee;
}


#bottom-tab-cell { padding:0;margin:0;}

div.inline-reminder {
	margin:auto;
	width:650px;
	font-size:8.5pt;
	background:#fff;
	margin-top:5px;
	padding:2px;
	text-align:center;
}

.inline-reminder a {
	color:#96967E;
	text-decoration:none;
}

.inline-reminder a:hover {
  border-bottom: 1px dotted #BDBDAE;
}

#left-tab-cell { 
	padding:30px 0 0 0;
	width:5px;
}

.action-icon {
	cursor: pointer;
}

.secondary-metric {
	font-size:smaller;
  font-weight:normal;
  color: #96967E;
}

span.amp { font-style: italic; }

td.meta span.ingredient-teaser {
  display:none;
}

td.meta:hover span.ingredient-teaser {
  display:inline;
}