<!--

body {
	font-family: Arial, Verdana, Times New Roman;
	font-size: 14px;
	color: #000;
	background: #fff url(/images/swooshbg.jpg) no-repeat top center; 
	margin: 0px;
	padding: 0px;
}

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

a.justcolor:hover { text-decoration: none; }

p { line-height: 1.3em; margin: .2em 0 1em; }

h1, h2, h3 { font-weight: normal; color: #000; }
h1 { font-size: 1.7em; padding-bottom: 10px; }
h2 { padding-top: 15px; padding-bottom: 10px; font-size: 1.3em; font-weight: bold;}
h3 { padding-top: 10px; padding-bottom: 10px; font-size: 1.1em; }

input {	
	font-size: 16px;
	font-weight: bold;
	padding: 4px;
}
textarea {	
	font-size: 16px;
	font-weight: bold;
	padding: 4px;
}
input.fieldError {	
	border: 2px solid #f00;
}
input.fieldNormal { }


p.fieldError {
	font-size: 12px;
	color: #f66;
}
p.fieldNormal {
	font-size: 12px;
	color: #666;
}

label.fieldError
{
	font-size: 14px;
	color: #f00;
}
label.fieldNormal
{
	font-size: 14px;
	color: #000;
}


div.formBlock
{
	background: #eee;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 2px solid #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
div.formBlockTitle
{
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 10px;
}

div.categoryBlock
{
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 2px solid #f93;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

img.bullet
{
	vertical-align:text-bottom;
}

.bigchar { font-size: 2em; }
a.bigchar:hover { text-decoration: none; }


#header { 
	position: relative;
	z-index: 800;
	top: 0px;
	width: 100%; 
	background: #666;
	border-bottom: 2px solid #eee;
}
#headerWrap { 
	position: relative; 
	height: 90px; 
	width: 800px; 
	margin: 0 auto; 
}
#headerWrap img { 
	position: absolute; 
	left: -85px; 
	bottom: -16px; 
	z-index: 100;
}

#navigation { 
	position: absolute;
	top: 15px;
	right: 0px;
	width: 500px;
	height: 50px;
	width: 500px;
}

#header input {	
	font-size: 10px;
	font-weight: bold;
	padding: 1px;
}

#navigation a { 
	color: #fff;
}

#accountLinks
{
	padding-top: 10px;
	font-size: 1.1em;
	font-weight: bold;
}


#content { 
	z-index: 0;
	width: 100%; 
	position: relative;
	padding: 15px 0px 30px 0px; 
	color: #222; 
}

#contentWrap { 
	width: 800px;
	margin: 0 auto; 
}


#footer { 
	position: relative;
	z-index: 800;
	bottom: 0px;
	width: 100%; 
	min-height: 100px;
	padding-top: 20px;
	padding-bottom: 40px;
	margin: 0px;
	color: #333; 
	background: #ddd url(/images/bottomshadow.gif) repeat-x 0 100%; 
	background-position: top; 
}

#footerWrap { 
	width: 800px; 
	margin: 0 auto 0 auto; 
	font-size: .85em;
}

#footerWrap a { 
	color: #c60; 
}


