@charset "utf-8";
/* CSS Document */
/* Imports */
@import url("reset.css");
@import url("default.css");
@import url("decorate.css");
@import url("txt.css");
@import url("form.css");
@import url("table.css");
/* Body Home*/
body {
	color: #666;
	font-size: 12px;
	font-family: "Tahoma", Ms Sans Serif, Thonburi;
	line-height: 1.3;
	margin: 0;
	padding: 0;
	text-align: left;
}
header.body {
	width:974px; /*1000*/
	height:250px;
	background: url(../../th/mf/images/bg-header.gif) 0 0 no-repeat;
	padding:0 13px;
}
body.mf-home {
	background:url(../../th/home/images/bg.gif) repeat-x center 192px;
	color: #666;
	font-size: 12px;
	font-family: "Tahoma", Ms Sans Serif, Thonburi;
	line-height: 1.3;
	margin: 0;
	padding: 0;
	text-align: left;
}
header.mf {
	width:974px; /*1000*/
	height:421px;
	background: url(../../th/mf/images/bg-header-like-home.gif) 0 0 no-repeat;
	padding:0 13px;
}
nav#login {
	float:right;
	width:477px;
	height:38px;
	padding:10px 0;
	background:url(../../th/home/images/bg-login.gif) 0 0 no-repeat;
}
nav#login ul {
	float:left;
	list-style: none;
	margin:0;
	padding:0;
}
nav#login ul li {
	float:left;
	margin:0;
	padding:7px 10px;
	text-align:center;
}
nav#login ul li:nth-child(2) {
 border-right:1px solid #c4e6f5;
 padding:7px 20px;
}
nav#login ul li:nth-child(3) {
 padding:7px 20px;
}
.registration {
	float:right;
	padding-right:29px;
}
nav#funds {
	float:left;
	padding-left:60px;
}
nav#funds ul {
	float:left;
	list-style: none;
	margin:0;
	padding:0;
}
nav#funds ul li:first-child {
	float:left;
	margin:0;
	padding:8px 15px 0 0;
}
nav#funds ul li {
	float:left;
	margin:0;
	padding:0;
	position:relative;
}
nav#funds ul li a.mutualfund {
	width:94px;
	height:46px;
	display:block;
	background:url(../../th/home/images/icon-mutual-fund.jpg) 0 0 no-repeat;
	text-indent:-9999px
}
nav#funds ul li a.privatefund {
	width:91px;
	height:46px;
	display:block;
	background:url(../../th/home/images/icon-private-fund.jpg) 0 0 no-repeat;
	text-indent:-9999px
}
nav#funds ul li a.providentfund {
	width:113px;
	height:46px;
	display:block;
	background:url(../../th/home/images/icon-provident-fund.jpg) 0 0 no-repeat;
	text-indent:-9999px
}
nav#funds ul li a.contactus {
	width:89px;
	height:46px;
	display:block;
	background:url(../../th/home/images/icon-contact-us.jpg) 0 0 no-repeat;
	text-indent:-9999px
}
nav#funds ul li a:hover {
	background-position:0 -46px;
}	
.fiximghead {
	height:153px;
}
.fiximghead-home {
	height:154px;
}
figure.imghead { /*More ie6.css*/
	position:absolute;
	float:left;
	width:974px;
}
figure.imghead img {
	float:left;
}		
figure.imghead div.head-01 {
	float:left;
	display:block;
	width:616px;
	height:128px;
}	
figure.imghead div.caption {		
	float:left;
	display:block;
	width:328px;
	height:98px;
	padding:15px;
}	
div.caption h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:300;
	color:#e0f5fb;
	padding:0;
	margin:0;
}	
div.caption h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:1em;
	color:#baedf1;
	padding:0;
	margin:0;
}	
	
figure.imghead div.home-01 {
	float:left;
	display:block;
	width:646px;
	height:247px;
}	
figure.imghead div.home-caption {		
	float:left;
	display:block;
	width:298px;
	padding:20px 15px;
}	
div.home-caption h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:38px;
	font-weight:300;
	color:#e0f5fb;
	padding:0;
	margin:0;
}	
div.home-caption h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:1em;
	color:#baedf1;
	padding:0;
	margin:0;
}

