@charset "UTF-8";
@import url(common.css);

body {
	background: white url(../images/background.gif) repeat-x top left;
}

a.operation {
	color: OrangeRed !important;
	font-weight: normal !important;
	font-size: small !important;
}

a.operation:hover {
	background-color: OrangeRed !important;
	color: white !important;
}

th {
	text-align: right;
}




/************** header ***************/
#header {
/*
	color: white;
	padding: 5px;
*/
	text-align: left;
	width: 800px;
	margin: 0 auto;
	font-size: 90%;
}

#header h1 {
	margin: 3px;
	padding: 2px;
	display: inline;
	font-size: small;

}

#header h2 {
	margin: 3px;
	padding-left: 7px;
	display: inline;
	font-size: x-small;
/*
	border-left: 12px double white;
*/
	font-weight: normal;
	color: white;
}

#header a {
/*	color: white; */
	text-decoration: none;
}

#header a:hover {
	background-color: #ff9;
	color: #333;
}



/************** footer *************/
#footer {
	padding: 5px 5px;
	text-align: left;
	width: 800px;
	margin: 0px auto;
	font-size: 90%;
}

#footer a {
	color: #333;
	text-decoration: none;
}

#footer a:hover {
/*	background-color: #ff9;
*/
	background-color: transparent;
	color: #333;
}



/***************** contents ***************/
#contents {
	background-color: white;
	width: 800px;
	margin: 0 auto;
	text-align: left;
	border: 1px solid CornflowerBlue;
	font-size: small;
}

/*
#contents a {
	color: slateblue;
}

#contents a:hover {
	background-color: slateblue;
	color: white;
	background-color: #ffa;
	color: slateblue;
	border: 0;
}

#contents a:active {
	color: LimeGreen;
}
*/


/**************** main *****************/
#main {
	float: left;
	margin: 10px 15px;
}

#main a {
	color: slateblue;
}

#main a:hover {
/*
	background-color: slateblue;
	color: white;
*/
	background-color: #ffa;
	color: slateblue;
	border: 0;
}

/*
#main a:active {
	color: LimeGreen;
}
*/

/************** side *****************/
#side {
	float: right;
	padding: 10px;
	margin-top: 1em;
	width: 210px;
}

.side_menu {
	border: 1px solid CornflowerBlue;
	margin-bottom: 1.5em;
}

.side_menu h2 {
	font-size: small;
	background-color: white;
	color: CornflowerBlue;
	padding: 5px 5px;
	border-bottom: 1px dashed CornflowerBlue;
}

.side_menu ul {
	display: block;
	list-style-type: none;
	padding: 8px;
}




/********************* navi *****************/
#navi, #navi1, #navi2 {
	line-height: 2em;
	margin-bottom: 1em;
	width: 520px;
}

#navi h1, #navi1 h1, #navi2 h1 {
	font-weight: normal;
	font-size: 130%;
	border-bottom: 1px dashed gray;
}

.navi, .navi1, .navi2 {
	line-height: 2em;
	margin-bottom: 1em;
	width: 520px;
}

.navi h1, .navi1 h1, .navi2 h1 {
	font-weight: normal;
	font-size: 130%;
	border-bottom: 1px dashed gray;
}

.navi_button {
	margin-top: 5px;
	vertical-align:middle;
}

/************** process **************/
#list_unprocessed {
	margin-bottom: 30px;
}

#list_unprocessed li {
	list-style: none;
	margin: 0.5em;
	font-size: 80%;
	display: block;
	clear: both;
}


a.unprocessed {
	font-weight: bold;
	font-size: large;
	text-decoration: none;
	border-bottom: 1px solid;
	margin-left: 1em;
}

#list_processed {
	width: 740px;
	color: DimGray;
}

#list_processed table {
	margin-left: 7em;
	border-left: 2px solid #ddd;
	font-size: 80%;
}

#list_processed td {
	padding: 3px;
}

#list_processed ul {
	list-style-type: none;
	margin-left: 40px;
	border-left: 2px solid #ddd;
	font-size: 80%;
}

