/* --- GLOBAL --- */
#training a{color:#06C; text-decoration:none;}
#training a:hover{text-decoration:underline;}
#training ul, #training ol{line-height:180%;}
#training{line-height:180%;}
.required{font-weight:bold; font-size:12px;}
.explanation{font-size:12px; color:#C60; font-weight:normal;}

ul#comment{margin:0; padding:0 0 12px; padding-left:1.6em}
.CaseReportChecker{color:#bf57bf !important;}
.BaseDataChecker{color:#15a1a1 !important;}
.CaseReportChecker.BaseDataChecker{color:#5454c5 !important;}


input.btn-add{color:#219402;}
input.btn-add:hover{background:#219402; color:#fff;}
input.btn-del{color:#c00; border-color:#c95e5e; font-weight:normal;}
input.btn-del:hover{background:#c00; color:#fff;}
input.btn-modify{color:#0065ba; border-color:#4e93cd; font-weight:normal;}
input.btn-modify:hover{background:#0065ba; color:#fff;}

/* --- hospital --- */
.hospital th, .hospital td{border-bottom:1px solid #ccc; padding:3px 8px;}
.hospital thead th{background:#fff; color:#777; border-bottom:2px solid #aaa;}
.hospital tbody tr:nth-child(odd){background:#f6f6f6;}
.hospital tbody tr:hover{background:#e1e1e1;}
.hospital tbody tr:hover th,
.hospital tbody tr:hover td{border-top:1px solid #aaa; border-bottom:1px solid #aaa;}
.hospital tbody tr.CheckClass{color:#ccc;}

.SurgicalName{word-break:keep-all; width:120px; line-height:16px;}
/* --- ! --- */


/* --- hospital --- */
.exam{font-size:16px;}
.exam ul{margin:0; padding:0; list-style:none;}
.exam ul li{margin-bottom:12px;}
/* --- ! --- */


/* --- sign up --- */
.thead-rows th{border:1px solid #ddd;}
.list{margin:0; padding:0; list-style:none;}
.list thead th{background:#fff; color:#999; border-bottom:2px solid #aaa;}
.list tbody td{padding:15px 10px; font-size:12px; border-bottom:1px solid #d5d5d5;}
.list tbody tr:nth-child(odd){background:#f4f4f4;}
.list tbody tr:hover{background:#e1e1e1;}
.list tfoot td{border:none;}

.group-name{margin:0; padding:5px; font-size:16px; color:#0c91d2; font-family:"微軟正黑體", "Microsoft JhengHei"; border-bottom:2px solid #0c91d2;}
.detail{margin-bottom:15px;}
.detail th, .detail td{padding:8px 5px; vertical-align:top; border:1px solid #ccc; font-size:12px;}
.detail th{text-align:right; white-space:nowrap; color:#333; background:#efefef;}
.detail td{border-bottom:1px solid #ddd;}
.detail a{text-decoration:none; color:#333;}
.detail a:hover{text-decoration:underline; color:#06F;}
 textarea{width:95%}
 

/* hospital login */
.hospital-login{border:1px solid #ccc; background:#e5e5e5; padding:10px 5px;}
.hospital-login th, .hospital-login td{vertical-align:top; font-weight:normal;}
.hospital-login th{text-align:right;}
.hospital-login h3{color:#111; font-size:15px; padding:0 10px;}
.hospital-login select{padding:4px;}

.hospital-buttons{border:1px solid #ccc; border-top:1px solid #fff; background:#e5e5e5; padding:10px 5px; margin-bottom:18px;}
.hospital-buttons ul{margin:0; padding:0; list-style:none; overflow:auto;}
.hospital-buttons ul li{float:left; width:33%; text-align:center;}
#HospitalLogin .hospital-buttons .button{font-weight:normal; line-height:18px; padding:5px 10px;}
#HospitalLogin .hospital-buttons .button:hover{color:#fff; text-decoration:none;}


/* accordion */
.accordion{font-size:12px; margin-bottom:15px;}
.accordion .fill-in-date{font-size:15px; padding:5px; line-height:24px;}
.accordion .group_name{text-align:left; margin:0; font-size:13px; color:#0c91d2;}
.accordion .ui-accordion-header{color:#fff; text-align:left; font-size:15px; font-weight:bold; background:#0c91d2; border:1px solid #0c91d2;}
.accordion .ui-accordion-content{border:1px solid #ccc; padding:5px;}
.accordion .ui-accordion-content .date{width:70px;}
.accordion .hospital thead th{text-align:text; white-space:nowrap; color:#333; background:#efefef;}
.accordion input[disabled=disabled]{background:#eee; border:1px solid #ccc; color:#666;}
.accordion input.full{width:95%;}