section.body {
	position:relative;
	padding:25px 0;
	margin-bottom:25px;
	border:0px;
	border-top:none;
}
aside#banner {
	float:left;
	width:222px;
	padding-left:14px;
	margin-bottom:40px;
}	
aside#banner ul {
	float:left;
}
aside#banner ul li {
	float:left;
	display:block;
	width:222px;
}
aside#banner a {
	float:left;
	display:block;
}
aside#banner a.howtoinvest {
	background:url(../../th/mf/images/icon-how-to-invest.jpg) 0 0 no-repeat;
	width:183px;
	height:64px;
	text-indent:-9999px;
}
aside#banner a.riskprofile {
	background: url(../../th/mf/images/icon-risk-profile-for-mutual-fund.jpg) 0 0 no-repeat;
	width:183px;
	height:64px;
	text-indent:-9999px;
}
aside#banner a.personalcal {
	background: url(../../th/mf/images/icon-personal-calculator.jpg) 0 0 no-repeat;
	width:183px;
	height:64px;
	text-indent:-9999px;
	margin-top:3px;
}
aside#banner a.fif {
	background: url(../../th/mf/images/icon-fif-corner.jpg) 0 0 no-repeat;
	width:183px;
	height:64px;
	text-indent:-9999px;
	margin-top:2px;
}
aside#banner a.infodisclosures {
	background: url(../../th/mf/images/icon-information-disclosures.jpg) 0 0 no-repeat;
	width:183px;
	height:64px;
	text-indent:-9999px;
	margin-top:4px;
}
aside#banner a.newsletter {
	background: url(../../th/mf/images/icon-newsletter.jpg) 0 0 no-repeat;
	width:183px;
	height:64px;
	text-indent:-9999px;
	margin-top:3px;
}
aside#banner a.navs {
	background: url(../../th/mf/images/icon-navs.jpg) 0 0 no-repeat;
	width:183px;
	height:64px;
	text-indent:-9999px;
	margin-top:3px;
}
aside#banner a.fundcalendar {
	background: url(../../th/mf/images/icon-fund-calendar.jpg) 0 0 no-repeat;
	width:183px;
	height:64px;
	text-indent:-9999px;
	margin-top:3px;
}
aside#banner a.fundperformance {
	background: url(../../th/mf/images/icon-fund-performance.jpg) 0 0 no-repeat;
	width:183px;
	height:64px;
	text-indent:-9999px;
	margin-top:3px;
}
aside#banner a:hover {
	background-position:0 -64px;
}

div#mf-container {
	float:left;
	width:764px;
}
figure.imgsubhead {
	float:left;
	margin-bottom:40px;
}	
figure.mf-imgsubhead {
	float:right;
	margin-bottom:20px;
}	
table.subhead tr td.th {
	border-bottom:1px solid #e5e5e5;
}	
h1.th {
	float:left;
	font-family:'Tahoma', Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:300;
	color:#21529e;
	padding:0 0 10px 0;
	background:url(../../th/mf/images/bg-h1.gif) bottom left no-repeat;
	width:auto;
}	
table.subhead tr td.en h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:300;
	color:#21529e;
	padding:5px 0 0 0;
}	
div.container {
	text-align:center;
	padding:0 17px;
	width:966px;
}
div.container p {
	text-align:left;
}
div.mf-container {
	float:left;
	text-align:left;
	padding:0 17px 0 0;
}
div.mf-container h3 {
	color:#2d6bac;
	width:727px;
	padding:10px;
	background:#d0ecf1;
}
div.mf-container p {
	text-align:left;
	margin:10px 0 0 0;
	padding:10px 30px 0 30px;
}
div.mf-container ul {
	float:left;
	margin:5px 0 0 40px;
}	
div.mf-container ul li {
	float:left;
	background:url(../../image_shared/bullet.gif) 0 8px no-repeat;
	padding:3px 0 3px 15px;
	width:90%;
}
#download {
	float:left;
	width:215px;
}
#download div {
	float:left;
	margin:0 0 5px 0;
	width:207px;
	padding-left:8px;
}
#download figure {
	float:left;
}

