.logininfo {
	font-size: 16px;
	color: #52495F;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

label {
	cursor: pointer;
}

.logout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #990000;
	text-decoration: none;
	cursor: pointer;
}

.mandatoryText {
	font-size: 16px;
	color: #663333;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.optionalText {
	font-size: 16px;
	color: #003333;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.FunctionTitle {
	font-size: 18px;
	color: #333366;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.ErrorText {
	font-size: 16px;
	color: #990000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.TextField , .TextFieldGrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding-left: 3px;
}
.TextFieldRight, .TextFieldRightUnit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding-left: 3px;
	text-align: right;
	padding-right: 3px;
}

.TextFieldRightUnit {
	width: 55px;
}

.Button {
	border: 1px solid #336699;
	font-size: 14px;
}
.PrintButton {
	border: 1px solid #336699;
	font-size: 10px;
}

.ExcelCSVButton {
	border: 1px solid #336699;
	font-size: 14px;
	background-color: #EDE9B1;
	font-family: Arial, Helvetica, sans-serif;
}

.TableTitle {
	font-size: 16px;
	color: #373753;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.TableText, .TableTextInline, .HB0, .HB1, .HB2, .HB3 {
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.TableTitleMenu {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #D6D797;
}
.TableTitleBackground {
	background-color: #EBECCE;
}

.TableTextInline  {
	padding-left: 30px;
}

.TableTextSmall {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.SelectMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

.SelectMenuLockWidth {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	background-color: #FFFFFF;
	width:200px;
	border: 1px solid #CCCCCC;
}
.SelectMenuUnit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	background-color: #FFFFFF;
	width:50px;
	border: 1px solid #CCCCCC;
}
.MenuLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #336699;
	text-decoration: none;
	cursor: pointer;
}
#MenuLink A:active {
	text-decoration: none;
	color:#264E75;
	font-weight: normal;
	cursor: pointer;
}
#MenuLink A:hover {
	text-decoration: none;
	color:#7E258B;
	font-weight: bold;
	cursor: pointer;
}

.MenuLinkHover {
	text-decoration: none;
	color:#7E258B;
	font-weight: bold;
	cursor: pointer;
}

#SubMenuPrevItem {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #A4A4C1;
	text-align: center;
}
#SubMenuThisItem {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666699;
	text-align: center;
}
#SubMenuNextItem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #CCCCCC;
	text-align: center;
}

.SubMenuURL {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	cursor: pointer;
}
.TableTitleBG {
	font-size: 16px;
	color: #373753;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #B9C9EE;
}
.printTextNormal {
	font-size: 12pt;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	font-family: "新細明體", Arial;
}
.printTextBold {
	font-size: 12pt;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	font-family: "新細明體", Arial;
}
.printTextLarge {
	font-size: 14pt;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	font-family: "新細明體", Arial;
}

.printTextLargeX {
	font-size: 16pt;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	font-family: "新細明體", Arial;
}
.printTextLargeXX {
	font-size: 18pt;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	font-family: "新細明體", Arial;
}
.printTextBoldLarge {
	font-size: 14pt;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	font-family: "新細明體", Arial;
}
.printTextBoldLargeX {
	font-size: 16pt;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	font-family: "新細明體", Arial;
}
.printTextBoldLargeXX {
	font-size: 18pt;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	font-family: "新細明體", Arial;
}
.PrintTable {
	border-collapse: collapse;
	
}
.printTextNormalSmall {
	font-size: 10pt;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	font-family: "新細明體", Arial;
}

.printTextNormalSmallOverflow {
	width:100%;
/*	text-overflow: ellipsis;
*/
	overflow: hidden;
	white-space: nowrap;
}

