/* Create by BooM Start 22/02/2010 */

body {font:normal 13px Arial; color:#333; margin:0; padding:0;}
h1 {line-height:0.1cm; font-size: 22px;color:#006699;margin:22px; FONT-FAMILY: Angsana New}
h2.small {line-height:0.3cm; font-size: 19px;color:#006699;margin:10px; FONT-FAMILY: Angsana New}

a {color:#333;}
a:link {
	FONT-SIZE: 13px; COLOR: #0066cc; TEXT-DECORATION: none
}
a:visited {
	FONT-SIZE: 13px; COLOR: #0066cc; TEXT-DECORATION: none
}
a:active {
	TEXT-DECORATION: none
}
a:hover {
	COLOR: #ff6600; BACKGROUND-COLOR: #eff7ff
}

.style13 {	font-size: 10pt;
	font-weight: bold;
}
.style15 {color: #346494}
.style16 {	font-size: 9pt;
	font-weight: bold;
}
.style41 {	font-size: 14px;
	font-weight: bold;
}
.style44 {color: #FF0000}
.style64 {color: #000000}
.style91 {font-size: 13px}
.style92 {color: #FF0000; font-size: 13px; }


* img {border:0;}
.hidden{ display:none ; }
.shown{ display:block ; }
.clr {clear:both;}
.fleft {float:left; margin:0; padding:0;}
/*.fleft textarea {width: 560px; font-size:11px; color:#666;}*/
.fright {float:right;}
.centered {padding-top:15px;  text-align:center;}
.position-fixed-bottom { position:fixed !important; bottom:0; right:0; }
.pre_source { margin: 5px; font-family: Arial; font-size: 11px; background-color:#E4E4E4; width:600px; overflow:scroll; height: 200px; border:1px #000000 solid; }
.style1 {background-color: #FF8080; margin-left:30px;} 
.topic {color:#F5321C; font-size:14px;}
.topic a {color:#F5321C;}
.topic a:hover {color:#036;}
.topic-page {color:#1C55AC; font-size:13px; margin:0; padding-left:15px; background:url('images/r24_bullet.gif') no-repeat left top;}

div#container {width:970px; margin:auto; background-color:#ffffff}


/*  For Header  */
div#header {height:120px; padding:20px 0 0 300px; background-image:url('images/header2.jpg');}


/*  For Menu top and bottom  */
div#menutop {width:962px; height:30px; margin:2px auto; background:url('images/r24_bgMenuMiddle.jpg') repeat-x;}
div#menutop ul{width:928px; height:30px; margin:0px; padding:0 7px 0 7px; float:left;}
div#menutop li{list-style:none; text-align:center; display:block; float:left; margin:3px 0;}
div#menutop li a{display:block; width:80px; float:left; padding:4px 0; text-align:center; color:#FFF; text-decoration:none; font-weight:bold;}
div#menutop li a:hover{color:#FFF; background-color:#0CF;}
div#menutop span {float:left; margin-top:5px; color:#09F;}


/*  For Content  */
div#content {width:100%; padding-top:10px;}
div#content p {margin-top:5px; padding-left:15px;}
div#content .answer {width:910px; margin:10px auto; padding:10px; border:1px double #D1D1D1; background:#E9E9E9;}
div#content .answer a {color:blue; font-weight:bold; text-decoration:underline;}
div#content .answer a:hover {color:#F00;}
div#content .subtopic {color:#1C55AC; font-size:13px; margin:0; padding-left:15px; background:url('images/r24_bullet.gif') no-repeat left top;}
div#content .text-alert {color:#F00; float:inherit; font-size:12px;}
div#content .tables-style {margin:30px auto auto auto; width:730px;}
div#content .tables-style th {text-align:right;}
div#content .tables-style input, div#content  .tables-style textarea {width:270px; color:#333;}
div#content .note {color:#F00; padding-top:5px; float:left;}
div#content .integration-topic {padding-left:20px; color:#333; font-size:20px; margin:0;}
div#content .integration a {color:blue; font-weight:bold; text-decoration:underline;}
div#content .integration a:hover {color:#F00;}
div#content .dotted-line {width:930px; margin:0 auto 10px auto; border-bottom:1px dotted #999; height:20px;}
div#content .faq {margin-top:20px; font-weight:bold;} 


.page-style {width:962px; margin:10px auto;}
.page-style .top {width:962px; height:10px; background:url('images/r24_bgPageTop.jpg') no-repeat;}
.page-style .middle {width:932px; padding:15px; background:url('images/r24_bgPageMiddle.jpg') repeat-y;}
.page-style .middle ul {margin:0; padding:0; float:left;}
.page-style .middle ul li {list-style:none;font-weight:bold; margin:10px 0; padding-left:20px; background:url('images/r24_arrowdown.gif') no-repeat left;}
.page-style .middle a {color:#333; text-decoration:none; }
.page-style .middle a:hover {color:#F00;}
.page-style .bottom {width:962px; height:11px; background:url('images/r24_bgPageBottom.jpg') no-repeat;}


div#content1 {width:962px; margin:auto;}
div#content1 a {color:#900;}
div#content1 a:hover {color:#09F;}
div#content1 form {margin:0; padding:0;}
div#content1 input {width:166px; height:14px; color:#666;}


div#content1 .block1 {width:398px; color:#FFF; float:left; line-height:25px;}
div#content1 .block1-left {width:14px; height:166px; float:left; background:url('images/r24_bgLeft.jpg') no-repeat left;}
div#content1 .block1-middle {width:340px; height:166px; float:left; background:url('images/r24_bgMiddle.jpg') repeat-x; padding:0 15px;}
div#content1 .block1-right {width:14px; height:166px; float:right; background:url('images/r24_bgRight.jpg') no-repeat right;}


div#content1 .block2 {width:98%; margin:5px 10px; float:left; background:url('images/r24_est2001Logo.jpg') no-repeat bottom right ;}
div#content1 .block22 {width:540px; margin:5px 10px; float:left; background:url('images/r24_est2001Logo.jpg') no-repeat bottom right ;}

div#content1 .block2 ul {margin:5px 0 0 0; padding:0; list-style:none;}
div#content1 .block2 ul li {padding-left:15px; margin-bottom:6px; background:url('images/r24_bullet.gif') no-repeat left top;}


div#content2 {width:966px; padding-top:10px ; margin:auto;}
div#content2 ul {width:966px; margin:0; padding:0; list-style:none;}
div#content2 ul li {width:318px; float:left; margin:0 2px; padding:0; text-align:center;}
div#content2 p {padding:0 10px; text-align:left;}
div#content2 .top {height:19px; background:url('images/r24_blockTop.jpg') no-repeat;}
div#content2 .middle {height:295px; background:url('images/r24_blockMiddle.jpg') repeat-y;}
div#content2 .middle p {margin:10px 0;}
div#content2 .bottom {height:29px; background:url('images/r24_blockBottom.jpg') no-repeat;}
div#content2 .middle input {float:right; width:100px; height:auto; margin-right:20px; cursor:pointer;}


/*  For Footer  */
div#footer {height:118px; color:#333; text-align:center; background:url('images/r24_footermiddle.jpg') repeat-x; }
div#footer ul {margin:20px 0 10px 0;  padding:0 6px 0 6px; float:left;}
div#footer li {list-style:none; text-align:center; display:block; float:left; margin:0;}
div#footer li a {display:block; width:80px; padding:4px 0; float:left; text-align:center; color:#036; text-decoration:none; font-weight:bold;}
div#footer li a:hover {color:#036; background-color:#0CF;}
div#footer span {float:left; padding:4px 0; color:#1A8CFF;}
div#footer .txt-copyright {width:760px; margin:auto; font-size:13px; color:#666;}