/*accordion*/
/*what news*/
#wrapper {
	width:747px;
}
#wrapper  {
	/*display:none;*/
	float:left;
 *float:none;
	margin:0 0 100px;
	/*padding:5px 0 0 23px;*/
	padding:20px 0 0 0;
	/*width: 435px;*/
}
#wrapper .active {
	display:block;
}
#wrapper  ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	/*width:435px;*/
	width:425px;
	/*outline:1px dotted;*/
}
#wrapper  .first {
	margin:0 60px 0 0;
}
#wrapper  li {
	background:url('what-news-seperator.jpg') repeat-x 0 100%;
	float:left;
	/*height:60px;*/
	height:70px;
	margin:0;
	/*padding:5px 0 0;*/
	padding:12px 0;
	width:100%;
}
#wrapper  a {
	color:#666;

	margin:0;
	padding:0;
}
#wrapper  img {
	float:left;
	margin:0;
	padding:0;
	height:70px;
	width:113px;
}
#wrapper  p {
	float:left;
	font-size:12px;
	margin: 0 0 0 15px;
	padding: 10px 0;
	/*width: 333px;*/
	/*width:307px;*/
	width:280px;
}
#wrapper  b {
	display: block;
	margin:0 0 5px;
}
#wrapper  .viewall {
	float:right;
	margin:10px 20px 0;
	padding:0;
}

#wrapper .eo-accordion-wrapper {
	border-top:1px solid #c0d7d9;
	float:left;
	margin:0;
	padding:0;
	width:100%;
}
#wrapper   .eo-accordion-wrapper ul {
	float:left;
	margin:0;
	padding:0;
	width:100%;
}
#wrapper  .eo-accordion-wrapper li {
	float:left;
	height:auto;
	margin:0;
	padding:0;
	width:100%;
}
#wrapper  .eo-accordion-wrapper h3 {
	background:url('handle-bg.jpg') repeat-x 0 0;
	float:left;
	margin:0;
	padding:0;
	text-align:left;
	/*width:964px;*/
	width:745px;
	border-top:none;
	border-left:1px solid #c0d9d5;
	border-right:1px solid #c0d9d5;
	border-bottom:1px solid #c0d9d5;
}
#wrapper  .eo-accordion-wrapper h3.current {
	border-bottom:none;	
}
#wrapper  .eo-accordion-wrapper h3 a {
	color:#0d3a59;
	display:block;
	float:left;
	margin:0;
	padding: 12px 37px;
	position: relative;
	/*width:900px;*/
	width: 671px;
	outline:none;
}
#wrapper  .eo-accordion-wrapper h3 a:hover {
	text-decoration:none;
}
#wrapper  .eo-accordion-wrapper span {
	background: url('../../th/eo/images/accordion-arrow.jpg') no-repeat 0 0;
	float:right;
	height: 39px;
	position:absolute;
	right:45px;
	width: 39px;
	top: 0;
}
#wrapper  .eo-accordion-wrapper .active {
	background: url('../../th/eo/images/accordion-arrow.jpg') no-repeat 0 100%;	
}
#wrapper  .eo-accordion-wrapper .accordion-container {
	background: #E8F1F1;
	border-left:1px solid #c0d7d9;
	border-right:1px solid #c0d7d9;
	height:0;
	overflow:hidden;
	margin:0;
	width:745px;
	-o-transition:height .5s ease 0s;
	-ms-transition:height .5s ease 0s;
	-moz-transition:height .5s ease 0s;
	-webkit-transition:height .5s ease 0s;
	/*padding: 10px 0;*/
}
#wrapper .eo-accordion-wrapper .inner {
	float:left;
	margin:0;
	padding:20px 55px;
	width:675px;
}
#wrapper  .eo-accordion-wrapper .select {
	border-top:1px solid #c0d7d9;
	border-bottom:1px solid #c0d7d9;
}
#wrapper  .eo-accordion-wrapper .accordion-container p {
	margin:0.3em 0;
	padding:0;
	width:553px;
}
#wrapper  .eo-accordion-wrapper .accordion-container p a {
	color:#23549b;
}	
/*calendar*/
#month-selector {
	background:url('../../th/mf/images/calendar-selector-bg.jpg') no-repeat 0 3px;
	float:left;
	clear:both;
	display:inline;
	margin: 0 51px 26px;
	padding: 0 41px;
	width: 780px;	
}
#month-selector ul {
	float:left;
	margin:0;
	padding:0;
	width:100%;
}
#month-selector ul li {
	float:left;
	margin:0;
	padding:0;
	width:auto;
}
#month-selector ul a {
	/*border-left:1px solid #c0d7d9;*/
	display:block;
	float:left;
	height:45px;
	margin:0;
	padding:0;
	width:65px;
}
#month-selector ul a span {
	border-right:1px solid #c0d7d9;
	display:block;
	height: 31px;
	width:64px;
	margin: 3px 0 0 0;
}
#month-selector ul .jan {
	background:url('../../th/mf/images/january.jpg') no-repeat 0 0;
}
#month-selector ul .feb {
	background:url('../../th/mf/images/february.jpg') no-repeat 0 0;
}
#month-selector ul .mar {
	background:url('../../th/mf/images/march.jpg') no-repeat 0 0;
}
#month-selector ul .apr {
	background:url('../../th/mf/images/april.jpg') no-repeat 0 0;
}
#month-selector ul .may {
	background:url('../../th/mf/images/may.jpg') no-repeat 0 0;
}
#month-selector ul .jun {
	background:url('../../th/mf/images/june.jpg') no-repeat 0 0;
}
#month-selector ul .jul {
	background:url('../../th/mf/images/july.jpg') no-repeat 0 0;
}
#month-selector ul .aug {
	background:url('../../th/mf/images/august.jpg') no-repeat 0 0;
}
#month-selector ul .sep {
	background:url('../../th/mf/images/september.jpg') no-repeat 0 0;
}
#month-selector ul .oct {
	background:url('../../th/mf/images/october.jpg') no-repeat 0 0;
}
#month-selector ul .nov {
	background:url('../../th/mf/images/november.jpg') no-repeat 0 0;
}
#month-selector ul .dec {
	background:url('../../th/mf/images/december.jpg') no-repeat 0 0;
}
#month-selector ul .active a {
	background-position:0 100%;
	float:left;
	margin:0;
	padding:0;
	width:65px;
}
#month-selector ul .last a span {
	border-right:none;
}

