html {  }

body {
	scrollbar-face-color: #687787;
	scrollbar-highlight-color: #687787;
	scrollbar-shadow-color: #e7ebef;
	scrollbar-3dlight-color: #e7ebef;
	scrollbar-arrow-color: #e7ebef;
	scrollbar-track-color: #e7ebef;
	scrollbar-darkshadow-color: #e7ebef;
}

body {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #ffffff;
	overflow: auto;
}

body {
	font-family: "Century Gothic", "微軟正黑體"; 
	font-size: 14px; 
	color: #666666;
}

#outer { background-color: ; }
#canvas { background-color: ; }
#topping { background-color: ; }
#footing { background-color: ; }
#content { background-color: ; }

a, div, span, table, tr, td, th, label {
	font-family: "Century Gothic", "微軟正黑體"; 	
}

input, select, textarea {
  font-family: "Century Gothic", "微軟正黑體"; 
  font-size: 12px;
}

a:visited, a:hover, a:link, a:active { color: #ff3300; text-decoration: none; }
a:hover	{ text-decoration: underline; }

div { margin: auto; }
span, td { white-space: nowrap; }
span { cursor: pointer; }

h1	{ font-weight: bold; font-size: 20px; color: #862175; }
h2	{ font-weight: bold; font-size: 16px; color: #857883; }
h3	{ font-weight: bold; font-size: 14px; color: #857883; }
hr.separator	{ width: 98%; border-color: #999999; }

.black	{ color: #000000; }
.blue		{ color: #000088; }
.green	{ color: #008888; }
.orange { color: #ff6600; }
.purple { color: #857883; }
.red		{ color: #ff0000; }
.white	{ color: #ffffff; }

.font16x16 { font-size: 16px; }
.font24x24 { font-size: 24px; }
.font32x32 { font-size: 32px; }
.font40x40 { font-size: 40px; }
.font48x48 { font-size: 48px; }
.font64x64 { font-size: 64px; }

.printer-page-break	{ page-break-after: always; }

table.form-table { width: auto; border-spacing: 0px; }
table.form-table td, 
table.form-table th	{ border: 0px solid #000000; border-collapse: separate; padding: 5px; }

table.report-table-1a { width: 100%; border-spacing: 1px; padding-top: 0px; padding-bottom: 20px; }
table.report-table-1a caption	{ text-align: left; font-weight: bold; font-size: 16px; color: #857883; }
table.report-table-1a td, 
table.report-table-1a th	{ border: 0px solid #000000; border-collapse: separate; padding: 5px; }
table.report-table-1a th	{ font-weight: bold; color: #ffffff; background-color: #857883; }

table.report-calendar-1a { width: 100%; border-spacing: 1px; padding-top: 0px; padding-bottom: 20px; }
table.report-calendar-1a caption	{ text-align: center; font-weight: bold; font-size: 16px; color: #ffffff; background-color: #857883; padding: 3px; }
table.report-calendar-1a td	{ vertical-align: top; border: 1px solid #857883; border-collapse: separate; padding: 3px; }
table.report-calendar-1a th	{ border: 0px solid #000000; border-collapse: separate; padding: 3px; }
table.report-calendar-1a th	{ text-align: center; font-weight: bold; color: #ffffff; background-color: #857883; }

table.report-calendar-1a div.report-calendar-day-1a div.report-calendar-day-cap			{ text-align: center; font-weight: bold; color: #ffffff; background-color: #888888; }
table.report-calendar-1a div.report-calendar-day-1a-sat div.report-calendar-day-cap	{ text-align: center; font-weight: bold; color: #ffffff; background-color: #88cccc; }
table.report-calendar-1a div.report-calendar-day-1a-sun div.report-calendar-day-cap	{ text-align: center; font-weight: bold; color: #ffffff; background-color: #ff9999; }
table.report-calendar-1a div.report-calendar-day-1a-pub div.report-calendar-day-cap	{ text-align: center; font-weight: bold; color: #ffffff; background-color: #ff9999; }

.centered { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.field		{ font-weight: bold; color: #857883; }
.header		{ font-weight: bold; color: #ffffff; background-color: #857883; }

.smalltext	{ font-size: 12px; }
.vertitext	{ writing-mode: tb-rl; filter: flipv fliph; }

.oddline	{ cursor: pointer; background-color: ; }
.evenline	{ cursor: pointer; background-color: #dddddd; }
.highline	{ cursor: pointer; background-color: #ffcc66; }

.value, .figure, .subtotal	{ text-align: right; }
.subtotal	{ font-weight: bold; }

.ref	{ font-weight: bold; color: #ff3300; }
.ref-ao	{ font-weight: bold; color: #ff3300; }
.ref-ce	{ font-weight: bold; color: #ff3300; }

.dtm	{ font-weight: bold; color: #008888; }
.ceremony	{ font-weight: bold; color: #ff0000; }
.celebrant	{ font-weight: bold; color: #0000ff; }
.barcode	{ font-family: "IDAutomationHC39M"; font-size: 12px; }
.severe	{ cursor: pointer; background-color: #ffaaaa; }
.urgent	{ cursor: pointer; background-color: #ffdddd; }

.textbox { }
.figurebox { text-align: right; }
.textarea { }

.selectbox {
	border: #000000; 
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px
}

.button {
	background-color: #857883;
	color: #ffffff;
	cursor: pointer;
	padding: 2px 6px;
	border: #cccccc 0px solid;

	font-family: "Century Gothic", "微軟正黑體";
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	white-space: nowrap
	letter-spacing: 2px;
	
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;	
}

.normBtn {
	background-color: #857883;
	color: #ffffff;
	cursor: pointer;
	padding: 2px 6px;
	border: #cccccc 0px solid;

	font-family: "Century Gothic", "微軟正黑體";
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	white-space: nowrap
	letter-spacing: 2px;
	
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;	
}

.grayBtn {
	background-color: #666666;
	color: #ffffff;
	cursor: pointer;
	padding: 2px 6px;
	border: #cccccc 0px solid;

	font-family: "Century Gothic", "微軟正黑體";
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	white-space: nowrap
	letter-spacing: 2px;
	
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;	
}