BODY {
	/*background-color: #506070;*/
	background-color: white;
	padding: 0px;
	margin: 0px 0px;
	font-family: verdana;
	font-size: 70%;
}

P {
	line-height: 155%;
}

IMG {
	border: none;
}

TABLE {
	font-family: verdana;
	font-size: 100%;
}

H1 {
	color: #A0A0A0;
	font-family: verdana;
	font-size: 165%;
	margin-top: 5px;
}

H2 {
	color: #A0A0A0;
	font-family: verdana;
	font-size: 125%;
	margin-top: 5px;
}
H3 {
	color: #A0A0A0;
	font-family: verdana;
	font-size: 115%;
	margin-top: 3px;
	margin-bottom: 3px;
	color: steelblue;
}

.symbol {
	font-family: Webdings;
	font-weight: normal;
}

A {
	color: steelblue;
}
A:hover {
	color: orange;
	text-decoration: underline;
}
HR {
	border-left: none;
	border-top: 1px dashed orange;
	border-right: none;
	border-bottom: none;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1px;
}

DL .title {
	font-family: verdana;
	color: orange;
	font-weight: bold;
	text-align: left;
	font-size: 110%;
	margin-bottom: 5px;
}
DT {
	font-weight: bold;
	color: steelblue;
}
DD {
	line-height: 155%;
	margin-left: 0px;
	margin-bottom: 10px;
}

LI {
	line-height: 155%;
}

/************************************************
* MAIN
*************************************************/
.errMsg {
	border: 1px solid lightgrey;
	color: red;
	padding: 6px;
	margin: 5 0px;
	font-weight: bold;
}

.note {
	font-size: 90%;
	color: gray;
	font-style: italic;
}

/************************************************
* MAIN LAYOUT
*************************************************/
.layoutOuter {
	margin-top: 25px;
	margin-bottom: 25px;
	width: 835px;
	/*padding: 2px;*/
	/*border: 2px solid orange;*/
	border-top: 1px solid orange;
	border-bottom: 1px solid orange;
	padding: 1px;
}

.header {
	width: 100%;
}

.header .topBar {
	width: 100%;
	background-color: white;
	font-size: 140%;
	font-family: verdana;
}

.header IMG {
	border: 0px solid;
}

.header .topBar A {
	color: #606065;
	text-decoration: none;
}

.header .banner {
	padding: 2px 0px;
	text-align: right;
	font-size: 8pt;
}

.header .banner IMG {
	border: none;
}

.header .banner A {
	text-decoration: underline;
	color: steelblue;
}

.header IMG.logo {
	margin-right: 15px;
}

.header .navBarOuter {
	width: 100%;
	background-color: #A0A0A5;
}

.leftBar {
	width: 200px;
	margin: 15px 20px 15px 0px;
}

.footer {
	margin-top: 20px;
	background-color: #303040;
	width: 100%;
	color: white;
}

.footer .copy {
	font-size: 90%;
	padding: 3px 5px;
	text-align: center;
}

.mainPane {
	padding: 10px 0px 15px 0px;
}

/************************************************
* NAVBAR
*************************************************/
.topNavBar {
	height: 45px;
	border-collapse: collapse;
	font-size: 80%;
	background-color: #FFC530;
	float: right;
}

.topNavBar TD {
	border-left: 1px solid white;
	border-right: 1px solid white;
	vertical-align: bottom;
}

.topNavBar .item {
	vertical-align: bottom;
	padding: 2px 5px;
	font-weight: bold;
	cursor: pointer;
	background-color: orange;
}
.topNavBar .selItem {
	vertical-align: bottom;
	padding: 2px 5px;
	color: #606065;
	font-weight: bold;
	background-color: #303040;
	color: white;
}

.topNavBar .symbol {
	font-family: webdings;
	font-weight: normal;
}

.topNavBar A {
	color: #606065;
	text-decoration: none;
}

.topNavBar A:hover {
	color: white;
}

/************************************************
* NEWS BLOCK
*************************************************/
.newsBlock {
	height: 100%;
	width: 100%;
	color: #A0A0A0;
}

.newsBlock .hdr {
	color: steelblue;
	font-weight: bold;
	padding: 5px 3px 1px 3px;
}

.newsBlock .hdr A {
	color: steelblue;
}

.newsBlock .hdr A {
	color: steelblue;
}

.newsBlock .bdy {
	padding: 2px 3px;
}

.newsBlock .bdy A {
	color: #A0A0A0;
}

.newsBlock A {
	text-decoration: none;
}

.newsBlock A:hover {
	text-decoration: underline;
}

/************************************************
* NEWS LIST
*************************************************/
.newsList {
	border: 1px dashed #D0D0D0;
	margin-bottom: 20px;
	padding: 5px;
}

.newsList .title {
	color: steelblue;
	font-weight: bold;
}

.newsList .date {
	color: #A0A0A0;
	font-weight: normal;
}

.newsList .desc {
	margin-top: 7px;
	margin-bottom: 9px;
}

.newsList A {
	color: #A0A0A0;
}

/************************************************
* ARTICLE
*************************************************/
.article {
	margin-bottom: 20px;
}

.article H1 {
	color: steelblue;
	font-weight: bold;
	font-size: 135%;
}

.article .text {
	margin-top: 20px;
	margin-bottom: 15px;
	border: 1px dashed #D0D0D0;
	padding: 0px 5px 25px 5px;
	line-height: 155%;
}

.article .text A {
	color: steelblue;
}

.article .hdr {
	color: #A0A0A0;
	font-weight: normal;
}

.article A {
	color: #A0A0A0;
}