/*nested accordion */
table.statement-of-provident-fund-account tr td .nested-accordion {
	float:none;
	margin:0 auto;
	padding:0;
	width:316px;	
}
table.statement-of-provident-fund-account tr td .nested-accordion .handle {
	background:url('../../th/mf/images/nested-accordion-bg.jpg') repeat-x 0 0;
	border:1px solid #c0d7d9;
	float:left;
	font-weight:normal;
	margin:0;
	padding:3px 8px;
	width:300px;
}
table.statement-of-provident-fund-account tr td .nested-accordion .handle a {
	background:url('../../th/mf/images/nested-accordion-icon.jpg') no-repeat 0 0;
	float:left;
	margin:0;
	padding:0;
	position:relative;
	width:100%;	
}
table.statement-of-provident-fund-account tr td .nested-accordion span {
	display: block;
	color: #06375B;
	float: left;
	font-size: 11px;
	margin: 0;
	padding: 0 40px;
	width: 220px;
}
table.statement-of-provident-fund-account tr td .nested-accordion b {
	background:url('../../th/mf/images/nested-accordion-arrow.jpg') no-repeat 0 0;
	height:23px;
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	top:3px;
	width:24px;
}
table.statement-of-provident-fund-account tr td .nested-accordion .active b {
	background-position:0 -23px;
}
table.statement-of-provident-fund-account tr td .nested-accordion ul {
	display:none;
	float:left;
	margin:0;
	padding:0;
	width:100%;	
}
table.statement-of-provident-fund-account tr td .nested-accordion ul li {
	border-left: 1px solid #C0D7D9;
	border-right: 1px solid #C0D7D9;
	border-bottom: 1px solid #C0D7D9;
	float: left;
	margin: 0;
	padding:15px 35px;
	width: 246px;
}
table.statement-of-provident-fund-account tr td .nested-accordion ul .odd {
	background:#e8f1f1;
}
table.statement-of-provident-fund-account tr td .nested-accordion ul .even {
	background:#f2f7f7;
}
table.statement-of-provident-fund-account tr td .nested-accordion ul b {
	background:none;
	color:#06375b;
	float:left;
	height: auto;
	margin:0;
	padding:0;
	position:static;
	width:100%;
}
table.statement-of-provident-fund-account tr td .nested-accordion ul a {
	background:url('../../th/mf/images/nested-accordion-bullet.jpg') no-repeat 0 5px;
	color:#2651a0;
	float:left;
	margin:0;
	padding:0 12px;
	text-decoration:underline;
}
table.disclosure-info tr td a {
	color:#2651a0;
	text-decoration:underline;
}
/*disclosure accordion*/
.disclosure-accordion {
	/*float:left;*/
	margin:0 auto;
	padding:0;
	width:604px;
}
.disclosure-accordion h3 {
	background:url('../../th/mf/images/handle-bg.jpg') repeat-x 0 0;
	float: left;
	margin: 0;
	border-top:1px solid #C0D7D9;
	border-left:1px solid #C0D7D9;
	border-right:1px solid #C0D7D9;
	padding: 5px 30px;
	position: relative;
	height:30px;
	width: 544px;
}
.disclosure-accordion h3.sibling {
	border-top:none;
}
.disclosure-accordion h3 a {
	float:left;
	cursor: pointer;
	display:block;
	margin:0;
	padding:0;
	width:100%;
}
.disclosure-accordion h3 span {
	color:#06375b;
	display: block;
	line-height: 1;
	font-weight:normal;
	float:left;
	margin:0;
	padding:0;
	width:100%;
}
.disclosure-accordion h3 em {
	background:url('../../th/mf/images/accordion-arrow.jpg') no-repeat 0 0px;
	height:39px;
	margin:0;
	right:0;
	top:0;
	padding:0;
	position:absolute;
	width:36px;
}
.disclosure-accordion h3 .active em {
	background-position:0 -39px;
}
.disclosure-accordion ul {
	display: none;
	background:#F2F7F7;
	border-left:1px solid #C0D7D9;
	border-right:1px solid #C0D7D9;
	border-bottom:1px solid #C0D7D9;
	float:left;
	margin:0;
	padding:0;
	width:100%;
}
.disclosure-accordion table {
	float:left;
	display:none;
}
.disclosure-accordion li {
	float: left;
	margin: 0;
	padding: 15px 25px;
	width: 554px;
}

