@import url("base.css");

body {margin:5px;}

.swindow {margin-bottom:15px;} /*Small Window*/
.swindow .contents{background-color:#FFF; width:auto; margin-bottom:15px;padding:10px;}

.icon01 {background:url(../img/if_img18.gif) 0 0.2em no-repeat; padding:3px 0 3px 15px; font-weight:bold;}


/*-------------------- OU3101LS,OU3110FM --------------------*/

.yearPlan {margin-bottom:20px;}
.yearPlan td, .yearPlan th {border:1px solid #50B0C5; padding:3px; line-height:1.3;}
.yearPlan thead th {color:#0C023F; background-color:#E0F4FD;background-image:url(../img/if_img19.gif);}
tr.bg {background-color:#F2F2F2;}
.yearPlan thead {text-align:center;}
.yearPlan thead th.module {background-image:url(../img/list_bg.gif);color:#FFF;}
.yearPlan img {margin:2px;}
.yearPlan thead th span {width:38px;display:block;}

/*-------------------- OU3110FM --------------------*/

.yearPlan ul.check li {padding-bottom:10px; text-align:left;}
.yearPlan ul.check img {vertical-align:middle; margin:0;}
.yearPlan ul.text li  {padding-bottom:3px; text-align:left;}
.yearPlan ul.text img {vertical-align:top; margin:0;}
.yearPlan tbody td div.select {margin-top:10px;text-align:center;}


/*-------------------- OU3210FM --------------------*/

.material h1 {font-size:12px; text-align:right; margin-bottom:10px;}
.material .copy {background:url(../img/material_img01.jpg) no-repeat; padding:10px 35px; margin-bottom:10px; height:74px;}
.material .copy h2 {font-size:12px; margin-bottom:5px;}
.material .copy p {font-size:16px; font-weight:bold;color:#0B033E;line-height:1.3;}
.material h3 {margin-bottom:5px;}

.module {margin-bottom:20px;}
/*.module td, .module th {border:1px solid #50B0C5; padding:3px; line-height:1.3; text-align:left;}*/
.module td, .module th {border:1px solid #50B0C5; padding:3px; line-height:1.3; text-align:left;vertical-align: top;}
.module thead th {color:#0C023F;background-image:url(../img/if_img19.gif);}
.module thead th span {display:block; width:130px;}
.module tbody th span {display:block; width:13px;font-weight:normal;}
.module .btn {margin-top:10px; text-align:right;}
.module .btn img {margin:2px;}


.module2 {margin-bottom:10px;}
.module2 td, .module2 th {border:1px solid #50B0C5; padding:3px; line-height:1.3;color:#0C023F;}
.module2 thead th {background:url(../img/if_img19.gif) repeat-x;text-align:center;}
.module2 tbody th {background:url(../img/if_img20.gif) repeat-y;text-align:center;}

/*-------------------- OU3111FM --------------------*/

.subject_select {background:url(../img/subject_img01.jpg) no-repeat; width:520px;height:230px;}
.module_select {background:url(../img/module_img01.jpg) no-repeat; width:680px;height:430px;}
.subject_select input,.module_select input {position:absolute;}

/*--------------- OU3201LS, OU3210FM ---------------*/

.module3 th img {
	display:block;
	margin:0 auto;
}
.module3 th {
	text-align:center;
}
.module3 td {
	text-align:center;
}

table.data_popup {margin-bottom:10px;}
table.data_popup td, table.data_popup th {
	padding:5px; border:1px solid #999;
	line-height:1.2;vertical-align:middle;}
table.data_popup th{color:#161149;white-space:nowrap;}
table.data_popup thead th {background:url(../../img/list_bg2.gif) repeat-x;}
table.data_popup tbody th {background:url(../../img/list_bg3.gif) repeat-y;padding:10px 5px;}
table.data_popup .bg {background-color:#F2F2F2;}