#list_processed li {
	margin-left: 6px;
}

a.processed {
	font-size: small;
	text-decoration: none;
	border-bottom: 1px solid;
}


/*********** progress **************/
.progress {
	text-align: center;
}

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

.progress  span.arrow {
	font-size: 400%;
	line-height: 1.1em;
	color: steelblue;
}

.progress  span.point {
	font-size: 400%;
	line-height: 1.1em;
	color: steelblue;
}

.progress  span.focus {
	color: orange;
}

.progress  span.done {
	color: #ccc;
}


/************** input *************/
.input_big {
	font-size: large;
	font-weight: bold;
	padding: 4px;
	margin: 4px 0px;
	vertical-align: middle;
}

.input_mid {
	font-size: medium;
	font-weight: normal;
	padding: 2px;
	margin: 2px 0px;
	vertical-align: middle;
}

.select_big {
	font-size: large;
	font-weight: bold;
}

.select_mid {
	font-size: medium;
	font-weight: normal;
}


/************ console *************/
.console {
	text-align: center;
	margin: 10px 0px;
	padding: 8px;
	background-color: #eee;
}

.console table {
/*	border: 1px dotted gray;*/
	margin: 0px 0px;
	padding: 0px;
	width: 504px;
}



.console th {
	padding: 0 2px;
	padding-left: 10px;
	min-width: 60px;
	white-space: nowrap;
}

.console td {
	padding: 0 2px;
	text-align: left;
	padding-right: 10px;
	font-size: medium;
}

.console ul {
	list-style-type: none;
}

.console li {
/*
	list-style-type: none;
*/
	margin-left: 30px;
}

.console_header {
	text-align: left;
	vertical-align: bottom;
	margin: 0px;
	font-size: small;
	font-weight: bold;
}



/************* menu **************/
.menu {
	margin-top: 6px;
	margin-bottom: 6px;
}
.menu a {
}

.menu_right {
	float: right;
}
.menu_right table {
	border-collapse: collapse;
}
.menu_right td {
	border-right: 1px solid white;
	border-left: 1px solid white;
	padding: 0 6px;
	margin: 0;
}

.menu_right a {
	color: white;
	display: block;
}
.menu_right a:hover {
	color: black;
	display: block;
}

.menu_left {
}
.menu_left table {
	border-collapse: collapse;
}
.menu_left td {
	border-right: 1px solid white;
	border-left: 1px solid white;
/*
	border-top: 1px solid white;
*/
	padding: 0 6px;
	margin: 0;
	font-size: medium;
}
.menu_left a {
	color: white;
}
.menu_left a:hover {
	color: black;
}

.menu_focus {
	background-color: #ffa;
}
.menu_focus a {
	color: black;
}

.menu_login {
	float: right;
	color: #333;
	font-weight: bold;
	margin-right: 6px;
}


/************** exam ***************/
.exam_info {
	/*
	margin: 10px 0px;
	padding: 4px;
	white-space: nowrap;
	text-align: left;
	border: 2px solid #ccc;
	background-color: #EDE8AA;
	*/
	font-size: small;
	color: #888;
}

#exams {
	margin: 10px 0px;
	width: 520px;
	border-bottom: 2px solid #ccc;
}

.exam {
	background: transparent url(../images/frame_tr2.gif) no-repeat scroll top right;
/*
	border: 3px outset #dff;
	background-color: #def;
*/
}

.exam_focus {
	background-image: url(../images/frame_tr_first2.gif);
}

.exam h1 {
	padding: 2px 14px;
	font-size: small;
	background: transparent url(../images/frame_tl.gif) no-repeat scroll top left;
}

.exam_focus h1 {
	background-image: url(../images/frame_tl_first.gif);
}

.exam_body {
	padding: 0px 20px 0px 20px;
	background: transparent url(../images/frame_l.gif) repeat-y scroll top left;
}

.exam_body table {
	background-color: white;
	width: 460px;
}

