/* APPROVED COLOR LIST

REDS
#a70c08 - Burgandy: Accent color
#cc0000 - Red: alerts
#cb6e6e - Muave

BLUES
#000080 - Navy Blue: all text
#2a479c - Blue: Header

YELLOWS
#fcff22 - Yellow: for highlights

GRAYS
#cccccc - Light Gray: table outlines
#eeeeee - Very Light Gray: table header

PURPLE
#9370DB - medium purple

*/


/*** TAG DEFAULTS ***/
body, td, th, pre, hr, .normal {
  font: 16px arial,sans-serif;
  color: navy;
}

body {
  background-color: white;
/* Uncomment for training */

}

h1{
  font-size: 120%;
  border-bottom: 1px solid #cb6e6e;
  margin-bottom: 4px;
  color: #cc0000;
}

h2{
  font-size: 120%;
  font-weight: bold;
}

h3, h4, h5, h6 {
  font-size: 100%;
}

a, a:visited {
  color: navy;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  color: navy;
}

img {
  border: none;
}

hr {
  height: 1px;
}


/*** GENERAL USE ***/
.alert {
	color: #cc0000;
	font-weight: bold;
}

.notes {
  font-family: "Comic Sans MS";
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  color: #0000ff;
}

.sectionHeader {
  font-weight: bold;
  background-color: #ededed;
  text-align: left;
  border-top-color: #000066;
  border-bottom-color: #000066;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 0px;
  padding-right: 0px;
  border-style: double;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
}  

.hilite {
	color: #a70c08;
	font-weight: bold;
}

.highlight{
	background-color: #D4DFE2;	
}

/* Oscar add #12501 */
.underline {
	 text-decoration: underline;
}

ul.undecoratedList {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

textarea.parentColors {
  color: inherit;
  background-color: inherit;
  border: solid 1px #cccccc;
}


/*** TABLE STYLES ***/
table.list, table.plainList {
  width: 100%;
  border-top: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
}

table.list th, table.list th.iconHeader {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  background-color: #eeeeee;
  border-left: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  padding: 0px 3px 0px 3px;
}

table.list th {
  text-align: left;
}

table.list th.iconHeader, td.iconCell, td.iconCellMain{
  text-align: center;
  width: 40px;
}
/* Oscar add  8901*/
table.list tr:hover{
  background-color: #ffff99;
}

td.iconCell {
  vertical-align: middle;
}

td.iconCellMain {
  vertical-align: middle;
  background-color: #f1f2f6;
}

table.list td, table.plainList td {
  border-left: solid 1px #cccccc; 
  border-bottom: solid 1px #cccccc;
  padding: 0px 3px 0px 3px;
}

.subHeading th, table.list .subHeading th {
  font-weight: bold;
  text-align: left;
  color: #a70c08;
  background-color: #ffffff;
  border-bottom: solid 1px #cccccc;
}

.navySubHeading th, table.list .navySubHeading th {
  font-weight: bold;
  text-align: left;
  color: NAVY;
  background-color: #ffffff;
  border-bottom: solid 1px #cccccc;
}

table.fields th, .fieldName {
  text-align: left;
  font-weight: bold;
}

.centerfieldName {
  text-align: center;
  font-weight: bold;
}

.fieldName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: NAVY;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	vertical-align: top;
}

td.separator {
	border-top: 1px solid #cccccc;
}

.totalRecords {
  font-weight: bold;
  background-color: #ccd2e8;
  text-align: center;
}

.filter {
  background-color: #a5aed2;
}

.redFilter {
  background-color: #f1c8c7;
}

.filter, .redFilter {
  font-weight: bold;
  border-top-color: #7b8ed0;
  border-bottom-color: #7b8ed0;
  padding: 3px;
  border-style: double;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
}

.purpleFilter {
  background-color: #8184B7;
}

/*** BUTTON STYLES ***/
.button {
  background-color: #ededed;
}
/* 09/19/2008 - Bug 3006 - red panel */
.buttonRed {
  background-color: #f1c8c7;
}

.buttonBlue {
  background-color: #a5aed2;
}

.buttonWhite {
  background-color: #ffffff;
}

.buttonPurple {
  background-color: #9370DB;
}

