/* HTML Tags */

body {
	font-family: "MS PGothic", "MS PMincho", Osaka, sans-serif;
	color: #212121;			
	background-color: #FFFFFF;	
	margin: 0px;
}

h1 {
	font-size: 100%;
	color: #555555;
	background-image: url(../../images/common/h1_bg.gif);
	margin: 0px;
	padding: 0px;	
}

h2 {
	font-size: 100%;
	color: #255179;	
	background-image: url(../../images/common/h2_bg.gif);
	background-repeat: no-repeat;
	padding: 0px 15px 0px 15px;
	margin: 15px 5px 5px 0px;
}

h3 {
	font-size: 100%;
	font-weight: bold;
	color: #9F0000;
	padding: 0px 15px 0px 15px;
	margin: 10px 5px 5px 0px;	
}

h4 {
	font-size: 100%;
	font-weight: bold;
	color: #9F0000;
	padding: 0px 15px 0px 0px;
	margin: 10px 5px 5px 0px;	
}

/* Layout */

div#container {	
	width: 771px;
	background-image: url(../../images/common/bg_right.gif);
	background-position: right;
	background-repeat: repeat-y;	
}

div#rightborder {
	width: 760px;
	border-right: 1px solid #B7B7B7;
	font-size: 80%; /* Default Font Size */		
}

#greybartop {
	height: 10px;
	background-color: #E6E6E6;
	border-bottom: 1px solid #DFDFDF;	
}

div#contentarea {
	border-top: 1px solid #B7B7B7;
	margin-top: 1px;
	background-image: url(../../images/common/copyright_bg_top.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 8px;		
}

td#rightcol {
	width: 589px;
	vertical-align: top;	
}

div#content {
	margin-left: 7px;
	margin-right: 7px;
	vertical-align: top;
}

div#contentmargin {
	margin: 5px 2px 5px 2px;
}

div#totop {
	margin: 10px 2px 0px 2px;
	text-align: right;
}

div#copyright {
	font-size: 90%;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #3D3D3D;
	text-align: right;
	background-image: url(../../images/common/copyright_bg.gif);
	background-repeat: repeat-x;
	padding: 7px;
	border-top: 1px solid #B7B7B7;	
	border-bottom: 1px solid #B7B7B7;
}

div#botbg {		
	width: 764px;
	background-image: url(../../images/common/copyright_bg_bot.gif);
	background-position: bottom;
	background-repeat: repeat-x;	
}

div.greydot {
	background-image: url(../../images/common/div_horizontal.gif);
	background-repeat: repeat-x;	
}

/* Header */

div#outerheader {	
	border-bottom: 1px solid #BDBDBD;		
}

div#innerheader {
	border-bottom: 1px solid #969696;
	background-image: url(../../images/common/bg_header.gif);
	background-repeat: repeat-x;
}

td#utility {	
	font-size: 110%;
	padding-bottom: 8px;
	text-align: right;	
}

td#utility a:link, td#utility a:active, td#utility a:visited {	
	color: #252525;
	text-decoration: none;
	border-right: 1px solid #252525;
	padding-right: 15px;
	padding-left: 8px;
}

td#utility a:hover {
	color: #086BA9;
}

td#utility #lastutility {
	border-right: none;
}

td#utility #utilityon {	
	color: #086BA9;
	font-weight: bold;	
	border-right: 1px solid #252525;
	padding-right: 15px;
	padding-left: 8px;
}		

.headblacklist {
	color: #000000;
	font-weight: bold;	
	margin: 10px 0px 10px 0px;
	display: block;
}

/* Middle Image */

div#midimg {
	margin: 25px 0px 5px 0px;
	border-top: 5px solid #666666;
	border-bottom: 5px solid #666666;	
}

/* Left Navigation */

td#leftnav {
	font-size: 110%;
	width: 171px;
	background-color: #00416F;	
	vertical-align: top;
}

td#leftnav a {	
	color: #363636;
	font-weight: bold;
	background-image: url(../../images/common/leftnav_bg.gif);
	padding: 6px 5px 6px 21px;
	border-bottom: 2px solid #FFFFFF;
	display: block;
}

td#leftnav a:hover {
	background-image: url(../../images/common/leftnav_bg_over.gif);
}

td#leftnav #leftnavon {	
	color: #363636;
	font-weight: bold;
	background-image: url(../../images/common/leftnav_bg_over.gif);
	padding: 6px 5px 6px 21px;
	border-bottom: 2px solid #FFFFFF;
	display: block;
}

