/*
* Chinesehideout-Chinese 100 Audio Recording UI CSS
* Copyright (c) 2012 (http://chinesehideout.com)
*/
    .label {color: #000;font-size:large;font-weight:bold;}
    .scripttxt {color: #000;font-size:medium;font-weight:bold;margin:0 0 10px 20px;}
    .directions {color: #888;font-size:medium;margin-left:10px;}

.xModalDialogGreyElement {
  position: absolute;
  overflow: hidden;
  width: 10px; height: 10px;
  left: -10px; top: -10px;
  z-index: 100;
  opacity: .2; /* CSS3 */
  background-color: #000;
}

.clsModalDialog {
    position: absolute;
    left: -900px; /* Dialogs are hidden by placing them "off-screen". */
    z-index: 101; /* This must be at least one more than the z-index of xModalDialogGreyElement. */
}

.blurred {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}

table {
  margin-bottom:20px;
}

.stats_table_head {
    margin-bottom: .5em;
    padding-left: 10px;
    color:#775;
    font-size:small;
    font-weight:bold;
    border-bottom: thin solid #775;
}

.stats_table_subhead {
    color:#442;
    font-size:small;
    font-weight:bold;
}

.recordBig {color: #441;font-size:medium;font-weight:bold;border-bottom:thin solid #bb9;}
.recordEven {background:#efeedf;padding:2px;border-bottom:thin solid #bb9;border-left:thin solid #bb9;border-right:thin solid #bb9;}
.recordOdd {background:#dcdac4;padding:2px;border-bottom:thin solid #bb9;border-left:thin solid #bb9;border-right:thin solid #bb9;}
.displayitem {margin: 0 5px;padding:5px 10px;font-family:Arial, Helvetica, sans-serif;font-size:small;text-decoration:none;color:#bb9;white-space: nowrap;float:right;}
a.displayitem:link {color:#bb9;text-decoration:none;}
a.displayitem:visited {color:#bb9;text-decoration:none;}
a.displayitem:active {color:#e00;text-decoration:none;}
a.displayitem:hover {color:#000;text-decoration:none;}
.displayitemSelected {margin: 0 5px;padding:5px 10px;font-family:Arial, Helvetica, sans-serif;font-size:small;white-space: nowrap;background-color:#332;color: #fff;float:right;}
.taskDetail {display:none;margin:10px;padding:5px;}
.textBold {font-weight:bold;color:#441;}

.main_title {
    margin-bottom: 20px;
    padding-left: 10px;
    color:#442;
    font-size:large;
    font-weight:bold;
}

.sub_title {
    color:#442;
    font-size:medium;
}

.section_title {
    margin: 25px 0 5px 0;
    padding-left: 10px;
    color:#775;
    font-size:medium;
    font-weight:bold;
    border-bottom: thin solid #775;
}

.chn_main_left {
    color:#333;
    font-size:x-large;
    font-weight:600;
    text-align:left;
}

.chn_sub_left {
    color:#333;
    font-size:large;
    font-weight:300;
    text-align:left;
}

.chn_sub_right {
    color:#333;
    font-size:medium;
    font-weight:300;
    text-align:right;
}

a.lessonitem:link {
    color:#442;
    text-decoration:none;
}

a.lessonitem:visited {
    color:#442;
    text-decoration:none;
}

a.lessonitem:active {
    color:#775;
    text-decoration:none;
}

a.lessonitem:hover {
    color:#775;
    text-decoration:none;
    border-bottom: thin dashed #775;
}

.announcementTitle {
    color: #441;
}

.announcementEven {
    background:#efeedf;
    padding: 10px;
    margin: 0 20px 10px 20px;
    border:thin solid #bb9;
}

.announcementOdd {
    background:#dcdac4;
    padding: 10px;
    margin: 0 20px 10px 20px;
    border:thin solid #bb9;
}

/* Form Buttons */
.chin100_input_ss {
	background: #fff;
	border: 1px solid #bbb;
	color: #888;
	display: block;
	font: 12px Tahoma,sans-serif;
	padding: 2px;
	width: 18px;
	border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.chin100_input_ss:hover {
	border: 1px solid #f93;
	background: #fff;
}
.chin100_input_ss:focus {
	background: #fff;
	border: 1px solid #393;
	color: #333;
}
.hide_show_btn {
	border-top:none;
	border-right:none;
	border-bottom:none;
	border-left:none;
	font-size:12px;
	padding: 2px;
	color:#332;
	cursor: pointer;
}
.hide_show_btn:hover {
	color:#e90;
}
.expand {
  display:inline-block;
  float:left;
  color: #f93;
  padding: 1px 5px 1px 0;
}
.non-expand {
  display:inline-block;
  float:left;
  width: 21px;
}
table {
  width: 100%;
}
.grade_item {
  padding: 5px;
}