body {
	background-color: #FFFFFF;
	padding: 20px;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.break {
	clear: both;
}

.codeexample {
	margin: 0em;
	padding: 1em 0em 0em 2em;
}

.codeexample a:link, .codeexample a:hover, .codeexample a:visited, .codeexample a:active {
	color: #6A5ACD;
	text-decoration: underline;
}

.displaylabel {
	color: #000000;
	font: normal normal small Verdana, Arial, Helvetica, sans-serif;
}

.displayoptions {
	margin: 0.5em 16px -3px 0em;
	padding: 0em 0em 0em 0em;
}

.floatleft {
	float: left;
	padding: 0px 6px 0px 0px;
}

.goback a:link, .goback a:hover, .goback a:visited, .goback a:active {
	text-decoration: underline;
}

.pgbody {
	margin: 0px auto 0px auto;
	text-align: left;
	width: 600px;
}

.pgbody .codeexample p {
	color: #A53333;
	font: normal normal bold x-small/120% Verdana, Arial, Helvetica, sans-serif;
	margin: 0em;
	padding: 0em 0em 0em 2em;
}

.pgbody .codeexample strong {
	color: #6A5ACD;
	font: normal normal small/120% "Courier New", Courier, monospace;
}

.pgbody .displayexample {
	color: #404040;
	font: normal normal small/120% "Courier New", Courier, monospace;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	text-indent: 30px;
}

.pgbody .photocaption {
	color: #696969;
	font: normal x-small/normal Verdana, Arial, Helvetica, sans-serif;
	margin: .5em 0em 2em 0em;
	padding: 0em 0em 0em 0em;
}

.pgbody .red {
	color: #FF0000;
}

.pgbody form {
	margin: 1em 0px 2em 0px;
}

.pgbody h1 {
	font: normal normal bold large/120% Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 1em;
}

.pgbody h2 {
	clear: left;
	font: normal normal bold small/120% Verdana, Arial, Helvetica, sans-serif;
	margin: 2em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}

.pgbody p {
	color: #424242;
	font: normal normal small/120% Verdana, Arial, Helvetica, sans-serif;
	margin: 1em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}

.photocaption {
	clear: left;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}

.screenshots {
	margin: 0px auto 0px auto;
	text-align: left;
	width: 600px;
}

.screenshots .subtitle {
	color: #7B68EE;
	font: normal normal bold medium Verdana, Arial, Helvetica, sans-serif;
	margin: 0em 0em 2em 0em;
	padding: 0em 0em 0em 0em;
}

.screenshots h1 {
	font: normal normal bold large/120% Verdana, Arial, Helvetica, sans-serif;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}

.screenshots img {
	padding-right: 20px;
}

#browserdisplay {
	color: #33638C;
	font: normal normal bold small "Courier New", Courier, monospace;
}

#caption {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

#caption p {
	font: normal small/120% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0em 0em 1em 0em;
	vertical-align: top;
}

#conversiontable {
	background: #EEEEEE;
	width: 100%;
}

#conversiontable td {
	border: 1px solid #FFFFFF;
	padding: 4px 10px 4px 8px;
	vertical-align: middle;
}

#emaildisplay {
	color: #33638C;
	font: normal normal bold small "Courier New", Courier, monospace;
}

#example {
	background: #EEEEEE;
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

#example div {
	background-color: #EEEEEE;
	border: 1px none #DCDCDC;
	color: #4682B4; /*font: normal normal bold x-small Verdana, Arial, Helvetica, sans-serif;*/
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	vertical-align: top;
	width: 100%;
}

#example td {
	border: 1px none #FFFFFF;
	font: normal normal bold x-small Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 2px 4px;
	vertical-align: middle;
}

#examples a:link, #examples a:hover, #examples a:visited, #examples a:active {
	text-decoration: underline;
}

#footer {
	margin: 2em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}

#footer .datestamp {
	font-weight: normal;
	margin: 1em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}

#footer a:link, #footer a:hover, #footer a:visited, #footer a:active {
	text-decoration: underline;
}

#footer p {
	color: #777799;
	font: normal normal bold x-small/120% Verdana, Arial, Helvetica, sans-serif;
	margin: 0.5em 0em 0.5em 0em;
	padding: 0em 0em 0em 0em;
	text-align: center;
}

#JS_Conversion {
	background: #FFFFFF;
	border: 1px solid #CCD8C0;
	width: 100%;
}

#output {
	background: #F8F8FF;
	margin: 0px 0px 0px 0px;
	padding: 6px;
	width: 100%;
	border: 1px solid Silver;
}