/* Defaults
=====================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
ul.rapi { list-style-type: disc; margin: 0 0 1em 20px;  font-size: 12px;  color: #3b3b3b;   }
ol.rapi { margin: 1em 0 1em 40px; }
caption,th {text-align:left;}
div { text-align: left; vertical-align: top; }
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
b,strong { color: black; font-weight: bold; }
cite { display: block; font-size: 0.9em; font-style: italic; text-align: right; }

a:link {
	text-decoration: none;
	color: black;
}

a:visited {
	text-decoration: none;
	color: black;
}

a:active {
	text-decoration: none;
	color: black;
}

a:hover {
	text-decoration: none;
	color: #8d7171;
}

/* Layout
=====================================================================*/

/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { color: #3b3b3b; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #3b3b3b; background-image: url(images/bg_tile.gif); background-repeat: repeat-y; background-position: 50% top; word-wrap: break-word; }

#loading-mask{ width:100%; height:100%; position:absolute; z-index:20000; }
#loading{ background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position:absolute; left:35%; top:60%; padding:2px; width:150px; text-align:center; z-index:20001; }
#loading .loading-indicator{ color:#3b3b3b; font-size: 13px; font-family: tahoma, arial, helvetica; font-style: normal; font-variant: normal; line-height: normal; text-align:center; }


.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* slightly enhanced, universal clearfix hack - http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ */
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */


/* ---------------------------- Home Page -------------------------*/
#boxlayout { text-align: left; width: 900px; margin: 0 auto 0; }
#header { background-image: url(images/contentbgtop.jpg); height: 400px; display: block; behavior: url(iepngfix.htc); }
#headerpage { background-image: url(images/header_bg.jpg); height: 245px; display: block; behavior: url(iepngfix.htc); }
/* buat photo... image... */
#boxmenu{ font-size: 12px; height: 36px; }
#Pageboxmenu { font-size: 12px; height: 36px; }
#container { padding:0; }

#hleftColumn { float:left; width: 290px; }
#hmiddleColumn { float:left; width:335px; padding-right: 15px; }
#hrightColumn { background-image: url(../images/bgphoto2.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; text-align: left; float:left; width:230px; }

#homeTop	{ background: url(images/container_bg.jpg) repeat-y; }
#homeBottom	{ width: 100%; }
#homeMiddleContent	{ background: url(images/container_bg.jpg) repeat-y; width: 870px; margin: 0 auto; position: relative; padding: 0 15px 0; }
#homeBottomContent	{ background-image: url(images/contentbgbtm.jpg); background-repeat: no-repeat; background-position: 50% bottom; width: 900px; margin: 0 auto; position: relative; height: 231px; }
#ikon_countdown { float:left; width:230px; }
#ikon { text-align: left; width: 230px; margin: 0 0 0 auto; padding-top: 130px; }
#flashBanner { float:left; width: 630px; height: 350px; z-index: 0;}
#contentFlashBanner{ width: 541px; height: 280px; margin-top: 42px; margin-left: 47px; }
#banner { color: black; text-align: center; width: 870px; height: 100px; margin: 0 auto auto; padding-top: 10px; }

.pullQuote	{ background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 220px; height: 220px; float: right; padding: 40px 0 20px; }

a.title:link {color: #3b3b3b; font-size: 22px; font-family: Georgia; font-weight: bold; line-height: 23px;  }
.title { color: #3b3b3b; font-size: 22px; font-family: Georgia; font-weight: bold; line-height: 23px; }
p { color: #3b3b3b; font-size: 12px; text-align: justify; padding-top: 8px; padding-bottom: 2px; }
.ratakiri { text-align: left; }
.ratakanan { text-align: right; }
p.evoucher { margin: 1em 0 1em 40px; color: #3b3b3b; font-size: 14px;}
p.inlineQuote { color: #4b3f21; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 22px; text-align: left; padding-right: 10px; padding-left: 20px; }
.quoter { color: #4b3f21; font-size: 11px; font-style: normal; padding-top: 5px; padding-left: 20px; }
.linkquoter { font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 10px; background-image: url(images/bullet-purple.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; text-align: right; margin-right: 30px; padding-right: 20px; }
.date { font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; letter-spacing: 3px; }

/* text Cloud
=====================================================================*/
#text_cloud {  }
.xx-small { font-size: 12px; }
.x-small { font-size: 14px; }
.small { font-size: 16px; }
.medium { font-size: 20px; }
.large { font-size: 24px; }
.x-large { font-size: 29px; }
.xx-large { font-size: 29px; }

a.black:link {color: black;}
a.black:hover {	color: #3b3b3b;}

a.blue:link {color: #121993;}
a.blue:hover {	color: #3b3b3b;}

a.lblue:link {color: #2e93ff;}
a.lblue:hover {	color: #3b3b3b;}

a.yellow:link {color: #fd9800;}
a.yellow:hover {	color: #3b3b3b;}

a.pink:link {color: #ef0091;}
a.pink:hover {	color: #3b3b3b;}

a.red:link {color: #c00505;}
a.red:hover {	color: #3b3b3b;}

a.green:link {color: #00671b;}
a.green:hover {	color: #3b3b3b;}

a.purple:link {color: #7c248e;}
a.purple:hover {	color: #3b3b3b;}

a.grey:link {color: #646464;}
a.grey:hover {	color: #3b3b3b;}

/* ToolTip
=====================================================================*/

			div#tipDiv { padding:6px; color:#000; font-size:11px; background-color:#efeee9; border:solid 1px; display: block; }
			
			div#tipDiv div.img { text-align:center ; }
			div#tipDiv div.txt { text-align:left; padding-top: 4px; padding-left: 7px; }
			div#tipDiv div.caption { font-size:14px; font-weight:bold; text-align:left; padding-left: 7px; }



/* ---------------------------- Footer ------------------------------*/

#footer	{ width: 100%; }
#footerArea	{ width: 900px; margin: 0 auto; padding-top: 25px; }
#footerTop	{ height: 110px; color: #756c68; background-color: #1e1e1e; padding-top: 15px; }

#footerSponsors{ color: #000; background-color: #fff; background-image: url(images/footer_bgtop.jpg); background-repeat: no-repeat; text-align: center; padding-top: 15px; padding-bottom: 10px; }
#footerSponsors img { padding-right: 15px; padding-bottom: 0; padding-left: 15px; }

#footerBottom	{ height: 19px; color: #756c68; font-size: 10px; background-color: #000; padding: 5px 0 0; }
#footerLeft	{ color: #a69a94; font-size: 12px; float: left; width: 470px; padding-left: 15px; }
#footerRight	{ float: right; width: 190px; color: #a69a94; font-size: 10px; padding: 0 0 0 10px; line-height: 13px; border-left: 1px solid #4f4743; }
#footerRight2	{ float: right; width: 200px; text-align: right; font-size: 14px; color: #a69a94; margin: 0 10px 0 0; }
#footerRight2 div	{ color: #f5f0e3; font-size: 15px;}
#copyright	{ float: left; padding-left: 15px; }
#siteCredit	{ float: right; color: #564c48; padding-right: 15px; }
#siteCredit a	{
	color: #564c48;
	text-decoration: none;
}
#siteCredit a:hover	{
	color: #756c68;
}


/* ---------------------------- PageLayout ------------------------------ */

#contentArea	{ background: url(images/container_bg.jpg) repeat-y;  }
#contentAreaf	{ background: url(images/container_bg.jpg) repeat-y;  }
#contentTop	{ background: url(images/contentbgtop.jpg) no-repeat; }
#contentTopf	{ background: url(images/homebgtop.jpg) no-repeat; padding: 0 20px 10px; }
#contentBottom	{ background: url(images/contentbgbtm.jpg) no-repeat left bottom; padding-bottom: 70px; }
#contentBottomf	{
	padding-bottom: 70px;
	background: url(images/contentbgbtm.jpg) no-repeat bottom left;
}

#leftColumn	{ width: 190px; float: left; padding: 25px 13px 0; }
#rightColumn	{ width: 600px; float: left; padding: 20px 0 30px 40px; position: relative; min-height:550px; height: auto !important; height:550px; }
.clearBoth	{
	clear: both;
}
#fullbody { padding-top: 20px; padding-right: 50px; padding-left: 50px; }
#bar { color: black; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; background-color: #fad566; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; border-bottom: 1px solid black; border-left: 5px solid maroon; }


/* -------------------- FORM --------------------------- */



table.bodytext { color: #3b3b3b; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
table.bodytext th {}
table.bodytext td { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; }
.req { color: #bf0000; }
.textsmall { font-size: 10px; }
.highlight { color: #bf0000; }

.dividekolom { background-image: url(../images/dot.gif); background-repeat: repeat-y; background-position: center top; }
div.img-dec { 
background: url('../images/shadow2.gif') no-repeat bottom right; 
clear: left; 
float: left; 
margin: 0 0 0px 0px; 
padding: 0; 
position: relative; 
} 
  
div.img-dec img { 
background-color: #fff; 
border: 4px solid #d9d9d9; 
display: block; 
margin: -3px 3px 3px -3px; 
padding: 4px; 
position: relative; 
} 

.frame-photo { background: #ffffff url(../images/shadow2.gif);
width: 66px;
height: 66px;
background-repeat: no-repeat;
}

.posisi {
padding-left: 6px;
padding-top: 6px;
}

.textalbum {
	font: 10px/11px Arial, "Times New Roman", Times, serif;
	text-decoration: none;
	margin: 0;
	color: #3b3b3b;
	text-align: justify;
}

.bingkaidetail { background: #ffffff url(../images/shadow2.gif) no-repeat; width: 66px; height: 66px; padding: 5px; }
.boderphoto {border: solid 7px #cccccc;}

.maintable {
	border: 1px solid #A9A9A9;
	border-top-style: none;
}

.subtable {
	color: #505050;
	font: normal normal 14px Arial, Times New Roman, Times, serif;
}

.schedtable {
	border: 1px solid #ffffff;
	height: 5px;
}

div.img-dec { 
background: url('../images/shadow2.gif') no-repeat bottom right; 
clear: left; 
float: left; 
margin: 0 0 0px 0px; 
padding: 0; 
position: relative; 
} 
  
div.img-dec img { 
background-color: #fff; 
border: 4px solid #d9d9d9; 
display: block; 
margin: -3px 3px 3px -3px; 
padding: 4px; 
position: relative; 
} 

.frame-photo { background: #ffffff url(../images/shadow2.gif);
width: 66px;
height: 66px;
background-repeat: no-repeat;
}

.posisi {
padding-left: 6px;
padding-top: 6px;
}

.textalbum {
	font: normal 10px/11px Arial, Times New Roman, Times, serif;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	color: #B9B9B9;
	text-align: justify;
}

/* ---------------------------- Partners -------------------------*/
#partner img { padding-right: 10px; border-width: 0; }