/* ************************
 * DEFINE BODY TEXT STYLES.
*/

/* Standard font face and color. */
body
{
	font-family: arial;
	color: navy;
}

/* Page titles. */
h1
{
	font-size: 24px;
	font-weight: normal;
}

/* Section titles. */
h2
{
	font-size: 18px;
	font-weight: normal;
}

/* Large normal text. */
h3
{
	font-size: 16px;
	font-weight: normal;
}

/* Standard normal text. */
h4
{
	font-size: 14px;
	font-weight: normal;
}

/* Small/details text. */
h5
{
	font-size: 13px;
	font-weight: normal;
}

/* Font for the menu subtitle. */
span.menu_subtitle
{
	font-size: 14px;
	font-style: italic;
	color: Gray;
}

/* Style for calculator header information. */
h5.calculator_header
{
	margin-bottom: 0;
	text-align: right;
}

/* *************************
 * DEFINE HYPER-LINK STYLES.
*/

a:link
{
	color: blue;
}

a:visited
{
	color: purple;
}

a:hover
{
	color: red;
}

/* Define a special class of hyperlinks that appear "grayed-out" because they 
   are old or no longer applicable.  These hyperlinks still work though. */

a:link.old_link
{
	color: black;
}

a:visited.old_link
{
	color: purple;
}

a:hover.old_link
{
	color: red;
}

/* **************************
 * DEFINE INPUT FIELD STYLES.
*/

/* Style for all inputs (text-boxes and buttons). */
input
{
	width: 100px;
}

/* Style for all drop-down lists. */
select
{
	width: 200px;
}

/* Style manually applied to all checkboxes. */
input.checkbox
{
	width: 1em;
}

/* Style for this drop-down list. */
select.length_selector
{
	width: 100px;
}

/* Style for this drop-down list. */
select.volume_selector
{
	width: 145px;
}

/* Style for this drop-down list. */
select.alkalinity_selector
{
	width: 190px;
}

/* Style for this drop-down list. */
select.temperature_selector
{
	width: 150px;
}

/* Style for this drop-down list. */
select.material_selector
{
	width: 100px;
}

/* Style for this drop-down list. */
select.weight_selector
{
	width: 150px;
}

/* Style for this drop-down list. */
select.salinity_selector
{
	width: 200px;
}

/* Style for this drop-down list. */
select.barometric_pressure_selector
{
	width: 200px;
}

/* Style for this drop-down list. */
select.concentration_selector
{
	width: 100px;
}

/* Style for this drop-down list. */
select.volpertime_selector
{
	width: 145px;
}

/* Style for this drop-down list. */
select.time_selector
{
	width: 135px;
}

/* Style for this drop-down list. */
select.substrate_selector
{
	width: 300px;
}

/* Style for this drop-down list. */
select.density_selector
{
	width: 135px;
}

/* Style for this drop-down list. */
select.water_content_selector
{
	width: 190px;
}

/* Style for this drop-down list. */
select.change_type_selector
{
	width: 225px;
}

/* Style for this drop-down list. */
select.cover_type_selector
{
	width: 150px;
}

/* Style for this drop-down list. */
select.tank_shape_selector
{
	width: 150px;
}

/* Style for this drop-down list. */
select.speed_selector
{
	width: 100px;
}

/* *******************
 * IMAGE TABLE STYLES.
*/

/* Since HTML images have no built-in CAPTION tags, we use a table-trick to simulate them.
   The table contains a single cell (the image) and we use the cell-caption to simulate an image-caption.
   Below we define the styling of these image captions. */
table.image_table caption
{
	font-size: smaller;
	font-weight: normal;
	font-style: italic;
	text-align: right;
}

/* ***********************************
 * EXPANDABLE/COLLAPSABLE TEXT STYLES.
*/

div.controlling_div
{
	cursor: pointer;
}

div.controlled_div
{
	display: none;
}

/* ******************
 * CALCULATOR STYLES.
*/

td.calculator_left_column
{
	padding-right: 40px;
}

div.inline_calculator_comment
{
	font-size: 13px;
	font-weight: normal;
	
	/* Try to set a maximum width for these comments.
	   Note that this doesn't work for IE because the DOCTYPE is not strict.
	*/
	max-width: 400px;
}	

/* ****
 * END.
*/