/*=============== Documentation 2016年10月20日 ===============
<<< TITLE >>>

=====================================================*/
/*

Zoom Text Content With CSS And JavaScript

https://www.c-sharpcorner.com/article/zoom-div-container-text-content-with-css-and-javascript/


*/
html {
	width: 100%;
	height: 100%;
	margin: 0;
	-webkit-text-size-adjust: none;
}

body {
	/*zoom: 0.9;*/
	/*-moz-transform: scale(0.8, 0.8);*/
	
	width: 100%;
	height: 100%;
	margin: 0;
	font-family: Consola, Arial, Helvetica, sans-serif, Microsoft JhengHei;
	font-size: 0.75em;
	-webkit-text-size-adjust: none;
	scrollbar-face-color: #EFF5F8;
	scrollbar-highlight-color: #97D8F8;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #F9F9F9;
	scrollbar-shadow-color: #97D8F8;
	scrollbar-arrow-color: #26ADEF;
	scrollbar-track-color: #CAE0F4;
	/*-webkit-transform: translate3D(0, 0, 0);
	202012011 Why? This will cause position:fixed; etc not working.
	
	*/
}

.__459 {
	font-weight: bold;
	background-color: #cccccc;
	text-shadow: 1px 1px 0 #EEEEEE, 1px 1px 1px #666666;
}

.__8367 {
	border: 1px solid #cccccc;
	border-radius: 3px;
}


[__14979] {
	font-weight: bold;
}

[__19058]{
	color: blue;
}

[__19059]{
	color: red;
}

[__19060]{
	color: yellow;
}

[__19061]{
	color: orange;
}

[__19062]{
	color: grey;
}

iframe{
	display: block;	/* To avoid white space surrounding the iframe  */
}

	
td, div, span {
	-webkit-text-size-adjust: none;
	box-sizing: border-box;		/* Includes border, padding in width and height; Margin IS NOT included. */
}

ul {
	list-style-type: none;
	margin: 0;
}

img {
	vertical-align: middle;
}

/* forms */
FORM {
	display: inline;
}

INPUT, TEXTAREA {
	AUTOCOMPLETE: off;
	ime-mode: disabled;
	padding: 2px;
	border: 1px solid #8CD2F5;
	border-radius: 4px;
	box-sizing: border-box;		/* Includes border, padding in width and height; Margin IS NOT included. */
}

/* button */

button{
	display:inline-block;
	vertical-align:center;
	padding:2px;
	border-radius:5px;
	font-size: 11px;
	border: 1px solid rgba(30, 167, 195, 1);
}
button:not([disabled]):hover{
	cursor:pointer;
	box-shadow: 2px 2px 10px #999999;
}

/* links */
a:link {
	color: blue;
	font-weight: normal;
	text-decoration: none;
}

a:visited {
	color: blue;
	font-weight: normal;
	text-decoration: none;
}

a:active {
	color: blue;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: blue;
	font-weight: normal;
	text-decoration: underline;
}

fieldset {
	border-radius: 4px;
	border: 1px solid #CCCCCC;
}

.__2539 {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */      
}

.__2540 {
	-webkit-user-select: text;  /* Chrome all / Safari all */
	-moz-user-select: text;     /* Firefox all */
	-ms-user-select: text;      /* IE 10+ */
	user-select: text;          /* Likely future */      
}

.__2544 {
	-webkit-user-select: all;  /* Chrome 49+ */
	-moz-user-select: all;     /* Firefox 43+ */
	-ms-user-select: all;      /* No support yet */
	user-select: all;          /* Likely future */      
}


[disabled]{				/* disabled mouse event: click, mouseover, hover...  */
	pointer-events:none;
}

.__2545{
	-webkit-transition:-webkit-filter 200ms linear;
}
.__2546:hover{
	-webkit-filter:brightness(1.1);
}
.__2547:hover{
	-webkit-filter:brightness(1.6);
}
.__2548:hover{
	-webkit-filter:brightness(2.6);
}


input.jui {
	visibility: hidden;
}

.grid {
	display:grid;
}

.inline-grid{
	display:inline-grid;
}

