.flashcard {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90px;
	color: gray;
}
.flashcard_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: gray;
}
.flashcard_mid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60px;
	color: black;
}
.hanzi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: black;
}

.h {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
}

.p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #787878;
}

.e {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #870106;
}



.nextn_prevnext {
	margin-left: 12px;
}
.nextn_form {
	margin: 0px;
	display: inline;
}
.nextn_input {
	font-size: 12px;
	width: 2em;
}
.results {
	margin-top: 40px;
	margin-bottom: 40px;
	background-color: #CCCCCC;
	border: none;
}
.resultsheader {
	background-color: #5D7594;
	color: #FFFFFF;
}
.graybg {
	background-color: #EEEEEE;
}
.whitebg {
	background-color: #FFFFFF;
}
.links {
	background-color: #EEEEEE;
	width: 100%;
	border: 1px solid #CCCCCC;
	font-size: 12px;
}
.header {
	background-color: #5D7594;
	width: 100%;
	margin-bottom: 40px;
}

.headline {
	font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #EFEFEF;
	height: 20px;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	text-align: center;
}

.b-combobox-button {
	background-image: url(../controls/image_repository/dropdown.gif); }

.b-select-button {
	background-image: url(../controls/image_repository/dropdown.gif); }


.header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}
.mytile { /* the tiles must have absolute positioning */
	width:120px;
	height:150px;
	padding: 10px;
	border: 1px solid #345;
	background-color: #eeeeee;
	color: #000;
	font: 10px/120% verdana, sans-serif;
	margin-top: 0px;
	padding-top: 5px;
	position: relative;
	text-align: center;
}

.mystudent {
	/* the tiles must have absolute positioning */
	
			
			width: 260px;
	height: 280px;
	padding: 5px;
	border: 1px solid #345;
	background-color:#EFEFEF;
	color: #000;
	font: 8px/100% verdana, sans-serif;
	overflow:hidden;
	font-size: 8px;
		}
/*.sort-table {
	font:		Icon;
	border:		1px Solid ThreeDShadow;
	background:	Window;
	color:		WindowText;
	width:		100%
}

.sort-table thead {
	background:	ButtonFace;
}

.sort-table td {
	padding:	2px 5px;
}

.sort-table thead td {
	border:			1px solid;
	border-color:	ButtonHighlight ButtonShadow
					ButtonShadow ButtonHighlight;
	cursor:			default;
}

.sort-table thead td:active {
	border-color:	ButtonShadow ButtonHighlight
					ButtonHighlight ButtonShadow;
	padding:		3px 4px 1px 6px;
}

.sort-table thead td[_sortType=None]:active {
	border-color:	ButtonHighlight ButtonShadow
					ButtonShadow ButtonHighlight;
	padding:		2px 5px;
}

.sort-arrow {
	width:					11px;
	height:					11px;
	background-position:	center center;
	background-repeat:		no-repeat;
	margin:					0 2px;
}

.sort-arrow.descending {
	background-image:		url("../images/downsimple.png");

}

.sort-arrow.ascending {
	background-image:		url("../images/upsimple.png");
}
.even {
	background:	#eee;
}

.odd {

} */

.img_bg {
  padding: 5px;
  background: white;
}

.img_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	text-align: left;
}

.img_txt_sm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	text-align: left;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */<!-- Hide entire CSS code from IE6 -->
<![if !IE 6]>



.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 96%; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

<![endif]>
*/