.button, .buttonRed, .buttonBlue, .buttonWhite, .buttonPurple, .button:visited {
  font-weight: bold;
/*  background-color: #ededed; */
  text-align: center;
  border-color: #000066;
  border-style: solid;
  border-width: 1px 1px 1px 15px;
  padding: 0px 3px 0px 3px;
}

.buttonDisabled {
  text-align: center;
  border-color: #aaaaaa;
  border-style: solid;
  border-width: 1px 1px 1px 15px;
  padding: 0px 3px 0px 3px;
  color: #888888;
}

.button_active {
  color: #ccd2e8;
  font-weight: bold;
  background-color: #213a8f;
  text-align: center;
  border-color: #000066;
  padding: 2px;
  border-style: solid;
  border-width: 2px;
}

.buttonBar {
  font-weight: bold;
  background-color: #ccd2e8;
  border-top-color: #000066;
  border-bottom-color: #000066;
  padding: 1px 0px 1px 0px;
  border-style: solid;
  border-width: 1px 0px 1px 0px;
}  

.required {
	font-family: "Comic Sans MS";
	color: #CD0606;
}

.clinical {
	font-family: "Comic Sans MS";
	color: #CD0606;
}

.section h5 { 
    background: #cbd8eb;
    border: 1px solid #8cacbb;
    border-style: solid solid none solid;
    padding: 0em 1em 0em 1em;
    text-transform: lowercase;
    display: inline;
    font-size: 1em;
    height: 1em;
    font-weight: normal;
    white-space: nowrap;
}

.section .inactive { 
    background: #ffffff;
    border: 1px solid #8cacbb;
    border-style: solid solid none solid;
    padding: 0em 1em 0em 1em;
    text-transform: lowercase;
    display: inline;
    font-size: 1em;
    height: 1em;
    font-weight: normal;
    white-space: nowrap;
}

.sectionBody {
    background: transparent;
    border-collapse: collapse;
    border: 1px solid #8cacbb;
    padding: 5px;
}

.dropdownArrowPic {
	width:14px;
	height:17px;
	margin: 2px 2px 4px 3px;
	outline: black 1px solid;
	vertical-align: bottom;
	cursor: default;
}

.layoutDropdowns {
	background-color:#cbd8eb;
}


/*** HEADER STYLES ***/
.header-table {
	background: #e7e7e7;
	width: 100%;
}

.subHeader, .recrutimentSubHeader {
	border: #8282b6 1px solid;
	width: 100%;
	padding: 0px;
	margin-top: 1px;
	border-spacing: 0px;
}

.subHeader {
	background-color:#e0e0f8;
}

.recrutimentSubHeader {
	background-color:#ffff99;
}

.userInfo {
	color: navy;
	font: 11px arial,sans-serif;
	font-weight: bold;
}

.breadCrumbs {
	background-color:#ffffe1;
	color: navy;
	font: 13px arial,sans-serif;
	font-weight: bold;
}

.logo {
	color: navy;
	font: 10px arial,sans-serif;
}

.version {
	color: black;
	font: 10px arial,sans-serif;
	padding-bottom: 6px;
}

.splash {
	background-image: url('../images/bottomSplash-middle.jpg');
	background-repeat: repeat-x;
	background-color: #a3bdde;
}
.master-button {
	font: 11px arial,sans-serif;
	font-weight: bold;
	color: white;
	cursor: pointer;
	padding-left: 8px;
	background-image: url('../images/masterButtonBullet.gif');
	background-repeat: no-repeat;
	background-position: center left;
	background-color: #2a479c;
}
.master-button a, .master-button a:visited, .master-button a:active {
	font: 11px arial,sans-serif;
	font-weight: bold;
	color: white;
	cursor: pointer;
}
.master-button-hover {
	font: 11px arial,sans-serif;
	font-weight: bold;
	color: white;
	cursor: pointer;
	padding-left: 8px;
	background-image: url('../images/masterButtonBullet.gif');
	background-repeat: no-repeat;
	background-position: center left;
	background-color: #2a479c;
}
.master-button-hover a, .master-button a:hover, .master-button-hover a:visited, .master-button-hover a:active {
	font: 11px arial,sans-serif;
	font-weight: bold;
	color: #fcff22;
	text-decoration: underline;
	cursor: pointer;
}

