/* body */

body {
	background-color:#FFFFFF;
	font-size:.75em;
	font-family:Helvetica, sans-serif;
	color:#555555;
	margin:0px;
	text-align:center;
}

#index {
	width:500px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	background-color:#FFFFFF;
}

/* spans */

.i {
	font-style:italic;
	color:#222222;
}

/* headings */

h1 {
	font-size:1.2em;
	font-family:Arial;
	text-align:center;
	color:#222222;
	letter-spacing:.5em;
	border:1px solid #AAAAAA;
	background-color:#EEEEEE;
	width:auto;
	padding:5px;
}

h2 {
	font-size:.9em;
	font-family:Arial;
	font-weight:bold;
	color:#222222;
	letter-spacing:.1em;
	text-align:left;
	border:1px solid #AAAAAA;
	width:auto;
	margin:10px 0px 10px 0px;
	padding:1px 5px 1px 5px;
}

h3 {
	font-size:.9em;
	font-family:Arial;
	font-weight:bold;
	color:#222222;
	letter-spacing:.1em;
	text-align:left;
	border-bottom:1px solid #AAAAAA;
	width:auto;
	margin:20px 0px 5px 0px;
	padding:1px 0px 1px 0px;
}

/* horizontal rules */

.line {
	border-bottom:1px dashed #BBBBBB;
	margin:8px 0px 10px 0px;
}

/* Paragraph */

p {
	text-align:justify;
	width:auto;
	margin:3px 0px 10px 0px;
	line-height:1.4em;
	padding:0px;
}


.bad {
	color:#990000;
}

.good {
	color:#111111;
}

.caution {
	color:#CC9900;
}

.duplicate {
	color:#990000;
	text-decoration:line-through;
}

.link {
	color:#000077;
}

.center {
	color:#222222;
	text-align:center;
}

/* link */

a:link {
	color:#000077;
	text-decoration:none;
}

a:visited {
	color:#000077;
	text-decoration:none;	
}

a:hover {
	color:#000077;
	text-decoration:underline;
}

a:active {
	color:#000077;
	text-decoration:underline;
}

a.good:link {
	color:#111111;
	text-decoration:none;
}

a.good:visited {
	color:#111111;
	text-decoration:none;	
}

a.good:hover {
	color:#111111;
	text-decoration:underline;
}

a.good:active {
	color:#111111;
	text-decoration:underline;
}

a.caution:link {
	color:#CC9900;
	text-decoration:none;
}

a.caution:visited {
	color:#CC9900;
	text-decoration:none;	
}

a.caution:hover {
	color:#CC9900;
	text-decoration:underline;
}

a.caution:active {
	color:#CC9900;
	text-decoration:underline;
}

a.bad:link {
	color:#990000;
	text-decoration:none;
}

a.bad:visited {
	color:#990000;
	text-decoration:none;	
}

a.bad:hover {
	color:#990000;
	text-decoration:underline;
}

a.bad:active {
	color:#990000;
	text-decoration:underline;
}

a.duplicate:link {
	color:#990000;
	text-decoration:line-through;
}

a.duplicate:visited {
	color:#990000;
	text-decoration:line-through;	
}

a.duplicate:hover {
	color:#990000;
	text-decoration:underline;
}

a.duplicate:active {
	color:#990000;
	text-decoration:underline;
}

/* Forms */

form {
	padding:0px;
	margin:0px;
}

/* Buttons */

input {
	cursor:pointer;
	cursor:hand;
	color:#222222;
	background-color:#EEEEEE;
	border:solid;
	border-width:1px 1px 1px 1px;
	border-color:#AAAAAA;
	font-size:.9em;
}

input.button {
	margin:5px;
	width:100px;
}

input.button:hover {
	background-color:#DDDDDD;
}

input.tab {
	vertical-align:top;
	margin:-1px -1px 0px -1px;
	width:80px;
}

input.tab:hover {
	background-color:#DDDDDD;
}

input.tab_on {
	vertical-align:top;
	margin:-1px 0px 0px 0px;
	padding:3px 0px 2px 0px;
	width:80px;
	background-color:#FFFFFF;
	border-top:1px solid #FFFFFF;
}

input.help {
	margin:0px;
	border:0px;
	color:#000099;
	background-color:#FFFFFF;
}

input.help:hover {
	text-decoration:underline;
}

/* Forms */

textarea {
	font-family: Helvetica, Sans Serif;
	font-size:1em;
	line-height:1.1em;
	width:498px;
	height:100px;
	margin:0px;
	padding:3px;
	font-weight:lighter;
	border:0;
	color:#333333;
}

.copy {
	height:300px;
}

select {
	margin:5px 0px 5px 0px;
	color:#222222;
	font-size:.9em;
}

/* div */

div {
	text-align:justify;
}

div.textarea {
	border:1px solid #777777;
}

div.results {
	line-height:1.4em;
	font-size:1em;
}

div.loading {
	line-height:1.4em;
	font-size:1em;
	color:#777777;
}

div.submit {
	position:relative;
	width:auto;
	margin:0px;
	text-align:center;
	vertical-align:bottom;
}

div.box {
	width:468px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
	background-color:#EEEEEE;
	border:solid;
	border-width:1px;
	border-color:#CCCCCC;
	text-align:left;
	vertical-align:top;
}

div.title { 
	width:auto;
	min-height:15px;
	font-size:.9em;
	font-family:Arial;
	font-weight:bold;
	color:#222222;
	letter-spacing:.1em;
	text-align:left;
	border:1px solid #AAAAAA;
	margin:10px 0px 10px 0px;
}

div.title_l {
	float:left;
	width:400px;
	vertical-align:middle; 
	padding-left:5px;
	padding-top:1px;
}

div.title_r {
	float:left;
	width:93px;
	vertical-align:middle;
	text-align:right;
}

div.tabs {
	width:auto;
	margin:5px 0px 0px 0px;
	text-align:center;
	border-top:1px solid #AAAAAA;
}

div.example {
	width:auto;
	padding:10px;
	border:1px solid #AAAAAA;
	margin-bottom:10px;
}


/* lists */

#list {
	margin:1px;
	padding:0px;
	white-space:nowrap;
}

#list li {
	float:left;
	width:58px;
	margin:0px;
	padding:2px 3px 1px 3px;
	list-style-type:none;
	overflow:hidden;
}

#features {
	margin-bottom:10px;
	margin-left:0px;
	padding:0px;
	border:1px dashed #AAAAAA;
	background-color:#EEEEEE;
}

#features li {
	padding:10px;
	list-style-type:none;
}


/* img */

img.loading {
    display: block;
    margin-top:25px;
    margin-left: auto;
    margin-right: auto 
}

img.monkey {
	display: block;
	margin:0px 0px 10px 15px;
    float:right;
}