div#addressheading {
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(../../images/common/bg_addressheading.gif);
	padding: 6px;
	border-bottom: 2px solid #FFFFFF;
}

div#addressbox {
	color: #FFFFFF;
	background-color: #0180CE;
	border-bottom: 4px solid #3FA7E7;
	padding: 6px;	
}

div#leftbluebg {
	background-image: url(../../images/common/bg_leftblue.gif);
	background-position: top;
	background-repeat: repeat-x;
	height: 234px;	
}

/* Sub Navigation */

div#subnav {	
	font-weight: bold;
	margin: 0px 7px 7px 7px;
}

div#subnav a#mainsub {
	font-size: 110%;
	color: #D1560B;
}

div#subnav a#mainsub:hover {
	color: #FF9C00;
}

div#subnav a {
	color: #545454;
	text-decoration: none;
	margin-right: 10px;
}

div#subnav a:hover {
	color: #0180CE;
}

div#subnav #subnavon {
	color: #0180CE;
	margin-right: 10px;
}

div#subnav #mainsubon {
	font-size: 110%;
	color: #D1560B;
	margin-right: 10px;
}

/* Links */

a:link, a:active, a:visited {
	color: #004F83;
	text-decoration: none;
}

a:hover {
	color: #0180CE;
}

a.linkorange:link, a.linkorange:active, a.linkorange:visited {
	color: #FF9C01;
	text-decoration: none;
}

a.linkorange:hover {
	color: #FF2222;
}

a.linkwhite:link, a.linkwhite:active, a.linkwhite:visited {
	color: white;
	text-decoration: none;
}

a.linkwhite:hover {
	color: yellow;
}


/* Fonts */

.bold {
	font-weight: bold;
}

.red {
	color: #FF0000;
}

.en {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.ensmall {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
}

.yellow {
	color: #FFD200;
}

.blue {
	color: #003B81;
}

.grey {
	color: #606060;
}

.brown {
	color: #DB961D;

}

/* List */

ul.uleggshell {
	margin: 5px 0px 5px 25px;
	padding: 0px;
}

ul.uleggshell li {
	margin-bottom: 5px;
}

ol {
	margin-top: 10px;
	margin-bottom: 5px;
}

ol.ol2 {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 25px;
}

ul.ulblue {	
	list-style-image: url(../../images/common/bluetri_list.gif);
	list-style-position: outside;
	margin-bottom: 0px;
}

ul.ulblue li {
	margin-bottom: 10px;	
}

ul.ulorange {	
	margin-bottom: 0px;	
	margin-top: 0px;	
}

ul.ulorange li {
	list-style-image: url(../../images/orangecir_list.gif);
	list-style-position: outside;
	margin-bottom: 5px;
}

/* Alignment & Margin */

.marginbottom3 {
	margin-bottom: 3px;
}

.marginright11 {
	margin-right: 11px;	
}

.marginleft11 {
	margin-left: 11px;
}

.marginleft30 {
	margin-left: 30px;
}

#firsth2 {
	margin-top: 5px;
}

div.divblock {
	display: table;

}

/* For Text Browser */

div.noshow {
	display: none;
}

/* Index */

div#contentleft {
	width: 343px;
	float: left;		
	background-image: url(../../images/common/div_vertical.gif);
	background-position: right;
	background-repeat: repeat-y;
}

div#contentright {
	width: 231px;		
	float: right;	
}

div.indexheading {	
	font-weight: bold;
	background-image: url(../../images/common/h1_bg.gif);	
}

.contentleftmargin {	
	margin: 0px 11px 10px 2px;	
}

td.eggshell {
	background-image: url(../../images/bg_eggshell.gif);
	background-repeat: repeat-y;
	padding: 7px 10px 7px 7px;
	text-align: left;		
}

td.whatsnew {
	background-image: url(../../images/bg_whatsnew.gif);
	background-repeat: repeat-y;
	padding: 7px 10px 7px 7px;
	text-align: left;	
}

div.greydivider {	
	border-bottom: 1px dashed #363636;	
	margin-bottom: 3px;	
}

/* QNA */

div#qna {
	text-align: right;
	margin-top: 30px;
}

div#qna a, div#qna #qnaon {
	border-right: 1px solid #212121;	
	padding-right: 3px;
	padding-left: 3px;	
}

div#qna a#firstqna {
	border-left: 1px solid #212121;
	padding-left: 5px;
}

