﻿@charset "utf-8";
/* DSB: */
body {
	font-family: PMingLiu, Arial, Helvetica, sans-serif;
	color:#2E2E2E;

}

.body_margin {
	margin-top: 5px;
	margin-left: 5px;
}

.loginField_width {
	width: 140px;
	border: 1px solid #CCCCCC;
}


/* HTML element */
select {
	font-size: 12px;
	background-color: #F4F4F4;	
}

/*
input[type="text"]  {
	font-size: 12px;
	border: 1px solid #CCCCCC;
}
input[type="password"] {
	font-size: 12px;
	border: 1px solid #CCCCCC;
}
*/
textarea {
	font-size: 12px;
}

td {
	font-size: 12px;
	vertical-align:top;
	line-height:130%;
}

ol {
	margin:0px;
	padding-left:30px;
	
}


/* HYPERLINK */
/* hyperlink type 1 - General org: no underline(red), over: underline(red)*/
a {
	text-decoration:none;
	color: #990033;
}
		
a:hover {
	text-decoration:underline;
	color: #990033;
}
		
/* hyperlink type 2, org: no underline(grey), over: underline(red)*/
#linkType2 a {
	text-decoration:none;
	color: #666666;
}

#linkType2 a:hover {
	text-decoration:underline;
	color: #990033;
}
		
/* hyperlink type 3, org: underline(grey), over: underline(red)*/
#linkType3 a {
	text-decoration:underline;
	color: #666666;
}
		
#linkType3 a:hover {
	text-decoration:underline;
	color: #990033;
}
/* ------- END hyperlink ----------------*/




/* For Remarks (smaller) */
.remarks_11px {
	font-size: 11px;
	color: #666666;
	
}
.remarks_11px a{
	font-size: 11px;
	color: #666666;
	text-decoration: underline;
}
.remarks_11px a:hover{
	font-size: 11px;
	color: #990033;
	text-decoration:underline;
}

.remarks_10px {
	font-size: 10px;
	color: #666666;	
}

.remarks_10px a{
	font-size: 10px;
	color: #666666;
	text-decoration: underline;
}
.remarks_10px a:hover{
	font-size: 10px;
	color: #990033;
	text-decoration:underline;
}



/* HTML element with ID specified*/
#errorTD td {
	font-size: 12px;
	color: #616161;
	vertical-align:top;
}
#footerTD td {
	font-size: 11px;
	color: #616161;
}

#errorMsg1 ul {	
	list-style:none;
	list-style-image: url(../images/common/g_error_mark.gif);
	margin:0px;
	color:#b81e54;
	padding: 0px 0px 0px 17px;
}
		
/* Separate formatting Class */
.separator_grey {
	background-color: #d7d7d7;
}
.separator_grey2 {
	background-color: #e7e8e9;
}
.separator_red {
	background-color: #b81651;
}

.separator_white {
	background-color: #FFFFFF;
}

.border {
	border: 1px solid #cfcfcf;
}
.border_left {
	border-left: 1px solid #cfcfcf;
}

.padding3 {
	padding: 3px;
		
}


/* === Button ==== */

/************************************************
	Round Corners Button Rollover Example 2	
************************************************/
ul.tier2 {
	margin-left:-10px;
}
.tier2 li {
	display:inline; 
	list-style:none;	
}

.tier2 li a {
	background:transparent url(../images/common/button/buttons.jpg) no-repeat top left;
	display:block; 
	float:left; 
	height:22px;
	margin-right:3px;
}

.tier2 li a span {
	background:transparent url(../images/common/button/buttons.jpg) no-repeat right top;
	cursor:pointer;
	display:inline; 
	float:left;  
	height:19px;
	padding:3px 10px 0 0; 
	margin-left:10px;	
}

.tier2 li a:hover {
	background-position:0px bottom; 
	color:#fff;
	text-decoration:none;
}

.tier2 li a:hover span {
	background-position:right bottom;
	text-decoration:none;
}







/* ==== eDM === */
/* for eDM*/
#edm.remarks {
	font-size: 11px;
	color: #454545;
	background-color: #EEEFF0;
	margin: 0px;
	line-height: 130%;
}

#edmLinkType1 a {
	text-decoration:underline;
	color: #990033;
}
		
#edmLinkType1 a:hover {
	text-decoration:underline;
	color: #666666;
}



/* old format */
.table_bkgd_red {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #b81e54;
	padding: 3px;
	height:20px;
}
.table_bkgd_grey {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #999999;
	padding: 3px;
}
.table_bkgd_grey_FontBlack {
	font-weight: bold;
	color: #2E2E2E;
	background-color: #D1D1D1;
	padding: 3px;
}
.table_bkgd_white {
	color: #333333;
	padding: 3px;
}
/* END old format */

/* HYPERLINK */
/* hyperlink type 1 - General org: no underline(red), over: underline(red)*/
a {
	text-decoration:none;
	color: #990033;
}
		
a:hover {
	text-decoration:underline;
	color: #990033;
}
		
/* hyperlink type 2, org: no underline(grey), over: underline(red)*/
#linkType2 a {
	text-decoration:none;
	color: #666666;
}

#linkType2 a:hover {
	text-decoration:underline;
	color: #990033;
}
		
/* hyperlink type 3, org: underline(grey), over: underline(red)*/
#linkType3 a {
	text-decoration:underline;
	color: #666666;
}
		
#linkType3 a:hover {
	text-decoration:underline;
	color: #990033;
}
/* ------- END hyperlink ----------------*/