.printTextNormalXSmall {
	font-size: 8pt;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	font-family: "新細明體", Arial;
}
.printTextNormalXXSmall {
	font-size: 6pt;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	font-family: "新細明體", Arial;
}
.printTextBoldSmall {
	font-size: 10pt;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	font-family: "新細明體", Arial;
}
.printTextBoldXSmall {
	font-size: 8pt;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	font-family: "新細明體", Arial;
}
.printTextBoldXXSmall {
	font-size: 6pt;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	font-family: "新細明體", Arial;
}
.PrintTableTitleBG {

	font-size: 12pt;
	font-weight: bold;
	font-family: "新細明體", Arial;
	background-color: #CCCCCC;
}
.PrintTableTitleBGSmall {

	font-size: 10pt;
	font-weight: bold;
	font-family: "新細明體", Arial;
	background-color: #CCCCCC;
}
.PrintTableTitleBGXSmall {


	font-size: 8pt;
	font-weight: bold;
	font-family: "新細明體", Arial;
	background-color: #CCCCCC;
}
.printPageBreakAudoCheck {
	page-break-before: auto;
}
#SubMenuButton {

	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #663300;
	background-color: #AEBDA8;
	text-align: center;
}
.TextFieldSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #FFFFFF;
	border: none;
}
.TextFieldSmallL {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding-left: 3px;
}

.TableTitleSmall {
	font-size: 12px;
	color: #373753;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.SelectMenuSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.TableTitleBG2 {
	font-size: 16px;
	color: #373753;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CCCC;
}
.TableTextTopLine {
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
.TableTextBottomLine {
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.TableTextBottomRightLine {
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
.TableTextRightLine {
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
.TableTextBottomLineHighLight {
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-color: #FFB9F1;
}
.grayText {
	color: #CCCCCC;
}
.TableButtomLine {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.hideTable {
	display: none;
}
.showTable {
	
}

.cellspace {
	padding-right: 15px;
	padding-left: 15px;
}
.printTextNormalXSmall {

	font-size: 8pt;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	font-family: "新細明體", Arial;
}
.printPageBreak {
	page-break-after: always;
}
.printPageBreakBefore {
	page-break-before: always;
}

table#formTable {
	border-collapse: collapse;
}

table#formTableBorder {
	border-collapse: collapse;
	border: 1px solid #666666;	
}

td#formTable {
	border: 1px solid #000000;	
}


td#formTableNoBottomLine {
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
}

td#formTableTopBottonLine {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-bottom-color: #666666;
}

td#formTableShowBottomLine {
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

td#formTableBottomTotalLine {
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #666666;
}

td#formTableAmount {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: double;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}


.SearchButton {
	border: 1px solid #336699;
	font-size: 14px;
}
.searchLink {
	color: #660066;
	text-decoration: none;
	cursor: pointer;
}
.nobreak {
	white-space: nowrap;
}
.gray {
	font-weight: bold;
	color: #000000;
	background-color: #CCCCCC;
}

.mainMenuNormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #003333;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	cursor: pointer;
}

.mainMenuInsideBar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #003333;
	text-decoration: none;
	border: 1px solid #CCCCCC;
}

.mainMenuInsideMain {
	cursor: pointer;
	font-weight: bold;
}

.footerText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #003333;
}
/*
input#field:hover , .TextField:hover {
	background-color: #FFFF88;
}
*/


input[disabled] {
	background-color: #ddd;
}

select[disabled] {
	background-color: #ddd;
}


.mainMenuSelect {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	background-color: #4B417E;
}

.link, #link , .HighlightRow2Link {
	cursor:pointer;
}

.HighlightRow {
	background-color:#FFFF88;
}

.HighlightRow2 {
	background-color:#FFB9F1;
}


.HighlightRow3 {
	background-color:#A9E2A9;
}

.GrayBg {
	background-color:#DDDDDD;
}

.RedBg {
	background-color:#FF0099;
}

.OKBg {
	background-color:#FBF9D9;
}

.HighlightRow2Link {
	background-color:#FFB9F1;
}
.alertBorder {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #CC3333;
	text-align: center;
	border: 2px solid #FF0000;
}

