* {
	font-family: "Tahoma", "Verdana", "Arial", "Sans-Serif";
	font-style: normal;
	font-weight: normal;
	font-size: 8pt;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #FFFFFF;
}

b {
	font-weight: bold;
}

i {
	font-style: italic;	
}

h1 {
	font-weight: bold;
	font-size: 12pt;
	color: #304EF4;	
}

.selectedtab {
	width: 200px;
	padding: 3px;
	border-top: 1px solid #B6B9C5;
	border-right: 1px solid #B6B9C5;
	border-left: 1px solid #B6B9C5;
	background-color: #FFFFFF;
	font-weight: bold;
	font-size: 12pt;
	color: #FFB57B;
}

.unselectedtab {
	width: 200px;
	padding: 3px;
	border-top: 1px solid #B6B9C5;
	border-right: 1px solid #B6B9C5;
	border-left: 1px solid #B6B9C5;
	background-color: #D4D9F4;
}

a.h1:link {
	text-decoration: none;
	font-weight: bold;
	font-size: 12pt;
	color: #304EF4;
}

a.h1:visited {
	text-decoration: none;
	font-weight: bold;
	font-size: 12pt;
	color: #304EF4;
}

a.h1:hover {
	text-decoration: none;
	font-weight: bold;
	font-size: 12pt;
	color: #FFB57B;
}

a.h1:active {
	text-decoration: none;
	font-weight: bold;
	font-size: 12pt;
	color: #304EF4;
}

h2 {
	font-weight: bold;
	font-size: 10pt;
	font-style: italic;
	color: #304EF4;	
}

a.h2:link {
	text-decoration: none;
	padding: 3px;
	font-weight: bold;
	font-size: 10pt;
	font-style: italic;	
	color: #304EF4;
}

a.h2:visited {
	text-decoration: none;
	padding: 3px;
	font-weight: bold;
	font-size: 10pt;
	font-style: italic;
	color: #304EF4;
}

a.h2:hover {
	text-decoration: none;
	padding: 3px;
	font-weight: bold;
	font-size: 10pt;
	font-style: italic;
	color: #FFB57B;
}

a.h2:active {
	text-decoration: none;
	padding: 3px;
	font-weight: bold;
	font-size: 10pt;
	font-style: italic;
	color: #304EF4;
}

.offset {
	margin-left: 5px;
	margin-top: 5px;
}

.header {
	background: url('headerbg.jpg');
	font-weight: bold;
	font-size: 10pt;
	color: #FFFFFF;
	text-align: left;
	width: 323px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}

.footer {
	color: #000000;
	font-size: 7pt;
	width: 280px;
	padding-top: 2px;
	padding-bottom: 1px;
	text-align: center;
}

.addbox {
	margin-left: 10px;
	width: 200px; 
	/*border: solid 1px #B6B9C5; */
	padding: 5px; 
	color: #4B65F5;
	/*background-color: #D4D9F4;*/
}

#statusbox {
	background-color: #FFFFFF;
	border: #899AF0 1px solid;
	width: 319px;
	height: 290px;
	padding: 3px;
	display: none;
	text-align: center;
}

.statustitle {
	color: #899AF0;
	font-weight: bold;
	font-size: 11pt;
}

#errbox {
	background-color: #FFFFFF;
	border: #899AF0 1px solid;
	width: 319px;
	height: 290px;
	padding: 3px;
	display: none;
}

#errtitle {
	color: #899AF0;
	font-weight: bold;
	font-size: 11pt;
}

#errmsg {
	color: #000000;
	font-size: 10pt;
}

#resultbox {
	background-color: #FFFFFF;
	border: #899AF0 1px solid;
	width: 319px;
	height: 290px;
	padding: 3px;
	display: none;
	overflow: auto;	
}

#widgetwrapper {
	border: #899AF0 1px solid;
	background-image: url('sharesgrad.jpg');
	width: 322px;
	height: 290px;
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	display: block;
}

#myiframe {
	width: 0px;
	height: 0px;
	visibility: hidden;
	/*width: 300px;
	height: 300px;
	visibility: visible;*/
}

.code_sample {
	background-color: #BAC3F2;
	border: 1px dotted #899AF0;
	width: 550px;
	padding: 7px;
}

.email_box {
/*	background-color: #BAC3F2; */
/*	border: 1px dotted #899AF0;*/
	padding: 3px;
	width: 300px;
}

.blue_box {
	padding: 5px;
	background-color: #304EF4;
}

.padded_box {
	padding-top: 2px;
	padding-bottom: 1px;
}

.alignright {
	padding-top: 3px;
	padding-bottom: 3px;
	width: 290px;
	text-align: right;	
}

a.closebox:link {
	text-decoration: none;
	border: #A1AEF0 1px ridge;
	color: #FFFAF0;
	background-color: #4B65F5;
	font-weight: bold;
	font-size: 10pt;
	width: 10px;
}

a.closebox:visited {		
	text-decoration: none;
	border: #A1AEF0 1px ridge;
	color: #FFFAF0;
	background-color: #4B65F5;	
	font-weight: bold;
	font-size: 10pt;
	width: 10px;
}

a.closebox:hover {
	text-decoration: none;
	border: #A1AEF0 1px ridge;
	background-color: #304EF4; /*A1AEF0;*/
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10pt;
	width: 10px;
}

a.closebox:active {
	text-decoration: none;
	border: #A1AEF0 1px ridge;
	color: #FFFAF0;
	background-color: #4B65F5;
	font-weight: bold;
	font-size: 10pt;
	width: 10px;
}

a.help:link {
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10pt;
	width: 10px;
}

a.help:visited {
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10pt;
	width: 10px;
}

a.help:hover {
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
	border: 1px dotted #304EF4;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10pt;
	width: 10px;
}

a.help:active {
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10pt;
	width: 10px;
}

a.copyright:link {
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
/*	color: #B6B9C5;*/
	color: #000000;
	font-size: 7pt;
}

a.copyright:visited {
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
	color: #000000;
	font-size: 7pt;
}

a.copyright:hover {
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
	border: 1px dotted #000000;
	color: #000000;
	font-size: 7pt;
}

a.copyright:active {
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
	color: #000000;
	font-size: 7pt;
}

div.helpfile {
	padding-top: 5px;
	padding-bottom: 5px;
}

.tip_span {
	background-color: #F3D2AB;
}

.tip_box {
	display: none;
	/*visibility: hidden;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	border: dotted 1px #000000;
	background-color: #F3D2AB;
	text-align: left;
	padding: 5px;
}

#clearer {
	clear: both;
}