.centered {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.__2549 th {
	min-width: 30px;
	max-width: 200px;
	min-height: 26px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 2px 8px 2px 8px;
	border: 10px solid #333;
}

.__2549 thead td, .__2549 tbody td {
	min-width: 30px;
	max-width: 200px;
	font-size: 12px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 2px 8px 2px 8px;
	border: 1px solid #FFFFFF;
}

tbody::-webkit-scrollbar {
	width: 0;
}

.__2549 thead td {
	font-weight: bold;
}

.__2549>tbody>tr:nth-child(odd) {
	background: RGB(254, 238, 255);
}

.__2549>tbody>tr:nth-child(even) {
	background: RGB(162, 228, 255);
}

.__2549 thead {
	background: RGB(92, 147, 232);
}

.__2549>tbody>tr>td:nth-child(1) {
	font-weight: bold;
	font-size: 13px;
}

/* BOF juiPositionEmbeded */
.__2551 {
	/* position: absolute; */
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: auto;
	overflow-x: auto;
	overflow-y: auto;
}

.__2553 {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: auto;
	overflow-x: auto;
	overflow-y: auto;
}

/* EOF juiPositionEmbeded */

/* BOF __ Menu */
.__2556 {
	/*background: transparent url(/img/jui/input/checkbox_normal.png) no-repeat right;*/
	background: transparent no-repeat right;
	margin: 1px;
	padding: 2px;
	cursor: default;
}

.__2558 {
	/*background: transparent url(/img/jui/input/checkbox_normal.png) no-repeat left;*/
}

.__2558:hover {
	background-color: #FFFFFF;
	box-shadow: 0 0 10px #cccccc;
	cursor: pointer;
}

.__2560 {
	/*background: RGB(1, 143, 215) url(/img/jui/input/checkbox_selected.png) no-repeat left;*/
	color: blue;
	cursor: default;
}

.__2560:hover {
	/*background-color: RGB(50, 150, 230);*/
	box-shadow: 0 0 10px #cccccc;
}

.__2561 {
	/*background: #EEEEEE url(/img/jui/input/checkbox_disabled.png) no-repeat left;*/
	color: #999999;
}
/* EOF __ Menu */

.__2563 {
	cursor:default;
}
.__2563:hover {
	/*border-radius: 2px;*/
	box-shadow: 2px 2px 10px #999999;
	-moz-box-shadow: 2px 2px 10px #999999;
	-webkit-box-shadow: 2px 2px 10px #999999;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2) alpha(opacity = 80);
	-webkit-filter: sepia(0.2);
	opacity: 0.95;
	-moz-opacity: 0.95;
}


.__388 {
	cursor:pointer;
}

.__2565 {
	/*border-radius: 2px;*/
	box-shadow: 2px 2px 10px #999999;
	-moz-box-shadow: 2px 2px 10px #999999;
	-webkit-box-shadow: 2px 2px 10px #999999;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2) alpha(opacity = 80);
	-webkit-filter: sepia(0.2);
	opacity: 0.95;
	-moz-opacity: 0.95;
}

.__388:hover {
	/*border-radius: 2px;*/
	box-shadow: 2px 2px 10px #999999;
	-moz-box-shadow: 2px 2px 10px #999999;
	-webkit-box-shadow: 2px 2px 10px #999999;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2) alpha(opacity = 80);
	-webkit-filter: sepia(0.2);
	opacity: 0.95;
	-moz-opacity: 0.95;
}

/* EOF Standard Mouse Effect */

/* BOF Scrollbar */

/*
https://css-tricks.com/custom-scrollbars-in-webkit/
*/
::-webkit-scrollbar {
	width: 14px;
	height: 14px;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: rgba(148, 148, 148, 0.5);
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);  */
}

::-webkit-scrollbar-thumb:window-inactive {
	background-color: rgba(148, 148, 148, 0.2);
}

::-webkit-scrollbar-thumb:hover {
	background-color: rgba(148, 148, 148, 0.8);
}

::-webkit-scrollbar-track {
	/* box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  */
	border-radius: 10px;
	background-color: rgba(148, 148, 148, 0.06);
}

