/* general formatting --------------------------------------------------*/

*
{
	margin: 0;
	padding: 0;
}

body
{
	color: black;
	font-size: 15px;
	line-height: 1.3em;
	font-family: Georgia, Times, "Times New Roman", serif;
}

div#box
{
	position: absolute;
	padding: 10px;
	width: 650px;
}

div#innerBox
{
	padding: 0 0 20px 0;
	margin-bottom: 5px;
	border-width: 1px;
	border-color: #369;
	border-style: none none solid none;
}

div#box div#top
{
	display: block;
}

div#box img
{
	margin-bottom: 20px;
}

div#box div#heading
{
	margin: 0 auto;
	padding-left: 20px;
	width: 350px;
}

div#box div#headButton
{
	margin-top: 5px;
}

div#box div#headButton span
{
	text-align: right;
	color: #BCD;
	font-family: arial, helvetica, san-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	cursor: pointer;
}

div#box div#headButton span#showHead
{
	display: none;
}

div#box div#headButton span#showHead:hover
{
	color: #369;
}

div#box div#headButton span#hideHead
{
	display: none;
}

div#box div#headButton span#hideHead:hover
{
	color: #369;
}

div#box div#heading p
{
	line-height: 1.5em;
}

div#box div#units,
div#box div#nitrite,
div#box div#brine,
div#box div#nutrients,
div#box div#brix,
div#box div#heat
{
	display: none;
	margin: 0 0 5px 0;
	padding-top: 20px;
	border-width: 1px;
	border-color: #369;
	border-style: solid none none none;
}

span
{
	font-weight: bold;
	text-align: left;
}

div#home
{
	margin-top: 20px;
	padding-top: 20px;
	text-align: center;
	border-width: 1px;
	border-color: #369;
	border-style: solid none none none;
}

div#home input
{
	padding: 3px;
}

div#copy
{
	text-align: center;
	color: #999;
	font-size: 0.8em;
}

/* unit conversions --------------------------------------------------*/

div#box div#units .center
{
	text-align: center;
}

div#box div#units ul
{
	margin: 5px auto;
	width: 260px;
}

div#box div#units ul li
{
	list-style-type: none;
	width: 260px;
}

div#box div#units table#calc
{
	margin: 0 auto;
	padding: 10px 0 20px 0;
}

div#box div#units table#calc td
{
	padding: 0 10px 5px;
}

div#box div#units table#calc td p
{
	text-align: left;
}

/* brine calculations --------------------------------------------------*/

div#box div#brine .center
{
	text-align: center;
}

div#box div#brine ul
{
	margin: 20px auto;
	width: 350px;
}

div#box div#brine ul li
{
	list-style-type: none;
	width: 350px;
	margin: 5px 0;
}

div#box div#brine table#quan
{
	margin: 0 auto;
}

div#box div#brine table#quan td p
{
	margin: 5px 0;
}

/* nitrite calculations --------------------------------------------------*/

div#box div#nitrite .center
{
	text-align: center;
}

div#box div#nitrite ul
{
	margin: 20px auto;
	width: 350px;
}

div#box div#nitrite ul li
{
	list-style-type: none;
	width: 350px;
	margin: 5px 0;
}

div#box div#nitrite table
{
	margin: 0 auto;
}

div#box div#nitrite table td p
{
	margin: 5px 0;
}

/* nutrient calculations --------------------------------------------------*/

div#box div#nutrients
{
	display: none;
}

div#box div#nutrients div#nutrients_first
{
	text-align: center;
	display: block;
}

div#box div#nutrients div#nutrients_first p
{
	margin-bottom: 10px;
}

div#box div#nutrients div#nutrients_first div#noResult
{
	display: none;
}

div#box div#nutrients div#nutrients_first div#result
{
	display: none;
	margin: 10px auto;
	width: 500px;
	height: 300px;
	text-align: left;
	overflow: auto;
	border: 1px #666 solid;
}

div#box div#nutrients div#nutrients_first div#result p
{
	line-height: 20px;
	padding: 3px;
	white-space: nowrap;
	cursor: pointer;
}

div#box div#nutrients div#nutrients_first div#result p.white
{
	background-color: #FFF;
}

div#box div#nutrients div#nutrients_first div#result p.gray
{
	background-color: #EEE;
}

div#box div#nutrients div#nutrients_first div#result p.white:hover,
div#box div#nutrients div#nutrients_first div#result p.gray:hover
{
	background-color: #333;
	color: #FFF;
}

div#box div#nutrients div#nutrients_first fieldset
{
	border: none;
}

div#box div#nutrients div#nutrients_second,
div#box div#nutrients div#nutrients_third,
div#box div#nutrients div#nutrients_custom
{
	display: none;
	margin: 10px auto;
	width: 500px;
}

div#box div#nutrients div#nutrients_second p,
div#box div#nutrients div#nutrients_third p,
div#box div#nutrients div#nutrients_custom p
{
	margin: 10px 0;
	width: 500px;
	text-align: center;
}

div#box div#nutrients div#nutrients_second div#nutrients_second_inner,
div#box div#nutrients div#nutrients_third div#nutrients_third_inner,
div#box div#nutrients div#nutrients_custom div#nutrients_custom_inner
{
	width: 500px;
	text-align: left;
	border: 1px #666 solid;
}

div#box div#nutrients div#nutrients_third div#nutrients_third_inner div#title
{
	display: none;
	text-align: center;
}

