/* CSS for IE6, IE5, IE5.5, IE5/Mac, Mozilla/Firefox, Opera, and Safari */

/* import CSS for elements with URL references (e.g. background images) */
@import url(urls.css);

/* XHTML elements */

body {
	font: 76% Verdana, Arial, sans-serif;
	background-color: #EDEDED;
	margin: 0.25em 0 1em 0;
	padding: 0;
	overflow-x: hidden;
}

#searchbar {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	clear:both;
	margin-top:1px;
	margin-bottom: 1em;
	padding: 0 0;
	background-color: #EDEDED;
}

input.search-button {
	background:#FFC16E url(../images/global_search_btn_bkgd.gif) repeat-x;
	border:1px solid #9E6E6E;
	font-size:12px;
	font-weight:bold;
	padding:.1em .5em;
}
input.search-button:hover {
	border:1px solid #F93;
	cursor:pointer;
}


#logo {
	clear: both;
	margin: 0.6em 0 0.6em 0.4em;
}

input.searchbox {
	width: 20em;
	/* height: 1.75em; */
	margin-left: 0.5em;
}

A.login-link:link  { font-family:"verdana"; text-decoration:underline; font-size:1em; color:gray;}
A.login-link:visited  { font-family:"verdana"; text-decoration:underline; font-size:1em; color:gray;}
A.login-link:hover  { font-family:"verdana"; text-decoration:none; font-size:1em; color:gray;}
A.login-link:active  { font-family:"verdana"; text-decoration:underline; font-size:1em; color:gray;}

img.cc-img {
	border: 2px solid white;
}

.pinyin-text {
	font-weight: bold;
	font-size: 1.6em;
	
}

img.trad-img {
	margin-top: 1em;
}

div.partofspeech {
	clear: both;
	margin: 0.75em 0 0 0;
	font-size: 0.8em;
	color: gray;
}

input.btn-trad {
	/* background-color: #F5F5F5; */
	border-top: 1px solid #585B54;
	border-right: 2px solid #585B54;
	border-bottom: 2px solid #585B54;
	border-left: 1px solid #585B54;
	font: 0.8em Arial;
	cursor: pointer;
/*	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#faddab',EndColorStr='#fab16d'); */
	width: 3.25em;
}

input.btn-trad:hover {
	background-color: #D4D0C8;
	border-top: 1px solid #585B54;
	border-right: 2px solid #585B54;
	border-bottom: 2px solid #585B54;
	border-left: 1px solid #585B54;
	font: 0.8em Arial;
	cursor: pointer;
	width: 3.25em;
}

div#lesson-page-title {
	font-size: 1.2em;
	font-weight: bold;
	color: gray;
	margin-left: 1em;

}

#msg_confirmation_container {
	border: 1px solid #669933;
	background-color: #DCF1C6;
	padding: 0.5em;
	margin-bottom: 1.5em;
}

div.top1000_num {
	color: gray;
	font-size: 0.8em;
}


#ViewOptionsContainer {
	display: none;
	width: 85%;
	background-color: #ddd;
	padding: 0.6em 0.6em 0.6em 2em;
	margin: 0 1.5em 1.5em 1.5em;
	border: 1px solid gray;
}


#ViewCreateGroupContainer {
	display: none;
	width: 85%;
	background-color: #ddd;
	padding: 0.6em 0.6em 0.6em 2em;
	margin: 0 1.5em 1.5em 1.5em;
	border: 1px solid gray;
}

#ViewSubjectsContainer {
	display: none;
	width: 85%;
	background-color: #ddd;
	padding: 0.6em 0.6em 0.6em 2em;
	margin: 0 1.5em 1.5em 1.5em;
	border: 1px solid gray;
}

div#loading_container {
	padding: 6em 0 12em 0;
	display: block;
	color: gray;
}

div#label_loading {
	margin-top: 0.5em;
}

td.pinyin-td {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

#page_title {
	font-size: 1.4em;
	color: gray;
	margin: 0 0 0 1em;
	font-weight: bold;
}

