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

body {font:normal 13px Arial, Tahoma; color:#333333; margin:0; padding:0; text-align:left!important; text-align:center;}

a {color:#333333;}
a:hover {color:red;}


* img {border:0;}
.hidden{ display:none;}
.shown{ display:block;}
.clr {clear:both;}
.fleft {float:left; margin:0; padding:0;}
.centered {padding-top:15px; text-align:center;}
.position-fixed-bottom {position:fixed !important; bottom:0; right:0;}
.pre_source {margin:5px 5px 5px 15px; font-family:Arial; font-size:11px; background-color:#E4E4E4; width:580px; overflow:scroll; height:200px; border:1px black solid; text-align:left;}
.style1 {background-color:#FF8080; margin-left:30px;} 
.topic {color:#F5321C; font-size:14px;}
.topic a {color:#F5321C;}
.topic a:hover {color:#003366;}
.topic-page {color:#1C55AC; font-size:13px; margin:0; padding-left:15px; background:url('images/r24-bullet.gif') no-repeat left top;}
.topic-page a {color:#1C55AC; text-decoration:none;}
.topic-page a:hover {color:red;}
.topic-page1 {color:#1C55AC; font-size:13px; font-weight:normal; margin:0; padding-left:15px;}
.topic-page1 a {color:#1C55AC; text-decoration:none;}
.topic-page1 a:hover {color:red;}
.txt-remark {color:red; font-weight:bold;}
.txt-send {color:#1C55AC;}
.fleft-pic {float:left; padding-left:15px;}
.fright-pic {float:right; padding-right:15px;}
.detail {margin-top:5px;}

#container {width:970px !important; width:100%; margin:auto;}

/*  For Header  */
#header {width:970px; height:140px; background-image:url('images/r24-header.jpg'); position:relative;}
.header-link {color:yellow; position:absolute; right:10px; bottom:10px;}
.header-link a {color:yellow;}
.header-link a:hover {color:#0066FF;}

/*  For Menu top and bottom  */
#menutop {width:962px; height:30px; margin:2px auto; background:url('images/r24-bgmenumiddle.jpg') repeat-x;}
#menutop ul {width:auto; height:30px; margin:0; padding:0 7px; float:left;}
#menutop li {list-style:none; text-align:center; display:block; float:left; margin:3px 0;}
#menutop li a {display:inline-block; width:128px; float:left; padding:4px 0; text-align:center; color:white; text-decoration:none; font-weight:bold;}
#menutop li a:hover {color:white; background-color:#00CCFF;}
#menutop span {float:left; margin-top:5px; color:#0099FF;}
#menutop .fright {float:right;}

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


.page-style {width:962px; margin:10px auto; text-align:left;}
.page-style .top {width:962px; height:15px; background:url('images/r24-bgpagetop.jpg') no-repeat;}
.page-style .middle {padding:5px 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:#333333; text-decoration:none; }
.page-style .middle a:hover {color:red;}
.page-style .middle .hotelmenu {width:450px; margin:15px 0; padding:5px; float:left;}
.page-style .middle .hotelmenu a {color:#1C55AC; font-weight:bold;}
.page-style .middle .hotelmenu a:hover {color:red;}
.page-style .bottom {width:962px; height:11px; background:url('images/r24-bgpagebottom.jpg') no-repeat;}
.page-style .fright {float:right; margin:20px 0 20px 0;}
.page-style .fright1 {float:right; margin-top:70px;}


#content1 {width:962px; margin:auto auto 10px auto; padding:0; text-align:left;}
#content1 a {color:maroon;}
#content1 a:hover {color:#0099FF;}
#content1 form {margin:0; padding:0;}
#content1 input {width:196px; color:#666666;}


#content1 .block1 {float:left; width:230px; margin:0 0 10px 0!important; margin:0; padding:0; color:white; line-height:23px; list-style:none;}
#content1 .block1-left {float:left; width:14px; height:166px; background:url('images/r24-bgleft.jpg') no-repeat left;}
#content1 .block1-middle {float:left; width:202px; height:166px; background:url('images/r24-bgmiddle.jpg') repeat-x;}
#content1 .block1-right {float:left; width:14px; height:166px; background:url('images/r24-bgright.jpg') no-repeat right;}


#content1 .block2 {float:left; width:482px; margin:0 10px; background:url('images/r24-estlogo.jpg') no-repeat right bottom;}
#content1 .block2 ul {margin:5px 0 0 0; padding:0; list-style:none;}
#content1 .block2 ul li {padding-left:15px; background:url('images/r24-bullet.gif') no-repeat left top;}


.module-integration {width:auto; margin-bottom:10px; font:normal 13px Arial; text-align:left;}
.module-integration .top {width:328px; height:19px; background:url('images/r24-blocktop.jpg') no-repeat center;}
.module-integration .middle {width:298px; padding:0 15px; background:url('images/r24-blockmiddle.jpg') repeat-y center;}
.module-integration .bottom {width:328px; height:19px; background:url('images/r24-blockbottom.jpg') no-repeat center;}
.module-integration .middle input {float:right; width:100px; margin-top:10px; cursor:pointer;}


/*  For Footer  */
#footer {width:962px; height:118px; color:#333333; text-align:center; background:url('images/r24-footermiddle.jpg') repeat-x;}
#footer ul {margin:20px 0 10px 0;  padding:0 6px 0 6px; float:left;}
#footer li {list-style:none; text-align:center; display:block; float:left; margin:0;}
#footer li a {display:block; width:128px; padding:4px 0; float:left; text-align:center; color:#003366; text-decoration:none; font-weight:bold;}
#footer li a:hover {color:#003366; background-color:#00CCFF;}
#footer span {float:left; padding:4px 0; color:#1A8CFF;}
#footer .txt-copyright {width:700px; margin:auto; font-size:12px; color:#666666;}
#footer .fright {float:right;}