div#box div#nutrients div#nutrients_third div#nutrients_third_inner div#title div#titleText
{
	width: 318px;
	margin: 0 auto;
	margin-top: 5px;
}

div#box div#nutrients div#nutrients_third div#nutrients_third_inner div#title div#titleText p
{
	text-align: left;
	line-height: 120%;
}

div#box div#nutrients div#nutrients_second div#nutrients_second_inner div#longDesc,
div#box div#nutrients div#nutrients_third div#nutrients_third_inner div#ingredients
{
	width: 490px;
	color: #FFF;
	padding: 6px 5px;
	background-image: url( '../images/nutrient_arrow_light_plain.png' );
	background-repeat: no-repeat;
	background-position: left bottom;
}

div#box div#nutrients div#nutrients_second div#nutrients_second_inner div#longDescMore,
div#box div#nutrients div#nutrients_third div#nutrients_third_inner div#ingredientsMore
{
	display: none;
	width: 500px;
	background-color: #EEE;
	border-bottom: 1px solid #CCC;
}

div#box div#nutrients div#nutrients_second div#nutrients_second_inner div#longDescMore p
{
	margin: 1px 5px;
	text-align: left;
}

div#box div#nutrients div#nutrients_third div#nutrients_third_inner div#ingredientsMore p
{
	width: 470px;
	margin: 1px 5px 1px 25px;
	text-align: left;
	text-indent: -20px;
}

div#box div#nutrients div#nutrients_second div#nutrients_second_inner div#controls,
div#box div#nutrients div#nutrients_third div#nutrients_third_inner div#servings
{
	width: 490px;
	padding: 6px 5px;
	text-align: center;
	white-space: nowrap;
}

div#box div#nutrients div#nutrients_custom div#nutrients_custom_inner div.details
{
	padding-top: 5px;
	border-top: 1px solid #CCC;
	display: none;
}

div#box div#nutrients div#nutrients_custom div#nutrients_custom_inner div#detailsSelection p span
{
	font-weight: normal;
}

div#box div#nutrients div#nutrients_custom div#nutrients_custom_inner div#customNutList
{
	display: none;
}

div#box div#nutrients div#nutrients_second div#nutrients_second_inner div#nutList div.nutrient,
div#box div#nutrients div#nutrients_third div#nutrients_third_inner div#totalNutList div.nutrient,
div#box div#nutrients div#nutrients_custom div#nutrients_custom_inner div#customNutList div.nutrient
{
	width: 400px;
	padding: 6px 50px;
	text-align: left;
	border-top: 1px solid #CCC;
	background-image: url( '../images/nutrient_arrow_dark_plain.png' );
	background-repeat: no-repeat;
	background-position: left bottom;
}

div#box div#nutrients div#nutrients_second div#nutrients_second_inner div#nutList div.nutrientMore
{
	display: none;
	width: 450px;
	padding: 6px 25px;
	text-align: left;
	background-color: #EEE;
}

div#box div#nutrients div#nutrients_second div#nutrients_second_inner div#nutList div.nutrient div.nutUnits,
div#box div#nutrients div#nutrients_third div#nutrients_third_inner div#totalNutList div.nutrient div.nutUnits,
div#box div#nutrients div#nutrients_custom div#nutrients_custom_inner div#customNutList div.nutrient div.nutUnits
{
	width: 175px;
	float: right;
	text-align: right;
	white-space: nowrap;
}

div#box div#nutrients div#nutrients_custom div#nutrients_custom_inner div#customNutList div.nutrient div.nutUnits input.nutCustom
{
	text-align: right;
}

div#box div#nutrients div#wait
{
	text-align: center;
	font-size: 150%;
}

div.popInfo
{
	padding: 30px 25px 25px 25px;
	top: 0;
	left: -5000px;
	position: absolute;
	display: none;
	width: 650px;
	z-index: 150;
	background-color: #FFF;
	background-image: url( '../images/closeButton.gif' );
	background-repeat: no-repeat;
	background-position: right top;
	cursor: pointer;
	border-width: 1px 2px 2px 1px;
	border-color: #000;
	border-style: solid;
}

div.popInfo p
{
	text-indent: 2em;
}

div.popInfo p.first
{
	text-indent: 0;
}

/* brix calculations --------------------------------------------------*/

div#box div#brix .center
{
	text-align: center;
}

div#box div#brix ul
{
	margin: 20px auto;
	width: 330px;
}

div#box div#brix ul li
{
	list-style-type: none;
	width: 330px;
	margin: 5px 0;
	white-space: nowrap;
}

div#box div#brix ul#brixSelectorList
{
	margin: 0 auto;
	width: 140px;
}

div#box div#brix ul#brixSelectorList li
{
	list-style-type: none;
	width: 140px;
	margin: 5px 0;
}

div#box div#brix form#concentration
{
	display: none;
}

div#box div#brix table
{
	margin: 0 auto;
}

div#box div#brix table td p
{
	margin: 5px 0;
}

/* heat calculations --------------------------------------------------*/

div#box div#heat .center
{
	text-align: center;
}

div#box div#heat ul
{
	margin: 20px auto;
	width: 530px;
}

div#box div#heat ul li
{
	list-style-type: none;
	width: 530px;
	margin: 5px 0;
	white-space: nowrap;
}

div#box div#heat ul li span.tempUnits
{
	font-weight: normal;
}

div#box div#heat table
{
	margin: 0 auto;
}

div#box div#heat table td p
{
	margin: 5px 0;
}