div.standalone-def {
	clear: both;
	margin: 0 0 0.5em 0;
	font-size: 0.8em;
	color: gray;
	width: 7em;
}

div#footer {
	clear: both;
	margin-top: 2em;
	padding: 0.5em 0;
	border-top: 1px solid gray;
	background-color: #EDEDED;
	width: 100%;
}

A.stextlink2:link  { font-family:"verdana"; text-decoration:underline; font-size:0.8em; color:gray;}
A.stextlink2:visited  { font-family:"verdana"; text-decoration:underline; font-size:0.8em; color:gray;}
A.stextlink2:hover  { font-family:"verdana"; text-decoration:none; font-size:0.8em; color:gray;}
A.stextlink2:active  { font-family:"verdana"; text-decoration:underline; font-size:0.8em; color:gray;}

#tone_dropdown_td {
	display: none;
}

#char_search_results_container {
	margin: 1em 0 0 2em;
}

#globalnavlinks {
background:url(../images/global_nav_bar_blue_bkgd.gif) left top repeat-x;
/* clear:both; */
height:28px;
margin:0;
padding:0;
width:100%;
font-family: verdana;
vertical-align:middle;
text-align: center;
}
#globalnavlinks ul {
margin:0;
padding:0;
}
#globalnavlinks ul li {
display:inline;
font-size:12px;
font-weight:bold;
margin:0;
padding:0;
}
#globalnavlinks ul a {
background:url(../images/global_nav_bar_blue_edge.gif) left top no-repeat;
color:#005288;
text-decoration:none;
float:left;
padding:7px .6em 0px .6em;
}
#globalnavlinks ul #active a {
background: url(../images/global_nav_bar_orange_bkgd.gif) left top repeat-x;
height: 28px;
}
#globalnavlinks ul a:hover {
background: url(../images/global_nav_bar_hover_bkgd.gif) left top repeat-x;
text-decoration:none;
height: 28px;
}

#globalnavlinks ul a:visited {
color: #005288;
}

#cc-logo {
	font-weight: bold;
	font-size: 1.2em;
	color: red;
	margin: 0;
}

/* LOGIN */

A.login-link:link  { font-family:"verdana"; text-decoration:underline; font-size:1em; color:gray;}
A.login-link:visited  { font-family:"verdana"; text-decoration:underline; font-size:1em; color:gray;}
A.login-link:hover  { font-family:"verdana"; text-decoration:none; font-size:1em; color:gray;}
A.login-link:active  { font-family:"verdana"; text-decoration:underline; font-size:1em; color:gray;}

#floating_login_form {
	display: none;
	background-color: #EDEDED;
	position: fixed;
	top: 2.6em;
	float: right;
	padding: 0.5em;
	left: 70%;
	border: 1px solid gray;
	width: 200px;
}

* html div#floating_login_form {
	position: absolute;
}

#AE_links {
	margin: 0 1em 0 0;
}

tr#login_error_row {
	display: none;
}

.forgot-link {
	font-size: 0.75em;
	color: gray;
}

span.small-text {
	font-size: 0.75em;
	color: #000000;
	/* font-face: Arial, Verdana, sans-serif; */
}

/* GLOBAL NAV */

#cc_logo {
	background-color: maroon;
	height: 2.25em;
	width: 12em;
}

/* TESTING */

#testing_container {
	display: block;
	background-color: #EDEDED;
	padding: 0.5em;
	width: 500px;
	margin-top: 2em;
	margin-bottom: 5em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

tr.testing-tr {
	height: 40px;
	border: 1px solid gray;
	background-color: #EDEDED;
}

td.testing-td {
	width: 490px;
	margin: 0.5em;
	padding: 0.5em;
	border: 1px solid gray;
	font-size: 1.4em;
	cursor:pointer;
}

.page_title2 {
	font-size: 1.4em;
	color: gray;
	margin: 0 0 0 1em;
	font-weight: bold;
}




