body {
	margin: 0px;
}
tr {
	text-align: center;
}
a {
	text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


td.t { border: 1px solid gray; }
td.el { 
	border: 1px solid gray; 
	cursor: pointer;
}
td.elpt { 
	border: 1px solid gray; 
}

input.conv {
	border: 1px solid gray;
	text-align:center;
}

a.menu {
	color: white;
	font-family: 'Arial';
	text-decoration: none;
	margin-left:2px;
	font-weight: bold;
}

td.menu {
    vertical-align: middle;
    text-align: left;
    padding: 3px;
    box-shadow: 2px 2px 2px 1px #B0B0FF;
    -moz-box-shadow: 2px 2px 2px 1px #B0B0FF;
    -webkit-box-shadow: 2px 2px 2px 1px #B0B0FF;
}

td.menu:hover {
   cursor: pointer;
}

td.frontpage {
    vertical-align: middle;
    text-align: center;
}

img.frontpage:hover {
   cursor: pointer;
}

a.frontpage {
    text-decoration: none;
    color: red;
    font-weight: bold;
    font-size: large;
}

.menusection {
    font-size: large;
    font-weight: bold;
}

a.tottttttt {
    font-weight: bold;
    font-size: large;
}


a.pmenu {
	color: red;
	font-family: 'Arial';
	text-decoration: none;
}
a.links {
	color: #0000AA;
	text-decoration: underline;
}
.lan {
	color: darkblue;
	text-decoration: none;
}
.act {
	color: #A52A2A;
	text-decoration: none;
}
.tra {
	color: #EE8800;
	text-decoration: none;
}
.alk {
	color: #007000;
	text-decoration: none;
}
.bw {
	color: #000000;
	text-decoration: none;
}
.alke {
	color: #707000;
	text-decoration: none;
}
.nob {
	color: #606060;
	text-decoration: none;
}
.met {
	color: purple;
	text-decoration: none;
}
.nonmet {
	color: red;
	text-decoration: none;
}
.semimet {
	color: #007070;
	text-decoration: none;
}

.e {color: green;}
.ne {color: blue;}

h1.compact {
    margin: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
    text-align: center;
}
h1 {
  margin: 0px;
}

/* css for autosuggest */
.jqac-menu{
  color: black;
  background-color: white;
  border: 1px solid #aaa;
}
.jqac-menu ul{
  list-style: none;
  margin: 1px;
  padding: 1px;
  overflow: hidden;
}
.jqac-menu .jqac-link {
  cursor: hand;
  cursor: pointer;
  display: block;
}
.jqac-menu .jqac-highlight {
  background-color: #ddf;
}
.jqac-menu .jqac-warning {
  font-style: italic;
}
.jqac-menu em {
}
.jqac-menu .jqs-info {
    text-align: right;
    font-style: italic;
    font-size: .75em;
    color: #666;
}



/* units */
table.ucForm {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid black;
  border-collapse: collapse;
}
a.inCaption {
    color: black;
    text-decoration: none;
}
td.items_table {
    text-align: center;
}
td.ucInFormLabel {
    width: 50%;
    text-align: right;
}
td.ucInFormField {
    text-align: left;
}
a.items_table {
    text-decoration: none;
    font-weight: bold;
    font-size: large;
}
a.items_table:hover {
    text-decoration: underline;
}

/* laws */
.lookup_subject {
    float: left;
    position: relative;
    cursor: pointer;
}

.with_input {
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.value_for {
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.default_value {
    display: none;
}

div.list_sub_items {
    background: #FFFFFF;
    position: absolute;
    top: 22px;
    left: 0px;
    display: none;
    padding: 3px;
    margin: 0px;
    border: solid 1px #000000;
}

div.sub_item {
    width: 100%;
    padding: 0px;
}

div.sub_item:HOVER {
    background: #000000;
    color: #FFFFFF;
}

#output_div {
    border: 1px solid black;
    padding: 5px;
    text-align: left;
    display: none;
}

#output_unit_name {
    text-align: right;
}

#result_div {
    padding: 0px;
    margin: 0px;
}

#result_div:FIRST-LETTER {
    margin-left: 25px;
}

#result_div:FIRST-LINE {
    font-weight: bold;
}

#solution_div {
    padding: 0px;
    margin: 0px;
}

#solution_div:FIRST-LETTER {
    margin-left: 25px;
}

#solution_div:FIRST-LINE {
    font-weight: bold;
}

a.in_title {
    color: black;
    text-decoration: none;
}

td.items_table {
    text-align: center;
}

td.td_form_label {
    text-align: right;
}

.title_div {
    padding: 5px;
    font-weight: bold;
}

#description_div {
    border: 1px solid black;
    padding: 5px;
    text-align: justify;
}

#description_div:FIRST-LETTER {
    margin-left: 25px;
}

#equations_div {
    border: 1px solid black;
    padding: 5px;
}

#input_div {
    border: 1px solid black;
    padding: 5px;
    display: none;
}

#constants tr td {
  text-align: left;
}

/* classes for individual css properties */
.left {
  text-align: left;
}
.center {
  text-align: center;
}
table.center {
  margin: 0 auto;
}
.right {
  text-align: right;
}
.top {
  vertical-align: top;
}
.bottom {
  vertical-align: bottom;
}
.justify {
  text-align: justify;
}
.wide {
  width: 100%;
}
.right {
  float: right;
}
table.cellpadding1 td {
  padding: 1px;
}
table.cellpadding2 td {
  padding: 2px;
}
table.cellpadding3 td {
  padding: 3px;
}
table.cellpadding10 td {
  padding: 10px;
}
.gray {
  color: gray;
}
table.zero {
  border: 0;
  border-spacing:0;
  border-collapse:collapse;
}
img { border: 0; } 

table.border, table.border td {
  border: 1px solid black;
  border-collapse:collapse;
}



.gte {
  color: green;
  font-size: large;
}

.white {
  color: white;
}

.orange {
  color: orange;
}

.green {
  color: green;
}

.red {
  color: red;
}

.blue {
  color: blue;
}

/* did you mean */
.dym {
  color: brown;
}

.updateable {
  border: 1px solid blue;
}

/* stochiometry and limiting reagent calculator */
.bg-light {
  background-color: #DDDDDD;
}
.bg-dark {
  background-color: gray;
}
.border-left {
  border-left: 1px solid black;
}
.border-right {
  border-right: 1px solid black;
}
.border-top {
  border-top: 1px solid black;
}
.border-bottom {
  border-bottom: 1px solid black;
}
.hover {
  cursor: pointer;
}
.bold {
  font-weight: bold;
}

/* Prevent arrows from showing up on a number type input field. */
input[type='number'] {
  -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.presults {
	border-collapse:collapse;
	margin: 10px auto;
}

table.presults td {
 padding: 10px;
 border: 1px solid gray;
 text-align: right;
}

table.presults th {
 padding: 10px;
 border: 1px solid gray;
 text-align: center;
}

.disp {
	font-size: x-large;
}