div.shadedform
{
	width: 800px;
	position: relative;
	left: -10px;
	background: #eee;
	padding: 10px;
	border: 1px solid #fff;	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

#dictnav
{
	width: 800px;
	position: relative;
	left: -10px;
	background: #ccc;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #fff;	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

#dictnav h2
{
	padding-top: 0px;
}
#dictresults td
{
	font-size: 1.2em;
	padding: 2px;
}

td.even
{
}
td.odd
{
	background: #ccc;
}


div.linkfeatured
{
	width: 800px;
	position: relative;
	left: -10px;
	background: #eee;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 2px solid #f93;	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.linkcategory { 
	padding-top: 10px; 
	padding-top: 5px; 
	font-size: 1.4em; 
	color: #000;
}


div.avatar
{
	background: #ddd;
	width: 50px;
	height: 50px;
	padding: 10px;
	border: 1px solid #fff;	
	margin: 10px;
}

div.avatar img
{
	border: 1px solid #000;	

}

#breadcrumbtrail
{
	font-size: .8em;
	background: #eee;
	padding: 5px;
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index: 1;
	margin-top: 0px;
	margin-bottom: 20px;
}

#breadcrumbtrail a
{
	color: #c60;
}


div.pinyin
{
	width: 100%;
	font-size: 1.5em; 
	background: #eee;
	padding: 5px;
	border: 1px solid #fff;	
}

#dictChinese
{
	font-size: 1.5em; 
	background: #eee;
	padding: 5px;
	/* border: 1px solid #fff; */
}

#dictChinese td
{
	text-align: center;
}

#dictDefinition
{
	font-size: 1.5em; 
	background: #eee;
	padding: 5px;
	/* border: 1px solid #fff; */
}

#dictDefinition  td
{
        list-style-type: circle;
}

#dictMeta
{
	font-size: 1.5em; 
	background: #eee;
	padding: 5px;
	/* border: 1px solid #fff; */
}

div.dictCaption
{
	font-size: .9em; 
	padding-bottom: 5px;
}

div.dictField
{
	font-size: 1.5em; 
	background: #eee;
	padding: 5px;
	/* border: 1px solid #fff; */
}


#dictSymbol
{
	font-size: 20em; 
	padding: 0px;
}
#dictMatchingPinyin
{
	font-size: 2.5em; 
	/* background: #c1eca0; */
	padding: 5px;
	border: 1px solid #fff;
}
#dictVariants
{
	font-size: 4em; 
	/* background: #c1eca0; */
	padding: 5px;
	border: 1px solid #fff;
}
#dictRadical
{
	/* font-size: 8em; */
	/* background: #c1eca0; */
	padding: 5px;
	border: 1px solid #fff;
}


#pageShade {
	z-index: 899;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	filter:alpha(opacity=50);
}

#flashcardWrapper
{
	margin: 0 auto;
	padding: 100px 0px 25px 0px; 
	width: 800px;
	text-align: left;
}

#flashcard
{
	z-index: 900;
	position: absolute;
	top: 100px;

	background: #eee;
	opacity: 1.0;
	filter: alpha(opacity=100);

	width: 800px;
	padding: 15px;
	border: 2px solid #000;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

#flashNav
{
	position: relative;
	padding: 8px;
	text-align: right;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

#flashNav a:hover { text-decoration: none; color: #B42600; }

#flashPinyinHelper
{
	position: relative;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-top: 5px;
	margin-bottom: 0px;
	background: #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.pinyinHelperButton
{
	margin: 0px; 
	padding: 0px; 
	color: #c60;
	font-size: 20px; 
	background-color: #ccc;
	width: 20px; 
	height: 25px; 
	border: 0px solid #000;
}

#flashEntry
{
	position: relative;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 5px;
	margin-bottom: 20px;
	background-color: #ccc;
	color: #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#flashEntry input
{
	border: 1px solid #f93;
	background-color: #ccc;
	color: #000;
	font-size: 20px;
}
#flashEntry textarea
{
	border: 1px solid #f93;
	background-color: #ccc;
	color: #000;
	font-size: 20px;
	height: 26px;
	width: 300px;
	overflow: auto;
}
#flashEntry .button
{
	border: 1px solid #f93;
	background-color: #ccc;
	color: #000;
	font-size: 20px;
}

#flashPinyin
{
	position: relative;
	font-size: 4em; 
	padding: 5px;
	text-align: center;
}
#flashChinese
{
	position: relative;
	font-size: 8em; 
	padding: 5px;
	border: 1px solid #f93;
	text-align: center;
}
#flashEnglish
{
	position: relative;
	font-size: 1.75em; 
	padding: 5px;
	background: #f93;
	text-align: center;
}
#flashVisualCue
{
	position: relative;
	font-size: 1.75em; 
	padding: 5px;
	background: #b1dc90;
	text-align: center;
}
#flashSummary
{
	position: relative;
	margin: 50px;
	font-size: 1.5em;
	text-align: center;
}
#flashMeta
{
	position: relative;
	color: #333;
	margin-top: 25px;
	padding: 8px;
	font-size: .8em;
}


.navCurrentPage
{
	color: #fff;
	background: #000;
	margin-right: 10px;
	padding: 3px;
	font-size: .8em;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.navPage
{
	color: #000;
	background: #f93;
	margin-right: 10px;
	padding: 3px;
	font-size: .8em;
	border: 1px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.navPage a
{
	color: #000;
}
.navPage a:hover
{
	color: #000;
	text-decoration: none;
}


div.pinyinRule
{
	font-size: 1.5em; 
	background: #c1eca0;
	padding: 5px;
	border: 1px solid #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
div.advisors
{
	display: inline-block;
	background: #eee;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-top: 2px solid #f93;
	border-bottom: 2px solid #f93;
	font-size: 1.2em; 
}

div.featureBlock
{
	display: inline-block;
	background: #eee;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 2px solid #f93;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	font-size: 1.3em; 
}

div.featureWideBlock
{
	background: #eee;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 2px solid #f93;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	font-size: 1.3em; 
}

div.featureBlockTitle
{
	margin-left: 10px;
	font-size: 1.00em;
	margin-bottom: 10px;
}


img.screenshot 
{
	background: #ddd;
	padding: 10px;
	margin: 2px;
	border: 2px solid #f93;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}


div.homeBullets
{
	font-size: 1.30em; 
}

div.homeBullets img
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

div.sourceTitle
{
	font-size: 1.25em;
	margin-bottom: 15px;
}

div.fieldError
{
	margin-top: 5px;
	padding: 5px;
	color: #c60;
}

div.fieldError ul
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-left: 0px;
}

div.fieldError li
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 5px;
}


#dashboardStats
{
	background: #eee;
	font-size: 1.5em;
	border: 2px solid #f93;
	padding: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
#dashboardStats td
{
	text-align: right;
}

#dashboardStats th
{
	padding: 10px;
	text-align: right;
	font-size: .8em;
	line-height: 1.5em;
	font-weight: normal;
}

-->