/************************************************
* DOWNLOAD
*************************************************/
DIV.download {
	padding: 5px;
	border: 1px solid #C0C0C0;
	margin-bottom: 20px;
}
TABLE.download {
	margin-bottom: 10px;
	font-family: tahoma;
	border-collapse: collapse;
}
TABLE.download TD {
	padding: 1px 5px;
	text-align: left;
}
TABLE.download TH, .lbl {
	padding: 1px 5px;
	text-align: left;
	color: #808080;
	font-weight: bold;
}
TABLE.download  TD.title {
	font-weight: bold;
	color: orange;
	font-size: 115%;
	font-weight: bold;
}
TABLE.download A {
	color: steelblue;
	text-decoration: none;
}
TABLE.download A:hover {
	color: orange;
	text-decoration: underline;
}

/************************************************
* BUY
*************************************************/
.buyTitle {
	color: steelblue;
}
.priceList {
	border-collapse: collapse;
	font-family: arial;
}
.priceList CAPTION {
	text-align: left;
	color: #303040;
	font-size: 95%;
	font-weight: bold;
	padding-bottom: 5px;
}
.priceList TD { 
	padding: 5px 5px;
	border: 1px solid lightslategray;
}
.priceList TH { 
	padding: 5 15 5 5px;
	background-color: lightgrey;
	font-weight: bold;
	color: black;
	text-align: left;
	border: 1px solid lightslategray;
}
.priceList .hdrProduct {
	background-color: lightgrey;
	font-weight: bold;
	color: black;
}
.priceList .hdrPrice {
	background-color: lightgrey;
	font-weight: bold;
	color: black;
}
.priceList .hdrQty {
	background-color: lightgrey;
	font-weight: bold;
}
.priceList .productName {
	background-color: #f0f0f0;
	font-weight: bold;
}

#buyForm {
	font-family: arial;
	margin-top: 25px;
	font-size: 95%;
	color: #A0A0A0;
}
TABLE.confirm {
	border-collapse: collapse;
	border: 1px solid #A0A0A0;
}
TABLE.confirm TD {
	padding: 3px 8px;
	text-align: left;
	color: black;
	font-weight: bold;
}
TABLE.confirm TH {
	padding: 1px 5px;
	text-align: left;
	color: #808080;
	font-style: italic;
}
TABLE.confirm  TD.title {
	font-weight: bold;
	color: orange;
	font-size: 115%;
	font-weight: bold;
}
/************************************************
* FORMS
*************************************************/
SELECT{
	font-size: 95%;
}
LABEL {
	font-weight: bold;
	margin: 0px 5px;
}
.edit {
	border: 1px solid orange;
}
.btnBar {
	margin-top: 35px;
}
.btnOk {
	background-color: orange;	
	border: 1px solid black;
	font-weight: bold;
	color: black;
	font-size: 90%;
	padding: 2px 5px;
}
.btnCancel {
	background-color: #A0A0A0;	
	border: 1px solid black;
	font-weight: bold;
	color: black;
	font-size: 90%;
	padding: 2px 5px;
}

A.btnOk {
	background-color: orange;	
	border: 1px solid black;
	font-weight: bold;
	color: black;
	font-size: 90%;
	padding: 2px 5px;
	cursor: pointer;
	text-decoration: none;
}
A.btnOk:hover {
	color: white;
}
A.btnCancel {
	background-color: #A0A0A0;	
	border: 1px solid black;
	font-weight: bold;
	color: black;
	font-size: 90%;
	padding: 2px 5px;
	cursor: pointer;
	text-decoration: none;
}
A.btnCancel:hover {
	color: white;
}

/************************************************
* BLOCKS
*************************************************/
.block {
	border: 1px solid #D0D0D0;
	height: 100%;
	width: 100%;
	background-color: white;
	font-family: tahoma;
	margin-bottom: 10px;
	padding: 1px;
}
.block .title {
	background-color: #F0F0F0;
	color: #A0A0A0;	
	padding: 2px;
	font-weight: bold;
}
.block .blockBody {
	padding: 2px;
}
.block .blockBody UL {
	font-family: verdana;
	margin: 0px;
	padding: 0px;
}
.block .blockBody LI {
	text-align: left;
	margin: 0px;
	display: block;
	list-style-type : none;
	padding-left: 0px;
	text-indent: 0;
	line-height: 150%;
}
.block .title A {
	text-decoration: none;
	color: #A0A0A0;
}
.block .title A:hover {
	text-decoration: underline;
	color: orange;
}

/************************************************
* DevZone
*************************************************/
.codeTitle {
	font-weight: bold;
	margin-bottom: 2px;
}

.code {
	border: 1px dashed #D0D0D0;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #F9F9F9;
}

.code PRE {
	font-size: 12px;
}

.code .c {
	color: #8FBC8B;
	font-style: italic;
}

/************************************************
* FAQs
*************************************************/
.faq .hdr {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #A0A0A0;
	font-weight: normal;
}

.faq .question {
	color: steelblue;
	font-size: 12pt;
}

.faq .answer {
	margin-top: 20px;
	margin-bottom: 15px;
	border: 1px dashed #D0D0D0;
	padding: 15px 5px 20px 5px;
	line-height: 155%;
}

/************************************************
* FAQs
*************************************************/
TABLE.cmp {
	border: 1px solid #A0A0A0;
	border-collapse: collapse;
}
.cmp TH {
	border: 1px solid #A0A0A0;
	text-align: left;
	padding: 3px 10px;
}
.cmp .hdrTop {
	font-weight: bold;
	color: steelblue;
}
.cmp TD {
	border: 1px solid #A0A0A0;
	padding: 3px 5px;
}