.exam_body td, .exam_body th {
	padding: 2px;
}
.exam_body th {
	white-space: nowrap;
	width: 50px;
}
.exam_body ul {
	list-style-type: disc;
}
.exam_body li {
	margin: 2px 0px 2px 30px;
	padding: 2px;
}

.exam_update_body {
	padding: 0px 20px 10px 20px;
}

.exam_update_body table {
	background-color: white;
}

.exam_update_body td, .exam_update_body th {
	padding: 2px;
}
.exam_update_body td {
}

.exam_update_body th {
	white-space: nowrap;
}

.exam_update_body ul {
	list-style-type: none;
}

.exam_update_body li {
	margin-left: 30px;
}

.exam_update_body input, .exam_update_body textarea {
	font-size: small;
}

#exam_1_collapse {
	background-image: url(../images/frame_tr_first2.gif);
}
#exam_1_collapse h1 {
	background-image: url(../images/frame_tl_first.gif);
}
#exam_1_expand {
	background-image: url(../images/frame_tr_first2.gif);
}
#exam_1_expand h1 {
	background-image: url(../images/frame_tl_first.gif);
}
#exam_1_update {
	background-image: url(../images/frame_tr_first2.gif);
}
#exam_1_update h1 {
	background-image: url(../images/frame_tl_first.gif);
}



/**************** answer *****************/
.answer_right_saved {
/*
	color: mediumblue;
	background-color: #ffa;
*/
	border: 1px solid red;
	padding: 0px 2px;
}

.answer_right {
	border: 1px solid gray;
	padding: 4px;
	margin-right: 40px;
	color: mediumblue;
}




/************** subject ***************/
#subject {
	float: top;
	background-color: aliceblue;
	width: 100%;
}

#subject div.div_clear {
	height: 0;
/*
	display:none;
*/
}

#subject a {
}
#subject a:hover {
}

#subject ul {
	list-style-type: none;
	
}

#subject li.sub_s {
	float: left;
	margin: 0px;
}

#subject li.sub_s a {
	display: block;
	float: left;
	padding: .5em 1em;
/*
	padding: .5em;
	font-weight: bold;
*/
	text-decoration: none;
	color: white;
	white-space: nowrap;
	font-size: small;
}

#subject li.sub_s a:hover {
	display: block;
	float: left;
	padding: .5em 1em;
/*
	padding: .5em;
	font-weight: bold;
*/
	text-decoration: underline;
	color: white;
	white-space: nowrap;
	font-size: small;
}

#subject li.sub_s a.disable {
	color: silver;
	background-color: aliceblue;
	font-size: small;
}

/*
#subject li.sub_s a:hover {
	color: #333;
	background-color: #ffa;
}
*/

.subs_list {
	margin: 10px;
}
.subs_list table {
	padding: 10px;
}
.subs_list td {
	padding: 2px;
	margin: 2px;
}

.sub_list {
	padding: 4px;
	color: white;
	font-size: medium;
}

.sub_list_usable {
	font-size: small;
}

.subject {
	color: slateblue;
	font-weight: bold;
	padding: 0 .5em 0 1em;
	background-color: aliceblue;
}


.subs {
	margin: 10px 10px;
}

.subs ul {
	font-size: medium;
	padding: 4px;
}

.subs li {
	font-size: medium;
	padding: 4px;
	margin: 5px 0px 5px 20px;
}

.sub_add_collapse {

	margin: 10px 10px;
}



/***************** sub **************/
.sub_b_all {
	background-color:#888
}
.sub_b_0 {
	background-color: #bbb;
}
.sub_b_none {
	background-color: #888;
}

.sub_b_0 {
	background-color: #bbb;
}
.sub_b_1 {
	background-color: #8b8;
}

.sub_b_2 {
	background-color: #88b;
}

.sub_b_3 {
	background-color: #b88;
}

.sub_b_4 {
	background-color: #bb8;
}

.sub_b_5 {
	background-color: #b88;
}


.sub_c_none {
	color: #444;
}

.sub_c_0 {
	color: #888;
}

