body 
{
	background-color:#FFFFFF;
	margin-left:2;
	margin-right:2;
	margin-top:2;
	margin-bottom:2;
	color: #000000;
	font-family: Verdana, Arial, Helvetica;
}

table.gbox
{
    border-right: #A8DDA0 1px solid;
    border-top: #A8DDA0 1px solid;
    border-left: #A8DDA0 1px solid;
    border-bottom: #A8DDA0 1px solid;
    background-color: #EBFFED;
}

td.elm
{
    border-right: #0f5782 1px solid;
    border-top: #0f5782 1px solid;
    border-left: #0f5782 1px solid;
    border-bottom: #0f5782 1px solid;
    background-color: #FF9966;
}

td.ometals

{
    border-right: #0f5782 1px solid;
    border-top: #0f5782 1px solid;
    border-left: #0f5782 1px solid;
    border-bottom: #0f5782 1px solid;
    background-color: #CCCCCC;
}

td.ngases

{
    border-right: #0f5782 1px solid;
    border-top: #0f5782 1px solid;
    border-left: #0f5782 1px solid;
    border-bottom: #0f5782 1px solid;
    background-color: #FFFF00;
}

td.halogens

{
    border-right: #0f5782 1px solid;
    border-top: #0f5782 1px solid;
    border-left: #0f5782 1px solid;
    border-bottom: #0f5782 1px solid;
    background-color: #FA7A25;
}

td.tmetals
{
    border-right: #0f5782 1px solid;
    border-top: #0f5782 1px solid;
    border-left: #0f5782 1px solid;
    border-bottom: #0f5782 1px solid;
    background-color: #8F8AFF;
}

td.alkali
{
    border-right: #0f5782 1px solid;
    border-top: #0f5782 1px solid;
    border-left: #0f5782 1px solid;
    border-bottom: #0f5782 1px solid;
    background-color: #00FFFF;
}

td.alkalie

{
    border-right: #0f5782 1px solid;
    border-top: #0f5782 1px solid;
    border-left: #0f5782 1px solid;
    border-bottom: #0f5782 1px solid;
    background-color: #90c7ff;
}

td.hydrogen
{
    border-right: #0f5782 1px solid;
    border-top: #0f5782 1px solid;
    border-left: #0f5782 1px solid;
    border-bottom: #0f5782 1px solid;
    background-color: #FF0000;
}

td.elmlast
{
    border-right: #0f5782 1px solid;
    border-top: #0f5782 1px solid;
    border-left: #0f5782 1px solid;
    border-bottom: #0f5782 1px solid;
    background-color: #FF9966
}

td.protable
{
cursor:pointer;
cursor:hand;
}

.over {background-color: #CCFFCC;}

/* Form elements */

input,textarea, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color : #000000;
}



/* Form elements */

input,textarea, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color : #000000;
}



/* The text input fields background colour */

input.post, textarea.post, select {
	background-color : #FFFFFF;
}


input { text-indent : 2px; }


/* The buttons used for bbCode styling in message post */

input.button {
	background-color : #EFEFEF;
	color : #000000;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}


input, textarea, select {
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px;  
}

input { text-indent : 2px; }


input.button {
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px;  
}

.postbody { line-height: 18px}

h1 {font: bold 12pt Arial; COLOR: #000000}
h3 {font: bold 12pt Arial; COLOR: #000000}

.belem {font: bold 12pt Arial; COLOR: #000000}

hr	{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

.maint {FONT: 8pt verdana; COLOR: #000000; TEXT-DECORATION: none}
.mainlink {FONT: 8pt verdana;}
.linkad {FONT: 8pt verdana; COLOR: #000000; TEXT-DECORATION: none}
.linkad a {FONT: 8pt verdana; COLOR: #000000; TEXT-DECORATION: underline;}

.number {font:7pt Arial; Color:#000000}


.elemgl {FONT: bold 10pt verdana; COLOR:#5C639B}

.heading {COLOR:#9B4138}



.vs {FONT: 10pt; COLOR:#019935}

.footer{FONT: 8pt verdana; COLOR:#A0A0A0; TEXT-DECORATION: none}

.footerb{FONT: 8pt verdana; COLOR:#7594B5; TEXT-DECORATION: none}

.dlink {FONT: 10pt verdana;}

.menu2 {FONT: 10pt verdana; COLOR:#019935; TEXT-DECORATION: underline}

.menu2:visited {FONT: 10pt verdana; COLOR:#019935; TEXT-DECORATION: underline}

.menu2:hover {FONT: 10pt verdana; TEXT-DECORATION: none}



.menu {FONT: bold 9pt verdana; COLOR: #006699; TEXT-DECORATION: underline}

.menu:visited {FONT: bold 9pt verdana; COLOR: #006699; TEXT-DECORATION: underline}

.menu:active {FONT: bold 9pt verdana;}

.menu:hover {FONT: bold 9pt verdana; TEXT-DECORATION: underline; COLOR: #DD6900}



.solids {FONT: bold 10pt verdana; COLOR: #000000; TEXT-DECORATION: none}

.solids:visited {FONT: bold 10pt verdana; COLOR: #000000; TEXT-DECORATION: none}

.solids:active {FONT: bold 10pt verdana;}

.solids:hover {FONT: bold 10pt verdana; TEXT-DECORATION: underline}



.gases {FONT: bold 10pt verdana; COLOR: #8E449B; TEXT-DECORATION: none}

.gases:visited {FONT: bold 10pt verdana; COLOR: #8E449B; TEXT-DECORATION: none}

.gases:active {FONT: bold 10pt verdana;}

.gases:hover {FONT: bold 10pt verdana; TEXT-DECORATION: underline}



.syn {FONT: bold 10pt verdana; COLOR: #FFFFFF; TEXT-DECORATION: none}

.syn:visited {FONT: bold 10pt verdana; COLOR: #FFFFFF; TEXT-DECORATION: none}

.syn:active {FONT: bold 10pt verdana;}

.syn:hover {FONT: bold 10pt verdana; TEXT-DECORATION: underline}



.liq {FONT: bold 10pt verdana; COLOR: #0000FF; TEXT-DECORATION: none}

.liq:visited {FONT: bold 10pt verdana; COLOR: #0000FF; TEXT-DECORATION: none}

.liq:active {FONT: bold 10pt verdana;}

.liq:hover {FONT: bold 10pt verdana; TEXT-DECORATION: underline}