/*nested accordion */
table.download tr td .nested-accordion {
	float:none;
	margin:0 auto;
	padding:0;
	width:316px;	
}
table.download tr td .nested-accordion .handle {
	background:url('../../th/mf/images/nested-accordion-bg.jpg') repeat-x 0 0;
	border:1px solid #c0d7d9;
	float:left;
	font-weight:normal;
	margin:0;
	position:relative;
	padding:3px 8px;
	width:300px;
}
table.download tr td .nested-accordion .handle a {
	background:url('../../th/mf/images/nested-accordion-icon.jpg') no-repeat 0 0;
	float:left;
	cursor:pointer;
	margin:0;
	padding:0;
	/*position:relative;*/
	width:100%;	
}
table.download tr td .nested-accordion span {
	display: block;
	color: #06375B;
	float: left;
	font-size: 11px;
	margin: 0;
	padding: 0 40px;
	width: 220px;
}
table.download tr td .nested-accordion b {
	background:url('../../th/mf/images/nested-accordion-arrow.jpg') no-repeat 0 0;
	height:23px;
	margin:0;
	padding:0;
	position:absolute;
	right:5px;
	top:5px;
	width:24px;
}
table.download tr td .nested-accordion .active b {
	background-position:0 -23px;
}
table.download tr td .nested-accordion ul {
	display:none;
	float:left;
	margin:0;
	padding:0;
	width:100%;	
}
table.download tr td .nested-accordion ul li {
	border-left: 1px solid #C0D7D9;
	border-right: 1px solid #C0D7D9;
	border-bottom: 1px solid #C0D7D9;
	float: left;
	margin: 0;
	padding:15px 35px;
	width: 246px;
}
table.download tr td .nested-accordion ul .odd {
	background:#e8f1f1;
}
table.download tr td .nested-accordion ul .even {
	background:#f2f7f7;
}
table.download tr td .nested-accordion ul b {
	background:none;
	color:#06375b;
	float:left;
	height: auto;
	margin:0;
	padding:0;
	position:static;
	text-align:left;
	width:100%;
	display: block;
}
table.download tr td .nested-accordion ul a {
	cursor: pointer;
	background:url('../../th/mf/images/nested-accordion-bullet.jpg') no-repeat 0 5px;
	color:#2651a0;
	float:left;
	margin:0;
	display: block;
	padding:0 12px;
	text-decoration:underline;
	width:222px;
	text-align: left;
}
/** 27.1_tisco-historical-nav **/
.txt-title-graph{
	float:left;
	font-weight:bold;
	padding:10px 0 25px 30px;
}
.txt-date-graph{
	float:right;
	padding:10px 30px 25px 0;
}
.graph{
	padding:0 0 25px 25px;
}
table.paging tr td a{
	color:#003399;
	font-weight:bold; 
}