.title {
	color: black;
	font: 15px arial,sans-serif;
	font-weight: bold;
}

.search, .search:visited {
	color: #434343;
	font-weight: bold;
}


/*** TAB STYLES ***/
/* uncomment when we try list based tabs again
.tabs ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}
.tabs ul li {
	display: inline;
}

.tabs ul li table {
	display: inline;
}
*/

.tabTable .tab {
	width: auto;
	white-space: nowrap;
}

.tabTable .tab span {
	display: block;
	font: 11px arial,sans-serif;
	font-weight: bold;
	color: #505050;
	text-align: center;
	background-image: url('../images/tab_middle.gif');
	background-repeat: repeat;
	cursor: default;
	line-height: 20px;
	height: 20px;
	padding-right: 2px;
}

.tabTable .tab a {
	display: block;
	font: 11px arial,sans-serif;
	font-weight: normal;
	color: navy;
	text-align: center;
	background-image: url('../images/tab_middle.gif');
	background-repeat: repeat;
	cursor: pointer;
	line-height: 20px;
	height: 20px;
	padding-right: 2px;
}
.tabTable .tabLeft {
	text-align: center;
	background-image: url('../images/tab_left.gif');
	background-repeat: no-repeat;
	cursor: pointer;
	width: 5px;
}
.tabTable .tabTop {
	text-align: center;
	background-image: url('../images/tab_top.gif');
	background-repeat: repeat-x;
	cursor: pointer;
	height: 1px;
}
.tabTable .tabBottom {
	text-align: center;
	background-image: url('../images/tab_bottom.gif');
	background-repeat: repeat-x;
	cursor: pointer;
	height: 1px;
}
.tabTable .tabRight {
	text-align: center;
	background-image: url('../images/tab_right.gif');
	background-repeat: no-repeat;
	cursor: pointer;
	width: 1px;
}

.tabTable-selected .tab {
	width: auto;
	white-space: nowrap;
}

.tabTable-selected .tab span {
	display: block;
	font: 10px arial,sans-serif;
	font-weight: bold;
	color: #505050;
	text-align: center;
	background-image: url('../images/tab_middle_selected.gif');
	background-repeat: repeat;
	cursor: default;
	line-height: 20px;
	height: 20px;
	padding-right: 2px;
}

.tabTable-selected .tab a {
	display: block;
	font: 11px arial,sans-serif;
	font-weight: bold;
	color: navy;
	text-align: center;
	background-image: url('../images/tab_middle_selected.gif');
	background-repeat: repeat;
	cursor: pointer;
	line-height: 20px;
	height: 20px;
	padding-right: 2px;
}
.tabTable-selected .tabLeft {
	text-align: center;
	background-image: url('../images/tab_left_selected.gif');
	background-repeat: no-repeat;
	cursor: pointer;
	width: 5px;
}
.tabTable-selected .tabTop {
	text-align: center;
	background-image: url('../images/tab_top.gif');
	background-repeat: repeat-x;
	cursor: pointer;
	height: 1px;
}
.tabTable-selected .tabBottom {
	text-align: center;
	background-image: url('../images/tab_bottom.gif');
	background-repeat: repeat-x;
	cursor: pointer;
	height: 1px;
}
.tabTable-selected .tabRight {
	text-align: center;
	background-image: url('../images/tab_right.gif');
	background-repeat: no-repeat;
	cursor: pointer;
	width: 1px;
}

/*** MENU STYLES ***/
ul.menu, ul.menu li ul {
   padding: 0px;
   width: 149px;
   margin: 0px;
}

ul.menu li {
	list-style: none;
	line-height: 21px;
	background-image: url('../images/menuHeader.jpg');
	background-repeat: no-repeat;
	color: #ffffe1;
	font-weight: bold;
	font-size: 13px;
	text-indent: 10px;
}

ul.menu li.skinny {
	list-style: none;
	line-height: 4px;
	background-image: url('../images/menuHeaderSkinny.jpg');
	background-repeat: no-repeat;
	color: #ffffe1;
	font-weight: bold;
	font-size: 13px;
	text-indent: 10px;
}

ul.menu li ul li {
	background-image: none;
	background: white;
	color: navy;
	list-style: none;
	line-height: 21px;
	font-size: 16px;
	text-indent: 8px;
}

