body, html, body.window { margin:0; padding:0; }
body { color:#333; }

#wrapper, #main { margin-top:0; padding-top:0;}
body, body.window { 
	background-image:url('/images/beercalculus-background.gif'); 
	background-repeat:repeat-x;  
	background-color:#f3f3f3;
}

h1 { line-height:1.5pt; }
h2 { color:#DB4105; border-bottom:1px solid #fc9;}

#calculator-title, .home { font-family:"Futura", "Helvetica Neueu", "Helvetica", sans-serif; }

a, a:link, a:visited { color:#333; }

.title-alt { color:#ccc; padding:2px; display:inline; }

table.center { margin-left:auto; margin-right:auto; }

#title h1 { line-height:1pt; margin-bottom:0; padding-bottom:0; margin-left:30px; }
#title { height:30px; padding:10px 3px 10px 10px; }
#calculator-title { white-space:nowrap; float:left; }
#calculator-title, #home-title { color:white; height:50; }
#calculator-title h1, #home-title h1 { font-weight:normal; padding-top:10px;}
#calculator-title a, #home-title a { text-decoration:none; color:#fff; }

#logo { 
  background:#DB4105; 
  float:right; 
  margin:0; 
  padding:0; 
  width:30px; 
  height:30px; 
  margin-right:35px;
}


#action-box img { margin:0; padding:0; }

#out-wrapper { margin:0 auto; width:1020px;}

#right-column
{ 
  background:url('/images/flavor-gradient-bg.jpg');
  width:80px;
  background-color:#fff;
  padding:0;
 }

#right-column table { border-collapse:collapse; }

#action-box-window { background:url('/images/flavor-gradient-bg.jpg'); padding:0 0 0 40px; }

#action-box { background:#fff; margin-bottom:5px; padding-top:10px; }

#action-box table { border-collapse:collapse; }

#action-box td { width:25px; padding:0; }

tr, th, td { vertical-align:top;}

#balance { background-image:url('/images/top-red-grad.jpg'); background-repeat: repeat-x; }

div.gradient
{ 
  height:0.4%;
  width:40px;
  font-size:8pt;
  font-family:"Verdana", sans-serif;
}

h4
{ 
  width:100%;
  border-bottom:1px dotted #ccc;
  font-size:8pt;
  font-family:"Verdana", sans-serif;
  margin-bottom:3px;
}

#flavor-cell
{
  width:80px;
  padding:20px 0px 20px 0px;
  background:url('/images/flavor-gradient-bg.jpg');
  vertical-align:middle;
}

#flavor-table
{ 
  height:350px;
  padding:0;
  margin:0;
  border-collapse:collapse;
}

#flavor-table td { margin:0; padding:0; }

#carboy { width:45px; height:45px; }

#hop-correction { color:#BDBDAE; }

.wtf a { color:#BDBDAE; }

#malt-footer, #hop-footer
{ 
  width:90%;
  position:relative;
  bottom:0;
  font-size:9pt;
  padding:10px 0 5px 0px;
}

.print { display:none; }

.message { background:#fff; margin:10px; padding:10px; }


#header { width:100%; text-align:right; padding:5px 30px 5px 0; }

#clear-button
{ 
  margin-top:9px;
  width:80px;
  text-align:center;
  background-color:#DB4105;
  padding:5px;
  color:#fff;
  border:2px outset #DB4105;
}

#home { text-align:center; }

.credit, .credit a, .credit a:hover, .credit a:visited { font-size:8pt; }

#footer, #footer a, #footer a:visited, #footer a:hover { text-align:center; color:#333; }

dt.hideaway
{ 
  border-bottom:none;
  background-color:#eee;
  padding:2px;
  text-align:center;
  opacity:.75;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
}

dt.hideaway a { text-decoration:none; }

.divider { margin-right:10px; margin-left:10px; }

tr.edit-malt-row,
tr.edit-hop-row,
tr.edit-misc-row { background-color:#faebd7; }

tr.edit-malt-row td, 
tr.edit-hop-row td,
tr.edit-misc-row td,
tr.edit-malt-row td select, 
tr.edit-hop-row td select,
tr.edit-misc-row td select,
tr.edit-malt-row td input, 
tr.edit-hop-row td input,
tr.edit-misc-row td input { 
	font-size:8pt; 
}

tr.edit-misc-row td select { font-size:7pt; }


.action-icon { margin:2px; }

table.ajax-search-option-table {
  padding:0;
  margin:0;
  border-collapse:collapse;
}

div.ajax-ingredient-dropdown {
	background-color:#fff;
}

div.ajax-dropdown-results {
	background-color:#fff;
	position:absolute;
	z-index:10;
	text-align:left;
  padding:5px;
  border:1px solid #999;
  max-height:400px;
  overflow:auto;
}

.add-ingredient-teaser {
  background-color:#ddd;
  padding:5px;
  margin-top:20px;
}


div.inline-reminder {
	border:1px solid #faebd7;
	width:400px;
/*	background-color:#f3f3ff;
*/
	padding:5px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

div.inline-reminder, div.inline-reminder a {
  color:#999;
}

input, select {
/*
	background-color:#faebd7;
	color:#444;
*/
	background-color:#faebd7;
	color:#444;

	font-size:8pt;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:1px solid #ccc;
}

input[type="image"] {
	background:transparent;
	border:none;
	padding:2px;
}

input[type="text"] {
	text-align:right;
}

input:hover, input:focus,
select:hover, select:focus {
	background-color:#ffe4c4;
}

input.action {
	background:#faebd7;
	border:2px solid #db4105;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
  cursor:pointer;
}

.delete-malt-addition,
.delete-hop-addition,
.delete-yeast-addition,
.delete-misc-addition,
.delete-mash_rest-addition,
.delete-ferm-addition,
.edit-malt-addition,
.edit-hop-addition,
.edit-yeast-addition,
.edit-misc-addition,
.edit-mash_rest-addition,
#edit-yeast-link {
	opacity:.55;
}


ul.top-menu > li:hover {
  background:#ffac80;  
}

ul.top-menu ul {
  background-color:#ffe4c4;
}

.defaulted {
  color:#999;
  text-align:left;
}

.search-add-image {
  margin-top:-2px;
}