A.subj-link:link  { font-family:"verdana"; text-decoration:none; font-size:1em; color:black;}
A.subj-link:visited  { font-family:"verdana"; text-decoration:none; font-size:1em; color:black;}
A.subj-link:hover  { font-family:"verdana"; text-decoration:underline; font-size:1em; color:black;}
A.subj-link:active  { font-family:"verdana"; text-decoration:none; font-size:1em; color:black;}

#testing-numtested {
	margin: 0.8em 1em 0 0;
	color: maroon;
}

.tested-label {
	color: gray;
}

#test_buttons_container {
	float: right;
}

#test_this_english {
	display: none;
	margin: 1em 0 0 2em;
	font-size: 2em;
	font-weight: bold;
	clear: both;
	width: auto;
}

#test_hint_container {
	display: none;
	margin: 1em 0.5em 0 0;
	padding: 0.5em;
	font-size: 1.5em;
	font-weight: bold;
	clear: both;
	float: right;
	background-color: cyan;
}

#test_this_pinyin {
	display: none;
	margin: 1em 0 0 2em;
	font-size: 1.5em;
	/* font-weight: bold; */
	clear: both;
	width: auto;
}

#test_this_chars {
	display: none;
	margin: 1em 0 0 3em;
	clear: both;
	width: auto;
}

#test_range_container {
	display: none;
	padding: 0.5em;
	margin-top: 3em;
	margin-bottom: 3em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

input.txtbox-range {
	width: 2.5em;
}


input.btn-begin {
	background-color: orange;
	border-top: 1px solid #585B54;
	border-right: 2px solid #585B54;
	border-bottom: 2px solid #585B54;
	border-left: 1px solid #585B54;
	font: 1.25em Arial;
	cursor: pointer;
	padding-top: 0.2em;
	font-weight: bold;
}

input.btn-begin:hover {
	background-color: #D4D0C8;
	border-top: 1px solid #585B54;
	border-right: 2px solid #585B54;
	border-bottom: 2px solid #585B54;
	border-left: 1px solid #585B54;
	font: 1.25em Arial;
	cursor: pointer;
	padding-top: 0.2em;
	font-weight: bold;
}

#test_status_container {
	display: block;
}

#stats_table {
	background-color: #ededed;

}

.copyright {
	font-size:0.8em;
	color:gray;
}

#opencloseStats {
	margin: 2.5em 0 0.4em 0;
}

#testing_stats_box {
	display: none;
}
#testing_stats_box_closed {
	display: none;
}

#subject_list_container {
	margin: 2em 0 1em 2.5em;

}

div.subject-name {
	margin: 0.5em;
}

.subj-count-num {
	color: gray;
	font-size: 0.85em;
}

.err-msg {
	color: red;
}

input#test_typing_box {
	font-size: 2em;
	width: 17em;
	background-color: white;
}

input#test_typing_btn {
	height: 2.65em;
}

#noscript_msg {
	width: 100%;
	background-color: #FFFFCC;
	font-weight: bold;
	color: red;
	padding: 0.5em;
	margin-bottom: 1em;
	border: 1px solid gray;
}

#test_auto_table {
	margin: 6em 0 0em 0;
}

a#pause_link {
	display: block;
}
a#resume_link {
	display: none;
}

#setdelay_container {
	background-color: black;
}

A.cc-syll-link:link  { font-family:"verdana"; text-decoration:none; font-size:1em; color:blue;}
A.cc-syll-link:visited  { font-family:"verdana"; text-decoration:none; font-size:1em; color:blue;}
A.cc-syll-link:hover  { font-family:"verdana"; text-decoration:underline; font-size:1em; color:blue;}
A.cc-syll-link:active  { font-family:"verdana"; text-decoration:none; font-size:1em; color:blue;}

#top50_txt {
	margin: 1em 0 2.5em 1.4em;
}

table#table_chars {
	border: 1px solid white;
}