ul.menu li ul li.selected {
	font-weight: bold;
	text-indent: 0px;
	color: navy;
	font-size: 16px;
	line-height: 21px;
}

ul.menu li.top {
	line-height: 0px;
	list-style: none;
	background-image: none;
	background: white;
}

ul.menu li.bottom {
	line-height: 21px;
	list-style: none;
	background-image: none;
	background: white;
}


.iconHelp {
	border: #99a6c8 1px dashed;
    background: #ffffe1;
	vertical-align: middle;
	text-indent: 8px;
	margin-bottom: 10px;
}

.filterAlpha {
	border: #99a6c8 1px dotted;
    background: #ededed;
	vertical-align: middle;
	text-indent: 8px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
}

.filterNavButton, .filterNavButton:visited {
	font-size: 16px;
	text-align: center;
	border-style: none;
	margin-right: 5px;
}

.filterNavButtonSelected, .filterNavButtonSelected:visited {
	font-size: 16px;
	text-align: center;
	margin-right: 5px;
    background: #2d2d6d;
    border: #2d2d6d solid;
    color: white;
}

/*** Alert messages to the user ***/
.error LI{
    color: #cc0000;
	font-size: 110%;
	font-style: normal;
	line-height: normal;
}

.infoBox, .warnBox, .errorBox, .alertBox {
	border: #99a6c8 1px dashed;
	vertical-align: middle;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-left: 50px;
	padding-bottom: 15px;
}

.infoBox {
    background: #ffffe1;
	background-image: url('../images/info.gif');
	background-repeat: no-repeat;
	background-position: 5px;
}

.warnBox {
    background: #ffffe1;
	background-image: url('../images/warn.gif');
	background-repeat: no-repeat;
	background-position: 5px;
}

.errorBox {
    background: #ffffe1;
	background-image: url('../images/error.gif');
	background-repeat: no-repeat;
	background-position: 5px;
}

.alertBox {
    background: #ffffe1;
	background-image: url('../images/warn.gif');
	background-repeat: no-repeat;
	background-position: 5px;
	color: #cc0000;
	font-weight: bold;
}

/********** HELP STYLES ************/
.help .header{
  font-size: 150%;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

.help a, .help a:visited{
  text-decoration: none;
}

.help a:hover {
  text-decoration: underline;
}

.help a:active {
  color: navy;
}

.help ol {
  margin-top: 0px;
  margin-bottom: 0px;
}

.help h1{
  font-size: 120%;
  border-bottom: 1px solid #cb6e6e;
  color: #cc0000;
  margin-bottom: 0px;
}

.help h2{
  font-size: 120%;
  color: #cc0000;
  margin-bottom: 0px;
}

.help h3, .help a, .help a:visited{
  font-size: 120%;
  color: navy;
  margin-bottom: 0px;
}

.help a.tocRef{
  font-size: 80%;
}

.help hr {
  height: 3px;
  color: navy;
}

.help .survey {
  border: #99a6c8 1px dashed;
  vertical-align: middle;
  margin-bottom: 10px;
  padding-top: 15px;
  padding-left: 50px;
  padding-bottom: 15px;
  background: #ffffe1;
  background-repeat: no-repeat;
  background-position: 5px;
  font-weight: bold;
}

.help .button, .help .button:visited {
  font-size: 80%;
  font-weight: bold;
  background-color: #ededed;
  text-align: center;
  border-color: #000066;
  border-style: solid;
  border-width: 1px 1px 1px 15px;
  padding: 0px 3px 0px 3px;
}

/********** PTMS STYLES ************/
.quickJump {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: NAVY;
	font-style: normal;
	line-height: normal;
}

.workFlowNormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: BLACK;
	background-color: #b9dab8;
	height: 20px;
	width: 140px;
	background-position: center;
	text-align: center;
}

.workFlowCritical {
	color: black;
	background-color: #ffcaca;
	height: 20px;
	width: 140px;
	background-position: center;
	text-align: center;
}

.workFlowEmpty {
	background: white;
}

.workFlowReview {
	background-color: #eeeeee;
	font-weight: bold;
	text-align: center;
}

.workFlowAlert {
	background-color: #eeeeee;
	font-weight: bold;
	text-align: center;
}