.bigButton {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
	border: 1px solid #999999;
	width: 120px;
}
.SelectedRow {
	background-color:#DBF0FD;
}
.nonSelectRow {

}

.MainMenuNormalPt , .MainMenuNormalBg{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	background-color: #C4DADB;
	text-align: center;
	white-space: nowrap;
	height: 25px;
}
.MainMenuNormalPt , .MainMenuNormalOver {
	cursor: pointer;
}

.MainMenuNormalOver {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #5C6B8F;
	text-align: center;
	white-space: nowrap;
	height: 25px;
}
.bigRedText {
	font-size: 18px;
	color: #990000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.salesCompleteMsg {

	font-size: 18px;
	color: #333366;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.gray {
	font-weight: bold;
	color: #000000;
	background-color: #CCCCCC;
}
.border1Print {
	border: 1px solid #000000;
}

.border1 {
	background-color: #E4E6E7;
	border: 1px solid #333333;
}

.newItemText {

	font-size: 16px;
	color: #003333;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.TableTitleBG3 {
	font-size: 16px;
	color: #373753;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CECD97;
}
.searchTextXSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
}
.tableBorder {
	border: 1px solid #CCCCCC;
/*	border-collapse: collapse;
*/
}
.tableBorderDouble {
	border: 3px double #CCCCCC;
	border-collapse: collapse;
}
.bigButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	border: 2px solid #666666;
	height: 70px;
	width: 170px;
}
.largeButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	border: 2px solid #666666;
	height: 40px;
	width: 150px;
}

.TableTitleBig {

	color: #373753;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.LargeText {
	font-size: 18px;
}
.LargeStudentName {
	font-size: 16px;
}

.BigText, .TableTitleBig {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
}
.TextFieldBig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding-left: 3px;
}
.TextFieldBigSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding-left: 3px;
	width: 40px;
}
.TableTitleBG4 {

	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FF0000;
}
.dotCutLine {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}
.TextFieldDay , .TextFieldDayGrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding-left: 3px;
	width: 30px;
}
.TextFieldDayGrey , .TextFieldGrey {
	background-color:#DDDDDD;
}

.TableTextTopLineSmall {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
.TableTextBottomLineSmall {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.TableTextBottomRightLineSmall {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

.TableTextBottomLineHighLightSmall {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-color: #FFB9F1;
}
.redBorder2px {
	border: 2px solid #990000;
}
.textspacelv1 {
	letter-spacing: 0.3em;
}

.optionspace {
	padding-right: 30px;
}
.alertBox {
	font-size: 18px;
	color: #F00;
	background-color: #FCF;
	padding: 10px;
	border: 2px dashed #603;
	height: 40px;
	width: 280px;
	vertical-align: middle;
	text-align: center;
}

.FieldAlert {
	background-color:#F9759C;
}.optionTable {
	color: #042651;
	background-color: #DAEAFE;
	border: 1px solid #666;
}

.TableTitleBG5 {
	font-size: 16px;
	color: #373753;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #BAA3D6;
}

.svgedit-icon,
.svgremove-icon,
.svgup-icon,
.svgdown-icon,
.svgdate-icon,
.svgtick-icon {
	width: 24px;
	height: 24px;
	fill: #007bff;
	cursor: pointer;
	transition: all 0.2s;
	vertical-align: middle;
}

/* Hover effects - most icons use darker blue */
.svgedit-icon:hover,
.svgup-icon:hover,
.svgdate-icon:hover,
.svgdown-icon:hover {
	fill: #0056b3;
	transform: scale(1.1);
}

/* Remove icon hovers to red */
.svgremove-icon:hover {
	fill: #dc3545;
	transform: scale(1.1);
}

/* Tick icon hovers to green */
.svgtick-icon:hover {
	fill: #28a745;
	transform: scale(1.1);
}