html, body { height: 100%; }

BODY { 
    margin:0;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
}

TABLE { border:0; border-spacing:0; margin:0; }
th { vertical-align: top; text-align: left; }

img { border: 0; }
address { font-style: normal;}
p { margin: 0.5em 0 1em; }
ins { color: red; font-weight: bold; text-decoration: none; }
dt { font-weight: bold; }

blockquote {
	font-style: italic;
}

table.data {
	border-collapse: collapse;
	border: 1px solid #366;
}

table.data th {
	background: #cce1e1;
	color: black;
}

table.data thead th {
	background: #366;
	color: white;
}

table.data td, 
table.data th {
	padding: 0 0.3em;
}

table.container { 
    width: 100%;
    height: 100%; 
} 
table.container td { vertical-align: middle; text-align: center; }

div.content {
	border:solid 1px black;
	background-color:white;

    text-align: left;

    margin-left: auto; 
    margin-right: auto; 
    padding: 10px;
    padding-bottom: 7em;

    position: relative;
	width: 712px;
	min-height: 480px;
}

div.content td {
    text-align: left;
    vertical-align: top;
}

h1 {
    background: white;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
}

h1 img { 
    margin-left: -17px;
    vertical-align: bottom; 
}

.topnav { 
	color:#336666;
    font-size: 130%;
	font-weight: bold;

	border-top:solid 1px #336666;
	border-bottom:solid 1px #336666;

	margin: 0;
    padding: 3px 0;
}

.topnav img {
    vertical-align: middle;
}

.topnav img.box {
    border: 1px solid #366;

    margin: 0 0.2em;

    width: 0.8em;
    height: 0.8em;
}

div.footer {
    text-align: center;

    position: absolute; 
    left: 5px; right: 5px;
    bottom: 5px; 
    width: 100%; /* stupid IE6 */
}

div.footer p { font-size: 90%; margin: 0; }

DIV.links { 
    font-weight:normal; 
    margin: 0.3em 0;
}

:link, :visited { color:#336666; }

:link:hover, :visited:hover, :link:active, :visited:active { 
    color: #D89953; 
    text-decoration: underline; 
}

DIV.main IMG { float:right; margin: 10px 10px; }

div.main dl img { float: none; margin: 0; vertical-align: middle;}

td.links { width: 14em; font-weight: normal; vertical-align: top; }
td.links ul { margin: 0; padding: 0; }
td.links ul img { vertical-align: middle; float: left; margin-right: 4px; }
td.links ul li { margin: 0; padding: 0; display: block; list-style: none; clear: left; }
td.links ul a { white-space: nowrap; }

td.links li { font-weight: bold; margin: 0.5em 0; }
td.links li li { font-weight: normal; margin: 0 0 0 1em; }

table.linestudylist { margin: 1em 0; }
table.linestudylist td { vertical-align: top; } 
table.linestudylist h3 { margin: 0; margin-top: 0.3em; }
table.linestudylist p { margin: 0; }

strong.companyname {
    color: #366;
}

/*
 * Styles for use on pages that have the green background (like the default
 * page)
 */
body.greenback .topnav {
    border-color: white;
    color: white;
}
body.greenback .topnav img.box {
    border: 1px solid white;
}

body.greenback :link, body.greenback :visited { 
    color: #CCE1E1; 
}

body.greenback DIV.content {
	background-color:#3C7A81; 
	background-image:url('images/background.gif'); 
    background-repeat: no-repeat;
    color: white;
}

body.greenback DIV.main { color: white; } 
body.greenback DIV.main TD { color: white; }


/* 
 * Styles for use on the orderform.
 */

span.required {
	color: red;
}

body.orderform h2, 
body.orderform h3,
body.orderform h4 {
    color: #366;
    border-bottom: 1px solid #366;

    margin: 1em 0 0 0;
}

body.orderform form table { width: 98%; background: #C1E1E1; padding: 0.5em; margin: 1em; }
body.orderform table th { width: 30%; }
body.orderform table td { width: 70%; }
body.orderform table input.widefield,
body.orderform table textarea { width: 98%; }
body.orderform table input.button { width: auto; }
body.orderform table input.multipart { width: auto; }
body.orderform table.optionlist { width: auto; }
body.orderform table.optionlist th { width: auto; }
body.orderform table.optionlist td { width: auto; vertical-align: top; }
body.orderform table.optionlist input { width: auto; }
/* body.orderform thead th { border-bottom: 1px solid #366; } */

div.errlist {
    border: 1px solid red;
    background: #eee;
    color: #555;

    margin: 1em 0;
    padding: 0.5em;

    font-size: 1.2em;
}

div.errlist h2 {
    color: red;
    border-color: red;
    margin-top: 0;
}

/* Dialog form styles */

.annotation {
    color: #336666;
    font-size: 90%;
    padding-left: 20px; /* should be one checkbox width */
}

span.annotation {
    display: block;
}

table.form { 
    background: #C1E1E1; 
    margin-left: auto;
    margin-right: auto;

    /* This would be "padding: 0.5em;", except that IE 6 uses the wrong box model. */
    border: 0.5em solid #C1E1E1;
}

table.form td, table.form th {
    vertical-align: top;
}

table.form th {
    padding-right: 0.5em;
    text-align: right;
}

table.form tr.divider th {
    border-bottom: 1px solid #336666;
    font-size: 1.2em;
    font-weight: bold;
    vertical-align: middle;
	text-align: left;
}

table.form .widefield {
    width: 98%;
}

/* 
 * styles for the download page 
 */

ul.downloadindex {
    float: left;
    width: 9em;
    margin: 0;
    padding: 0;
}

ul.downloadindex li {
    background: #C1E1E1;
    margin: 0.4em 0;
    padding: 0.5em;
    display: block;
    list-style: none;
}

div.downloadlist {
    margin-left: 10em;
}

div.downloadlist h2 {
    border-bottom: 1px solid #366;
}

div.downloadlist a.bttlink { font-size: 80%; }

div.downloadlist dl,
div.downloadlist p { margin-left: 2em; }

div.downloadlist dt { margin-top: 1em; }

div.downloadlist {
    margin-left: 10em;
}

div.downloadlist h2 {
    border-bottom: 1px solid #366;
}

div.downloadlist a.bttlink { font-size: 80%; }

div.downloadlist dl,
div.downloadlist p { margin-left: 2em; }

/*upgrade downloadlist*/

div.downloadlist2 h2 {
    border-bottom: 1px solid #366;
}

div.downloadlist2 a.bttlink { font-size: 50%; }

div.downloadlist2 dl,
div.downloadlist2 p { margin-left: 2em; }

div.downloadlist2 dt { margin-top: 1em; }

div.downloadlist2 {
    margin-left: 1em;
}