div#qna #firstqnaon {
	border-right: 1px solid #212121;
	border-left: 1px solid #212121;	
	padding-right: 3px;
	padding-left: 5px;	
}

/* ADMIN */

ul.ulblue2 {	
	list-style-image: url(../../images/common/bluetri_list.gif);
	list-style-position: outside;
	margin-bottom: 0px;
	margin-left: 15px;
}

ul.ulblue2 li {
	margin-bottom: 5px;
	display: block;
}

/* TD Table*/

td.tdprofilehead1 {
	background-color: #E3E3E3;
	border-bottom: 1px dotted #656262;
	border-right: 3px solid #FFFFFF;
	color: #00538A;
	padding: 3px 3px 3px 5px;
	height: 18px;
	vertical-align: top;	
}

td.tdprofilehead2 {
	background-color: #F0F0F0;
	border-bottom: 1px dotted #656262;
	border-right: 3px solid #FFFFFF;
	color: #00538A;
	padding: 3px 3px 3px 5px;
	height: 18px;
	vertical-align: top;	
}

td.tdprofile1 {
	background-color: #F0F0F0;
	border-left: 1px solid #656262;
	border-bottom: 1px dotted #656262;
	border-right: 1px solid #656262;
	padding: 3px 3px 3px 5px;
	vertical-align: top;		
}

td.tdprofile2 {
	background-color: #FFFFFF;
	border-left: 1px solid #656262;
	border-bottom: 1px dotted #656262;
	border-right: 1px solid #656262;
	padding: 3px 3px 3px 5px;
	vertical-align: top;
}

td.tdfeehead {
	color: #FFFFFF;
	font-weight: bold;
	/*background-color: #7BB4DC;
	border-top: 3px solid #558EB6;
	border-bottom: 3px solid #558EB6;
	border-right: 1px solid #558EB6;*/
	background-color: #f4ae34;
	border-top: 1px solid #ffc65b;
	border-bottom: 1px solid #ba5c02;
	border-right: 1px solid #ba5c02;
	padding: 3px 3px 3px 5px;
	height: 20px;		
}

td.tdfee {
	/*background-color: #E8E8E8;*/
	/*border-right: 1px solid #959494;*/
	/*border-bottom: 1px solid #959494;*/
	background-color: #F5F5F5;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 3px 3px 3px 5px;
	vertical-align: top;
	height: 20px;		
}

/* Form */

.textbox300px {
	color: #1A579C;
	width: 300px;
	border-width: 1px;
	border-top-color: #7F9DB9;
	border-right-color: #7F9DB9;
	border-bottom-color: #7F9DB9;
	border-left-color: #7F9DB9;
	border-color: #7F9DB9;
	border-style: solid;
}

.textbox140px {	
	width: 140px;
	color: #1A579C;
	border-top-color: #7F9DB9;
	border-right-color: #7F9DB9;
	border-bottom-color: #7F9DB9;
	border-left-color: #7F9DB9;
	border-color: #7F9DB9;
	border-style: solid;
	border-width: 1px;
}

.textbox40px {
	width: 40px;
	color: #1A579C;
	border-top-color: #7F9DB9;
	border-right-color: #7F9DB9;
	border-bottom-color: #7F9DB9;
	border-left-color: #7F9DB9;
	border-color: #7F9DB9;
	border-style: solid;
	border-width: 1px;
}

.textarea300px {
	width: 300px;
	color: #1A579C;
	border-color: #7F9DB9;
	border-style: solid;
	border-width: 1px;
}

.formselect {	
  	width: 150px;
	height: 50px;	
	color: #1A579C;
}

.formbutton {
	width: 60px;
	height: 20px;	
	font-weight: bold;
	border: 1px solid #959595;
	margin-right: 10px;
}




/* Calendar */

.main {
	width:160px;
	border:1px solid #074E7E;
	padding: 1px;
	background-color:#FFFFFF;
	
}

.month {
	background-color:#0180CD;
	font:bold 12px verdana;
	color:white;
}

.daysofweek {
	background-color:#E6E6E6;
	font:bold 12px verdana;
	color:#585858;
}

.days {
	font-size: 12px;
	font-family:verdana;
	color:#4D4D4D;
	background-color: white;
	padding: 0px;
}

.days #today{
	font-weight: bold;
	color: red;
}


/*========= add by tong ==========*/
hr.hrdot {
	border-top: 1px dashed #28B;
	border-bottom: 1px solid #fff;
	color: #fff;
	background-color: #fff;
	height: 1px;
}