/**************/
/*** GLOBAL ***/
/**************/

body{
	background-color: #ffffff; margin: 0px;
	text-align: left; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:9pt; line-height: 13pt; font-weight:550; color:#626365;
}
div {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
table tr td { border:0; }
img { border: 0px; }
h2 { font-size:13pt; line-height:17pt; color:#F5821F; font-weight:600; margin-top:3px; }
h3 { font-size:12pt; line-height:16pt; color:#626365; }
h4 { font-size:11pt; line-height:15pt; color:#626365; }
h5 { font-size:11pt; line-height:15pt; color:#626365; margin-top:0px; }
p { font-size:9pt; line-height: 13pt; color:#626365; }
ol { margin-left:-3px; padding-left:10px; font-size:9pt; line-height: 13pt; }
ul { list-style-type:square; margin-left:-4px; padding-left:5px; font-size:9pt; line-height: 13pt; }
li { margin-left:15px; display:list-item; }
li .alpha{ list-style-type:lower-alpha; margin-left:25px; padding-left:0px; font-size:9pt; line-height: 13pt; }
/* a link general */
a, a:link, a:active { color:#F5821F; text-decoration:none;}
a:visited { color:#F5821F; text-decoration:none; }
a:hover { text-decoration:none; }
/* a link type1 */
a.type1, a:link.type1, a:active.type1, a:visited.type1 { color: #626365; text-decoration:none; padding-left: 1em; padding-right: 1em; }
a:hover.type1 { color: #F5821F; background-color: #FEE1C8; text-decoration:none; padding-left: 1em; padding-right: 1em; border-top: 1px solid #FEE1C8; border-bottom:1px solid #FEE1C8; padding-top:1px; padding-bottom:1px; }
/* a link type1-active */
a.type1-active, a:link.type1-active, a:active.type1-active, a:visited.type1-active, a:hover.type1-active { padding-top:1px; padding-bottom:1px; letter-spacing:0.5px; font-weight:bold; color: #F5821F; background-color: #FEE1C8; text-decoration:none; padding-left: 1em; padding-right: 1em; border-top: 1px solid #FEE1C8; border-bottom:1px solid #FEE1C8; }
/* a link type2 */
a.type2, a:link.type2, a:active.type2, a:visited.type2 { color: #FFFFFF; text-decoration:none; }
a:hover.type2 { color: #F5821F; font-style:italic; text-decoration:none; }
/* a link type3 */
a.type3, a:link.type3, a:active.type3, a:visited.type3 { margin:0px; height:23px; color: #F5821F; text-decoration:none; padding-left: 1em; padding-right: 1em;  }
a:hover.type3 { color: #F5821F; text-decoration:none; }



/**************/
/*** PTYPE1 ***/
/**************/

/*** HEADER***/
#ptype1-header { width: 100%; }
#ptype1-header .container { width: 886px; text-align: left; margin: 0px auto 0px; }

/*** MAINNAV-HORIZONTAL ***/
#ptype1-mainnav-horizontal { width: 100%; font-size:8pt; line-height: 12pt; }
#ptype1-mainnav-horizontal .container { width: 886px; text-align: left; margin: 0px auto 0px; }

/*** SUBNAV-HORIZONTAL ***/
#ptype1-subnav-horizontal { width: 100%; font-size:8pt; line-height: 12pt; }
#ptype1-subnav-horizontal .subnav-header { width: 886px; text-align: left; margin: 0px auto 0px; border-top: 1px solid #626365; border-bottom:1px solid #626365; }
#ptype1-subnav-horizontal .subnav-follower { width: 886px; text-align: left; margin: 0px auto 0px; border-bottom:1px solid #626365; background-color: #FEE1C8; }


/**************/
/*** PTYPE2 ***/ /* inherit from ptype1 */
/**************/
#ptype2-iframe { padding-right:7px; }
#ptype2-iframe .container { font-size:9pt; line-height: 13pt; text-align: left;  }
.iframe-ptype2 { width:380px; height:270px; }
/*** PTYPE2A (3 types of table column: 1. numbering, 2. image, 3. description) ***/
#ptype2-iframe .ptype2-numbering { width:30px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:9pt; line-height: 13pt; text-align:right; vertical-align:top; padding-top:1px; padding-right:5px; }
#ptype2-iframe .ptype2-image{ padding-top:3px; vertical-align:top; }
#ptype2-iframe .ptype2-description-a { width:250px; text-align:left; vertical-align:top; margin-top:0px; padding-right:5px; padding-left:0px; padding-bottom:0px; }
#ptype2-iframe .ptype2-description-b { text-align:left; vertical-align:top; margin-top:0px; padding-right:5px; padding-left:5px; padding-bottom:10px; }
#ptype2-iframe .ptype2-description-c { text-align:left; vertical-align:top; margin-top:0px; padding-right:5px; padding-left:10px; padding-bottom:20px; } /* disamping image */


/************************/
/*** PTYPE3 - WHITE BG***/
/************************/

/*** HEADER ***/
#ptype3-header { width: 100%; }
#ptype3-header .container { width: 886px; text-align: left; margin: 0px auto 0px; }

/*** SUBNAV-HORIZONTAL ***/
#ptype3-subnav-horizontal { width: 100%; font-size:8pt; }
#ptype3-subnav-horizontal .subnav-alt1 { width: 886px; text-align: left; margin: 0px auto 0px; background-color:#CBCCCD; }
#ptype3-subnav-horizontal .subnav-alt2 { width: 886px; text-align: left; margin: 0px auto 0px; background-color:#DCDDDF; }
#ptype3-subnav-horizontal .subnav-alt3 { width: 886px; height:41px; text-align: left; margin: 0px auto 0px; background-color:#FFFFFF; }
#ptype3-subnav-horizontal .subnav-alt4 { width: 886px; text-align: left; margin: 0px auto 0px; background-color:#555555; color:#FFFFFF; padding-bottom:20px; }
#ptype3-subnav-horizontal .subnav-alt5 {  width: 886px; text-align: left; margin: 0px auto 0px; background-color:#FEE1C8; }

#ptype3-subnav-horizontal .pagination {  float:right; height:20px; vertical-align:bottom; padding-right:20px; color:#F5821F; }
/* a link pagination */
a.page1, a:link.page1, a:active.page1, a:visited.page1 { color: #F5821F; text-decoration:none; }
a:hover.page1 { color: #FFFFFF; background-color:#F5821F; text-decoration:none; }
/* a link pagination-active */
a.page1-active, a:link.page1-active, a:active.page1-active, a:visited.page1-active, a:hover.page1-active { letter-spacing:0.5px; color: #FFFFFF; background-color:#F5821F; text-decoration:none; }


/*** BODY ***/
div#ptype3-body { width: 886px; text-align:left; height:100%; margin: 0px auto 0px; padding-top:15px; vertical-align:top; font-size:9pt; line-height: 13pt; }
/*** MAINNAV-VERTICAL ***/
td#sidebar { width: 175px; height: 100%; vertical-align: top; }
/*** CONTENT LEFT ***//** double column content - left **/
td#content-left-top { width:150px; height:90px; vertical-align:top; }
td#content-left-bottom { width:150px; vertical-align:top; }
/*** CONTENT RIGHT ***//** double column content - right **/
td#content-right { width:560px; height: 100%; vertical-align:top; padding-bottom:8px; }
td#content-right .branches-intro { margin-right:40px;padding-bottom:10px;border-bottom:1px solid #F5821F; }
.iframe-ptype3 { width:520px; height:230px; margin-left:20px; }
.iframe-ptype3a { width:450px; height:230px; margin-left:40px; }

/*** CONTENT MERGE ***//** one column content - left&right **/
td#content-merge { width:710px; height:300px; vertical-align:top; margin-top:0; padding-top:0; vertical-align:top;  }
/*** CONTENT MERGE CMS ***//** one column content - left&right **/
td#content-merge-cms { width:900px; height:300px; vertical-align:top; margin-top:0; padding-top:0; vertical-align:top;  }

/*** CONTENT BACKBUTTON ***/
td#content-backbutton { height:20px; vertical-align:top; text-align:right; padding-right:20px; border-bottom:1px solid #CBCCCD; }
/*** CONTENT BACKBUTTON ***/
td#content-topbutton { width:30px; height:20px; vertical-align:top; text-align:right; padding-right:20px; border-bottom:1px solid #CBCCCD; }
/*** CONTENT BOTTOMNAV ***/
td#content-bottomnav { height:80%; vertical-align:top; background-color:#DCDDDF; }
#content-bottomnav .container {  margin:5px 10px 5px 30px; }
#content-bottomnav .title {  letter-spacing:0.5px; font-weight:bold; color:#F5821F; }
/* a link bottomnav */
a.bottomnav, a:link.bottomnav, a:active.bottomnav, a:visited.bottomnav { color: #626365; font-style:italic; text-decoration:none; }
a:hover.bottomnav { color: #F5821F; text-decoration:none; }
/* a link bottomnav-active */
a.bottomnav-active, a:link.bottomnav-active, a:active.bottomnav-active, a:visited.bottomnav-active, a:hover.bottomnav-active { letter-spacing:0.5px; color: #F5821F; text-decoration:none; }

/*** CONTENT BRANCHES ***/
.branches { width:760px; height:20px; margin-left:70px; margin-top:0px; border-bottom:1px solid #ffffff; }
.schedule-header-alignleft { text-align:left; padding-bottom:5px; }
.schedule-item-alignleft { text-align:left; vertical-align:top; padding-left:7px; padding-right:2px;  }
.schedule-alternate-alignleft{ text-align:left; background-color:#DCDDDF;}

/*** CONTENT NEWSEVENT-INDEX ***/
div #newsevent-index { padding-right:5px; }
#newsevent-index .column { width:333px; height: 170 px; vertical-align:top; text-align:left; }
#newsevent-index .headingtitle { background-color:#e9eaeb; font-size:11pt; color:#636466; font-weight:bold; padding:5px; padding-left:10px;}
/** news **/
#newsevent-index .news-title { vertical-align:top; padding-top:3px; padding-right:5px; font-weight:bold; }
#newsevent-index .news-image { vertical-align:top; padding-bottom:3px; vertical-align:top; }
#newsevent-index .news-description { text-align:left; vertical-align:top; width:100px; }
/** newsletter **/
div #newsletter { padding:5px; border:1px solid #e9eaeb; vertical-align:top; }
/** urbanites **/
#newsevent-index .urbanites-image { vertical-align:top; padding-bottom:3px; vertical-align:top; }
#newsevent-index .urbanites-title { vertical-align:top; font-weight:bold; text-transform:uppercase; padding-left:5px; }
#newsevent-index .urbanites-description { text-align:left; vertical-align:top; padding-left:5px; }
/** q&a **/
#newsevent-index .qa { padding-left:5px; }
#newsevent-index .qa-title { vertical-align:top; font-weight:bold; text-transform:uppercase; padding-left:5px; }
#newsevent-index .qa-description { text-align:left; vertical-align:top; padding-left:5px; }


#whatsnew .image { margin-top:5px; }

/*** CONTENT ECNEWS ***/
div #ecnews-list { padding-right:5px; }
#ecnews-list .ecnews-image{ vertical-align:top; padding-top:3px; vertical-align:top; padding-right:5px; }
#ecnews-list .ecnews-description{ text-align:left; vertical-align:top; margin-top:-2px; padding-right:5px; padding-left:10px; padding-bottom:30px; } /* disamping image */
/* a link bottomnav */
a.ecnews-link, a:link.ecnews-link, a:active.ecnews-link, a:visited.ecnews-link { color: #626365; font-style:italic; text-decoration:none; }
a:hover.ecnews-link { color: #F5821F; text-decoration:none; }

/*** CONTENT URBANITES ***/
div #urbanites { padding-right:5px; }
#urbanites .urbanites-list { border-bottom:1px solid #F5821F; }
#urbanites .urbanites-image{ vertical-align:top; padding-top:3px; vertical-align:top; padding-right:5px; }
#urbanites .urbanites-description{ text-align:left; vertical-align:top; margin-top:-2px; padding-right:5px; padding-left:10px; padding-bottom:20px; } /* disamping image */
/* a link bottomnav */
a.urbanites-link, a:link.urbanites-link, a:active.urbanites-link, a:visited.urbanites-link { color: #626365; font-style:italic; text-decoration:none; }
a:hover.urbanites-link { color: #F5821F; text-decoration:none; }

#urbanites .urbanites-detail { border-bottom:1px solid #F5821F; }


/*** CONTENT Q&A ***/
.form-note { color:#F5821F; font-style:italic; }
.textfield-pertanyaan { width:400px; font-size:9pt; margin-bottom:2px; padding:1px; }
.textfield-pertanyaan:hover { width:400px; border:2px solid #F5821F; }

/*** LOGIN ***/
.listappointment { border-bottom:1px solid #F5821F; margin-top:8px; }

/*** FORM ***/
.textfield { width:100px; font-size:9pt; margin-bottom:2px; padding:1px; }
.textfield:hover { width:100px; border:2px solid #F5821F; }
input .radiobutton { width:20px; text-align:center; }
.select { width:150px; font-size:9pt; }


/**************/
/*** CMS    ***/
/**************/
.textfield-area { width:30px; font-size:9pt; margin-bottom:2px; padding:1px; }
.textfield-area:hover { width:30px; border:2px solid #F5821F; }
.select-hhmm { width:50px; font-size:9pt; }
.cms-detail {  width:300px; background-color:#FEE1C8; border:1px solid #cccccc; }