.sub_c_1 {
	color: #585;
}

.sub_c_2 {
	color: #558;
}

.sub_c_3 {
	color: #855;
}

.sub_c_4 {
	color: #885;
}

.sub_c_5 {
	color: #855;
}


.sub_s_none {
	font-size: large;
	background-color: #888;
}

.sub_s_0 {
	font-size: large;
	background-color: #bbb;
}

.sub_s_1 {
	font-size: large;
	background-color: #8b8;
}

.sub_s_2 {
	font-size: large;
	background-color: #88b;
}

.sub_s_3 {
	font-size: large;
	background-color: #b88;
}

.sub_s_4 {
	font-size: large;
	background-color: #bb8;
}

.sub_s_5 {
	font-size: large;
	background-color: #b88;
}




/**************** result *****************/
.results {
	margin-top: 14px;
}

.results table {
	border-collapse: collapse;
	empty-cells: show;
	margin: 0px;
}

.results tr {
}

.results th {
	text-align: center;
	padding: 2px 4px;
	white-space: nowrap;
}

.results td {
	padding: 2px 4px;
}

.result {
}

.result_collapse {
	margin: 4px;
}

.result_expand {
	margin-left: 30px;
}

.result_body {
	margin: 2px;
}

.result_list {
	margin: 10px;
	font-size: small;
}

.result_list table {
	border-collapse: collapse;
	empty-cells: show;
}
.result_list th, .result_list td {
	border: 1px solid gray;
	padding: 4px;
}

.result_list th {
	text-align: center;
	white-space: nowrap;
}

.result_list td {
}

.result_exam_info {
	margin: 10px;
	font-size: medium;
}

.result_exam_info table {
	border-collapse: collapse;
	empty-cells: show;
}

.result_exam_info th, .result_exam_info td {
	padding: 4px;
	border: 1px solid gray;
	white-space: nowrap;
}
.result_exam_info th {
	text-align: center;
}
.result_exam_info td {
	text-align: center;
}

.result_exam {
	margin: 10px;
}

.result_exam table {
	margin: 5px;
	width: 700px;
}

.result_exam th, .result_exam td {
	padding: 0px 4px;
	text-align: left;
}

.result_exam th {
	white-space: nowrap;
/*
	vertical-align: top;
*/
}

.result_exam td {
}

.result_exam ul {
	list-style-type: none;
}

.result_exam li {
	list-style-type: none;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

.result_exam_right, .result_exam_check {
	font-size: medium;
	text-align: left;
/*
	white-space: nowrap;
*/
	vertical-align: bottom;
}

.result_exam_right {
	color: green;
}

.result_exam_check {
	color: #d00;
}



/**************** user *****************/
.user_detail {
	margin: 10px;
	font-size: medium;
}
.user_detail table {
	margin: 5px;
}
.user_detail th, .user_detail td {
	padding: 0px 4px;
}
.user_detail th {
}
.user_detail td {
}
.user_detail ul {
	list-style-type: none;
}
.user_detail li {
	list-style-type: disc;
	margin-left: 20px;
}


/********************* help *********************/
.help {
	border: 1px solid blue;
	background-color: #ffa;
	width: 400px;
	padding: 20px;
	margin: 40px;
}


/********************* error **********************/
.error {
	color: red;
	font-size: medium;
	margin: 10px;
}

/************** other **************/
.margin10 {
	margin: 10px;
}


.confirm {
	margin: 10px;
	font-size: medium;
}

.confirm_buttons {
	margin: 14px 50px;
	text-align: left;
/*
	font-size: medium;
*/
}

.message {
	margin: 10px;
	font-size: medium;
}

.logo {
	background-color: transparent;
}


a.long_url {
	color: OrangeRed !important;
	font-weight: normal !important;
	font-size: small !important;
	font-family: monospace;
}
a.long_url:hover {
	background-color: OrangeRed !important;
	color: white !important;
}


input[type="text"].correct_box {
	background-color: white;
	color: black;
	border: 1px solid green;
}