table.list th.workFlowHead {
	background-color: #eeeeee;
	text-align: center;
}

.workFlowFooter {
	color: BLACK;
	text-align: center;
    font-size: 11px;
    font-style: italic;
}

.workFlowPending {
	color: black;
	background-color: #feffc4;
	height: 20px;
	width: 140px;
	text-align: center;
}

.workFlowNA {
	color: black;
	background-color: #eeeeee;
	height: 20px;
	width: 140px;
	text-align: center;
}

.windowHead {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: NAVY;
  background-color: #7B8ED0;
  text-align: left;
  border-top-color: #7B8ED0;
  border-bottom-color: #7B8ED0;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 0px;
  padding-right: 0px;
  border-style: double;
  border-top-width: 3px;
  border-bottom-width: 3px;
  border-left-width: 0px;
  border-right-width: 0px;
}

.comment {
    background: #f7f9fa; 
    border: 1px dashed #8cacbb;
    padding: 0 1em 0.5em 1em;
    margin-bottom: 1em;
}

.oldVersion {
	background-color: #ededed;
}

.timeStamp {
  font-style: italic;
}

.divider {
  padding: 10px;
  border-top: 1px dashed #B6C4CA;
}

.signed {
	text-align:center;font-weight:bold;font-family:arial,helvetica;font-size:9px;
}
.notsigned {
/*	text-align:center;background-color:#ffcc33;color:#ffffff;font-weight:bold;font-family:arial,helvetica;font-size:9px; */
	text-align:center;background-color:#FEFFC4; color:#000000;font-weight:bold;font-family:arial,helvetica;font-size:9px; 
}

.hiddenObj {
	visibility:hidden;display:none;
}
.hiddenObjAbs {
	width:140px;
	visibility:hidden;display:none;z-index:10;background-color:#f5f5f5;color:#000000;
	border-width:1px;position:absolute;border-style: outset;text-align:left;
}
.swapFont a:hover {
	text-decoration: none;
}
.swapFont a:active {
	text-decoration: none;
}
.swapFontMenu a:hover {
	text-decoration: none;
}
.swapFontMenu a:active {
	text-decoration: none;
}

.swapFontMenu {
color:red;
font-size:9px;
}
.swapFont {
color:#663366;
font-size:9px;
text-align: right;
padding-left: 18px;
text-decoration: none;
}
.swapFontDisabled {
color:#cccccc;
font-size:9px;
text-align: right;
padding-left: 18px;
text-decoration: none;
}

.swap {
	position:relative; z-index:1;
}


.showAllSignature {
	font-size:9px;border:none;border-width:0px;background-color:#f5f5f5;padding:3px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;	
}
.hideAllSignature {
	font-size:9px;border:none;border-width:0px;background-color:#f5f5f5;padding:3px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;	
}
.showDEC {
	font-size:9px;border:none;border-width:0px;background-color:#ffffff;padding:3px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;	
}

.medText2 {
	font-size:8pt;
}

.statusSm {
font-size:9px;border:none;border-width:0px;background-color:#f5f5f5;padding:3px;
}

.smButton  {
font-size:9px;border-width:2px;background-color:#f5f5f5;padding:3px;
border-style: outset;
}

.AdditionalStyle {color:black;}


/* === 字體與排版補丁：2025年7月 === */
body, td, th, pre, .normal, .fieldName, .notes {
  line-height: 1.6;
}

ul.menu li {
  line-height: 26px;
}

ul.menu li ul li {
  line-height: 24px;
}

table.list td, table.list th {
  padding: 4px 6px;
}

.button, .buttonRed, .buttonBlue, .buttonWhite, .buttonPurple, .button_active {
  line-height: 1.5;
}

textarea, .textarea, .parentColors {
  line-height: 1.5;
}

.comment {
  line-height: 1.6;
}

.logo {
  font-size: 14px;
}
.version {
  font-size: 13px;
}
.userInfo {
  font-size: 14px;
}
.breadCrumbs {
  font-size: 16px;
}
.title {
  font-size: 18px;
}
.master-button,
.master-button a,
.master-button-hover,
.master-button-hover a {
  font-size: 14px;
}
.tabTable .tab span,
.tabTable .tab a {
  font-size: 14px;
}