HTML, BODY
{
	margin: 0;
	padding: 0em 2em 0.5em 2em;
	color: Black;
	background-color: White;
	font-family: sans-serif;
	height: 100%;
}

H1
{
	font-size: 170%;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

H2
{
	color: Orange;
	font-size: 120%;
	margin-bottom: 0.4em;
	margin-top: 0.8em;
}

H3
{
	font-size: 100%;
	margin-bottom: 0.3em;
	margin-top: 0.6em;
}

H4
{
	font-size: 100%;
	color: Red;
	font-weight: normal;
	margin-bottom: 0.2em;
	margin-top: 0.4em;
}

H1, H2, H3
{
	font-family: sans-serif;
}

A, A.fixed:visited, A.minus:visited, A.plus:visited
{
	color: #0060FF;
}

A:active
{
	color: Red;
}

A:hover
{
	text-decoration: none;
}

A:visited
{
	color: #835EFF;
}

H3 A:visited
{
	color: #0060FF;
}

UL LI 
{
	margin-bottom: 0.5em;
}

HR
{
	border: 0px;
	height: 1px;
	background-color: #D3D3D3;
	color: #D3D3D3;
	margin: 1em -1em 1em -1em;
	clear: both;
}

INPUT[type='text'], TEXTAREA
{
	border: 1px solid Black;
	padding-left: 0.2em;
	padding-right: 0.2em;
	font-size: 100%;
}

TABLE.prices
{
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 60%;
}

TABLE.prices TD
{
	border: 1px solid #FFD589;
	padding: 0.2em;
}

TABLE.prices CAPTION
{
	text-align: center;
	width: 100%;
	font-size: 120%;
	margin-bottom: 0.4em;
	margin-top: 0.8em;
	font-weight: bold;
}

TABLE.prices TR.free
{
	/*background-color: #B0FFA8;*/
}

INPUT.count 
{
	text-align: right;
	font-size: 110%;
	padding-left: 0.2em;
	padding-right: 0.2em;
	width: 2em;
	margin-left: 3px;
	margin-right: 3px;
}

A.plus, A.minus 
{
	font-size: 150%;
	text-decoration: none;
}

TABLE.order 
{
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
}

TABLE.order TD 
{
	padding: 3px;
}

#order 
{
	font-size: 100%;
}

#price 
{
	color: Red;
	font-size: 120%;
}

#logo
{
	margin: 1em -1em 1em -1em;
	padding-left: 1em;
	padding-bottom: 0.5em;
	background-color: #FFD589;
	background-image: url('/img/head_bg.jpg');
	background-position: left top;
	background-repeat: repeat-y;
}

#logo STRONG
{
	font-size: 70%;
	font-weight: bold;
}

#logo H1
{
	font-family: Arial;
	font-size: 300%;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: -0.1em;
}

#logo A {
	display: block;
	width: 12.2em;
	height: 5.7em;
	position: absolute;
	top: 1em;
	left: 3em;
	background: url("/img/spacer.gif") repeat;
}

#menu
{
	float: right;
	font-size: 110%;
	margin-top: -2.5em;
}

#menu A
{
	color: #0060FF;
}

#menu A.current
{
	color: #FF6A00;
}

#menu UL
{
	margin: 0;
	padding: 0;
}

#menu UL LI
{
	display: inline;
	margin-left: 1em;
}

#navigation
{
	font-size: 80%;
	margin-bottom: 1em;
}

#navigation A
{
	color: Gray;
}

#main
{
	margin-right: 40%;
	padding-right: 2em;
}

#right
{
	float: right;
	width: 40%;
	clear: both;
}

#copyright
{
	font-size: 70%;
}

.required 
{
	color: Red
}

.center
{
	text-align: center;
}

A.download
{
	padding-top: 0.1em;
	padding-bottom: 0.2em;
	font-size: 80%;
	font-weight: bold;
	color: White;
	display: block;
	width: 100px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #00A30E;
	background: transparent url( '../img/download_bg.gif' ) repeat-x scroll 50%;
	background-repeat: repeat-x;
}

A.download:hover
{
	border: 1px solid #32C832;
}

P.error 
{
	color: Red;
}

TABLE.support 
{
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
}

TABLE.support TD 
{
	padding: 3px;
}

A.small {
	font-size: 0.6em;
}

/**** Online Plots begin ****/

#onlineplotsDesc {
	margin-left: 640px;
	padding-left: 2em;
	padding-top: 1em;
}

#onlineplotsControlHost {
	height: 100%;
}

/**** Online Plots end   ****/

#shareit {
	width: 60%;
	margin: 1em auto 0em auto;
}