::-webkit-scrollbar-track:hover {
	background-color: rgba(148, 148, 148, 0.3);
	/* box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
}

::-webkit-scrollbar-track-piece {
	
}

::-webkit-scrollbar-corner {
	
}

::-webkit-resizer {
	
}

/* Buttons */
::-webkit-scrollbar-button {
	border-radius: 14px;
	background-color: rgba(148, 148, 148, 0.5);
}

::-webkit-scrollbar-button:hover {
	background-color: rgba(148, 148, 148, 0.8);
}


::-webkit-scrollbar-button:vertical {
	height: 7px;
}

::-webkit-scrollbar-button:horizontal {
	width: 7px;
}

/* Up */
::-webkit-scrollbar-button:vertical:decrement
{
  border-width: 0 7px 14px 7px;
  border-color: transparent transparent #606060 transparent;
}

::-webkit-scrollbar-button:vertical:decrement:hover
{
  border-color: transparent transparent #505050 transparent;
}


/* Down */
::-webkit-scrollbar-button:vertical:increment
{
  border-width: 14px 7px 0 7px;
  border-color: #606060 transparent transparent transparent;
}

::-webkit-scrollbar-button:vertical:increment:hover
{
  border-color: #505050 transparent transparent transparent;
}


/* Left */
::-webkit-scrollbar-button:horizontal:decrement
{
  border-width: 7px 14px 7px 0;
  border-color: transparent #606060 transparent transparent;
}

::-webkit-scrollbar-button:horizontal:decrement:hover
{
  border-color: transparent #505050 transparent transparent;
}


/* Right */
::-webkit-scrollbar-button:horizontal:increment
{
  border-width: 7px 0 7px 14px;
  border-color: transparent transparent transparent #606060;
}

::-webkit-scrollbar-button:horizontal:increment:hover
{
  border-color: transparent transparent transparent #505050;
}

/* EOF Scrollbar */


::-webkit-input-placeholder {
	color: #CCCCCC;
	font-size: 10px;
}

.text_stroke {
	-webkit-text-stroke: 0.02em rgba(50, 50, 50, 0.50);
}

.href {
	color: blue;
	cursor:pointer;
}

.block_text_stroke {
	-webkit-text-stroke: 0.02em rgba(50, 50, 50, 0.50);
}

.FW_UIButton {
	-webkit-app-region: no-drag;
	color: #9f9f9f;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	margin: 0;
	padding: 2px 4px 2px 4px;
	opacity: 0.5;
}

.FW_UIButton:hover {
	opacity: 0.8;
	color: gray;
	background: #999999;
}

.FW_msgError {
	background-color: yellow;
}

.FW_msgWarning {
	background-color: yellow;
}

.FW_msgSuccess {
	background-color: #87D0F6;
}

.FW_borderRadius8 {
	border-radius: 8px 8px 8px 8px;
}

.FW_borderRadius10 {
	border-radius: 10px 10px 10px 10px;
}

.FW_borderRadius12 {
	border-radius: 12px 12px 12px 12px;
}

.FW_borderRadius16 {
	border-radius: 16px 16px 16px 16px;
}

.FW_borderRadius20 {
	border-radius: 20px 20px 20px 20px;
}

.FW_borderRadius24 {
	border-radius: 24px 24px 24px 24px;
}

.FW_borderRadius32 {
	border-radius: 32px 32px 32px 32px;
}

.FW_borderRadius48 {
	border-radius: 48px 48px 48px 48px;
}

.FW_borderRadius64 {
	border-radius: 64px 64px 64px 64px;
}

.FW_objFloatDiv {
	border-radius: 10px 10px 10px 10px;
	box-shadow: 1px 1px 10px #666666;
	background: #FFFFFF;
	opacity: 0.95;
}

.FW_dialogBody {
	overflow: hidden;
}

.FW_tab {
	display: none;
}

.FW_appBorder {
	background: url(/imgs/bg/3521_1.jpg) repeat-x left top #FFFFFF;
	background-size: 100%;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 2px 2px 10px #666;
	padding: 10px;
	-webkit-box-shadow: 2px 2px 10px #666;
}

.FW_blockList {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.FW_blockListUnit {
	margin: 4px 4px 4px 0;
	padding: 1px;
	font-size: 12px;
	float: left;
	border: 0 solid #CCCCCC;
	background-color: #E0FFFF;
	color: #CCCCCC;
	vertical-align: middle;
	text-align: center;
}

.FW_blockListUnitTitle {
	font-weight: bold;
	text-decoration: underline;
}

.FW_blockPop {

}

.FW_blockSelection {
	background: #FFFFD7;
	border: 1px solid #4BCFFD
}

.FW_blockSelectionPop {
	position: absolute;
	border: 1px solid #999999;
	padding: 6px;
	box-shadow: 2px 2px 10px #666;
	-moz-box-shadow: 2px 2px 10px #666;
	-webkit-box-shadow: 2px 2px 10px #666;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3) alpha(opacity =       95);
	opacity: 0.95;
	-moz-opacity: 0.95;
}

.FW_blockSelectionOption {

}

.FW_blockSelectionOptionOn {

}

.FW_blockTextarea {
	background: #FFFFD7;
	border: 1px solid #4BCFFD
}

.FW_blockTextareaPop {
	position: absolute;
	border: 1px solid #999999;
	padding: 6px;
	box-shadow: 2px 2px 10px #666;
	-moz-box-shadow: 2px 2px 10px #666;
	-webkit-box-shadow: 2px 2px 10px #666;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3) alpha(opacity =       95);
	opacity: 0.95;
	-moz-opacity: 0.95;
}

.FW_effectShadow {
	box-shadow: 2px 2px 10px #666;
}

.FW_effectMouseHover {
	cursor:pointer;
}

.FW_effectMouseHover:hover {
	border-radius: 2px;
	box-shadow: 2px 2px 10px #999999;
	-moz-box-shadow: 2px 2px 10px #999999;
	-webkit-box-shadow: 2px 2px 10px #999999;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2) alpha(opacity = 80);
	-webkit-filter: sepia(0.2);
	opacity: 0.95;
	-moz-opacity: 0.95;
}

.FW_effectMouseHoverRound {
	cursor:pointer;
}

.FW_effectMouseHoverRound:hover {
	box-shadow: 2px 2px 10px #888888;
	-moz-box-shadow: 2px 2px 10px #888888;
	-webkit-box-shadow: 2px 2px 10px #888888;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3) alpha(opacity =       95);
	opacity: 0.95;
	-moz-opacity: 0.95;
}

.FW_menu {
	border-radius: 4 4 4 4;
	border: 1px solid #4FADE5;
	box-shadow: 2px 2px 4px #999999;
	background: #FFFFEF;
	opacity: 0.98;
	cursor: default;
}

.FW_menuHeader {
	background: url(/imgs/framework/menu/bg_header.png) no-repeat left #4FADE5;
	padding-left: 18px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
}

.FW_menuItem {
	background: url(/imgs/framework/menu/bg_dot_blue.png) no-repeat left #FFFFEF;
	padding-left: 14px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	color: #333333;
}

.FW_menuItemOn {
	background: url(/imgs/framework/menu/bg_dot_blue.png) no-repeat left #CCCCCC;
	padding-left: 14px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	color: #333333;
}

.FW_menuItemList {
	background: url(/imgs/framework/menu/bg_dot_blue.png) no-repeat left #FFFFEF;
	padding-left: 14px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	color: #333333;
}

.FW_menuItemListOn {

}

.FW_menuToBottom {
	border-radius: 0 4px 4px 4px;
	box-shadow: 2px 2px 4px #666666;
	background: #FFFFFF;
	opacity: 0.95;
}

.FW_menuToRight {
	border-radius: 0 0 4px 4px;
	box-shadow: 2px 2px 4px #666666;
	background: #FFFFFF;
	opacity: 0.95;
}

.FW_menuPopping {

}

.FW_textButton {
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	box-shadow: 2px 2px 4px #999999;
	background: #FFEEFF;
	opacity: 0.95;
	color: #000000;
	font-weight: normal;
	text-shadow: 1px 1px 0 #FFFFFF, 1px 1px 1px #666666;
	padding-left: 6px;
	padding-right: 6px;
	cursor: default;
}

.FW_chart {
	display: none;
}

.FW_chart td {
	color: orange;
	font-size: 10px;
}

.FW_note {
	background-color: #EEE0B9;
}

.FW_note_cancelled {
	color: #999999;
	background-color: #EEEEEE;
}

.FW_note_editing {
	background: url(/img/icon/16/edit_2.png) no-repeat right orange;
}

table.FW_table1 {
	border: 1px solid #999999;
	border-collapse: collapse;
	border-radius: 1px 1px 4px 4px;
	opacity: 1;
	min-width: 200px;
}

table.FW_table1 td {
	line-height: 22px;
}

table.FW_table1 .head {
	background: #53B6F1;
	font-weight: bold;
	color: blue;
}

table.FW_table1 .row_head {
	background: #ADE0F9;
	font-weight: bold;
}

table.FW_table1 .row_title {
	background: #FFFFD7;
}

table.__2566 {
	border: 1px solid #999999;
	border-collapse: collapse;
	border-radius: 0 0 4px 4px;
	box-shadow: 1px 1px 4px #666666;
	opacity: 1;
	min-width: 200px;
}

table.__2566 td {
	line-height: 22px;
}

table.__2566 .head {
	background: #53B6F1;
	font-weight: bold;
	color: blue;
}

table.__2566 .row_head {
	background: #ADE0F9;
	font-weight: bold;
}

table.__2568 {
	border: 1px solid #999999;
	border-collapse: collapse;
	border-radius: 0 0 4px 4px;
	box-shadow: 1px 1px 4px #666666;
	background: #FDFDFD;
	opacity: 1;
	min-width: 200px;
}

table.__2568 .head {
	background: #4FADE5;
	font-weight: bold;
	color: blue;
	padding-left: 12px;
	padding-right: 12px;
	white-space: nowrap;
}

table.__2568 .row_head {
	background: #ADE0F9;
	font-weight: bold;
}

table.__2568 .block_even {
	background: #FFFFFF;
}

table.__2568 .block_odd {
	background: #FFFFD7;
}

.__2570 {

}

.__2571 {
	background-image: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#EFEEFF), to(#FFFFFF));
}

.__2572 {
	background: #F0F1F1;
	border: 0;
	text-align: center;
	color: blue;
	font-size: 16px;
	font-weight: bold;
}

.__2573 {

}

.__2574 {
	background: #FFFFFF;
	border-radius: 4px;
	margin: 10px 10px 10px 10px;
	font-size: 10px;
	border: 1px solid #CCCCCC;
	cursor: default;
	color: #333333;
	text-align: left;
	white-space: nowrap;
}

.__2575 {
	background: #FFFFFF;
	border-radius: 4px;
	margin: 0 0 0 0;
	font-size: 10px;
	border: 1px dotted #CCCCCC;
	cursor: default;
	color: #333333;
	text-align: left;
	white-space: nowrap;
}

div.prDiv {
	background-color: #cecece;
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#999999', Positive='true');
}

td.prDiv {
	color: #666666;
}

div.floatMenuDiv {
	background-color: #E2E7FE;
	border: 1px solid #666666;
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#999999', Positive='true');
}

td.floatMenuDiv {
	color: #666666;
}

div.topLink {
	opacity: 0.3;
}

div.topLinkOver {
	opacity: 0.3;
}

.highlightText {
	color: blue;
}

.highlightTextBold {
	color: blue;
	font-weight: bold;
}

.tableBorder {
	background-color: #cccccc;
}

.tableHeader {
	font-weight: bold;
}

.tableCell {
	background-color: #ffffff;
	color: #000000;
}

a.headerLink:link {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

a.headerLink:visited {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

a.headerLink:active {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

a.headerLink:hover {
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}

a.menuBoxHeadingLink:link {
	color: #006666;
	font-weight: bold;
	text-decoration: none;
}

a.menuBoxHeadingLink:visited {
	color: #006666;
	font-weight: bold;
	text-decoration: none;
}

a.menuBoxHeadingLink:active {
	color: #006666;
	font-weight: bold;
	text-decoration: none;
}

a.menuBoxHeadingLink:hover {
	color: #006666;
	font-weight: bold;
	text-decoration: none;
}

a.menuBoxContentLink:link {
	color: #006666;
	font-weight: normal;
	text-decoration: none;
}

a.menuBoxContentLink:visited {
	color: #006666;
	font-weight: normal;
	text-decoration: none;
}

a.menuBoxContentLink:active {
	color: #006666;
	font-weight: normal;
	text-decoration: none;
}

a.menuBoxContentLink:hover {
	color: #006666;
	font-weight: normal;
	text-decoration: underline;
}

a.splitPageLink:link {
	color: #0000FF;
	font-weight: normal;
	text-decoration: none;
}

a.splitPageLink:visited {
	color: #0000FF;
	font-weight: normal;
	text-decoration: none;
}

a.splitPageLink:active {
	color: #0000FF;
	font-weight: normal;
	text-decoration: none;
}

a.splitPageLink:hover {
	color: #0000FF;
	font-weight: normal;
	text-decoration: underline;
	background-color: #FFFF33;
}

/* menu box */
.menuBoxHeading {
	color: #006666;
	padding: 0;
}

.menuBoxContent {
	color: #006666;
	padding: 0;
}

/* page */
.headerBar {
	background-color: #00BBDD;
}

.headerBarContent {
	color: #ffffff;
	font-weight: bold;
	padding: 0;
}

.columnLeft {
	background-color: #FFFFFF;
	border-top-color: #999999;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #999999;
	border-bottom-width: 0;
	border-bottom-style: solid;
	padding: 0;
}

.pageHeading {
	font-size: 18px;
	color: #00BBDD;
	font-weight: bold;
	background-color: #FFFFFF;
}

/* data table */
.dataTableHeadingRow {
	background-color: #00CCEE;
	height: 20px;
}

.dataTableHeadingContent {
	color: #ffffff;
	font-weight: bold;
}

.dataTableRow {
	background-color: #FFFFFF;
}

.dataTableRowSelected {
	background-color: #E7E0FE;
}

.dataTableRowOver {
	background-color: #F0F1F1;
	cursor: pointer;
	cursor: default;
}

.dataTableContent {
	color: #000000;
}

a.dataTableContent:link {
	color: #0000CC;
	font-weight: bold;
}

a.dataTableContent:active {
	color: #0000CC;
	font-weight: bold;
}

a.dataTableContent:visited {
	color: #0000CC;
	font-weight: bold;
}

a.dataTableContent:hover {
	color: #0000CC;
	font-weight: bold;
}

/* info box */
.infoBoxHeading {
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #00BBDD;
}

.infoBoxContent {
	color: #000000;
	background-color: #E7E0FE;
	height: 100%;
}

/* message box */
.messageBox {

}

.messageStackError, .messageStackWarning {
	background-color: #ffb3b5;
}

.messageStackSuccess {
	background-color: #99ff00;
}

/* account */
.formArea {
	background-color: #f1f9fe;
	border-color: #7b9ebd;
	border-width: 1px;
}

.formAreaTitle {
	font-weight: bold;
}

/* attributes */
.attributes-odd {
	background-color: #f4f7fd;
}

.attributes-even {
	background-color: #ffffff;
}

/* miscellaneous */
.specialPrice {
	color: #ff0000;
}

.oldPrice {
	text-decoration: line-through;
}

.fieldRequired {
	color: #ff0000;
}

.smallText {

}

.main {

}

.errorText {
	color: #ff0000;
}

.smallTextRow {
	border-color: #666666;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 8px;
}

.footer {
	color: #ffffff;
}

a.footer:link {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

a.footer:visited {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

a.footer:active {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

a.footer:hover {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

.productInfoCategory {
	width: 100px;
	background: #eaebee;
	font-weight: bold;
}

.productInfoTag {
	font-weight: bold;
}

.productInfoData {

}

.orderData {
	color: #999999;
}

.orderDataHead {
	font-weight: bold;
	color: #000000;
}

.calendar {
	color: #ffffff;
}

a.calendar:link {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

a.calendar:visited {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

a.calendar:active {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

a.calendar:hover {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

.inputField {
	background-color: #F1F9FE;
	color: #000000;
	BORDER-RIGHT: #333333 0 solid;
	BORDER-TOP: #333333 0 solid;
	FONT-SIZE: 9pt;
	BORDER-LEFT: #333333 0 solid;
	BORDER-BOTTOM: #7F9DB9 1px solid;
}

.inputFieldB {
	background-color: #F1F9FE;
	color: #333333;
	BORDER-RIGHT: #333333 0 solid;
	BORDER-TOP: #333333 0 solid;
	FONT-SIZE: 9pt;
	BORDER-LEFT: #333333 0 solid;
	BORDER-BOTTOM: #7F9DB9 1px solid;
}

.grayBorder {
	border: 1px solid #7F9DB9;
}

.detailsHead {
	font-weight: bold;
}

.inputFieldD {
	background-color: #FFFFFF;
	color: #000000;
	BORDER: #7F9DB9 1px solid;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
}

td.freightHead {
	font-size: 10px;
	background-color: #00CCEE;
	cursor: default;
	padding: 3px;
}

td.freightCol {
	font-size: 10px;
}