/* project: Bank Muamalat Syariah Indonesia */
/* default styles
  -------------- */

body 		{padding: 0;margin: 0;font: 10pt Callibri, Lucida Grande, Arial, Sans-Serif;line-height: 1.8em;background: #fff;color: #454545;}
a 	 		{color: #999999;background: inherit;text-decoration:none;padding:1px;}
a:hover 	{color: #403e3e;background: inherit;padding:1px;}
p 			{margin: 0 0 5px 0; }
ul 			{ margin: 0; padding : 0; list-style : none; }
form 		{margin: 0;}

.dark		{color: #737373;background: inherit;font-weight: bold;}
.hide		{display:none;}
.hide img	{border:none;}
.red		{color:red}
.bold		{font-weight:bold;}
.center		{text-align:center;}

input.search 		{width: 185px; border: 0;font-size:10px;background: url(../images/background/bg_input.gif) no-repeat;padding: 4px;color: #56004e;}
input.search2 		{width: 204px; border: 0px;background: url(../images/buttons/btn_search_active.gif) no-repeat;padding: 4px;color: #717171;font-size:10pt;}
input.search3 		{width: 95px;  border: 0px;background: url(../images/buttons/btn_search_active.gif) no-repeat;padding: 4px;color: #717171;font-size:10pt;}
input.submit 		{width: 16px; height:16px;border: 0;background: url(../images/icons/icon_search_luv.gif) top right no-repeat;padding: 0;}
input.submit:hover,
input.submit.hover	{background-image: url(../images/icons/icon_search_luv_on.gif);cursor:pointer;}
input.login 		{width: 150px;border: none;padding: 4px;}
.dplk_content 		{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;padding:0 22px 10px 22px;text-align:justify;}
.dplk_title 		{color:#4C0348;font-family:"Times New Roman",Times,serif;font-size:20px;}

a#btn_back			{display:block; clear:both; width:90px; height:20px; margin-top:25px;}


/* Penambahan Style AJF */
.accordion  {padding-left:10px; color:white; background-color:#700070; cursor:pointer; border-bottom:1px solid #4F2C4F;}
#qrepot div table {margin:2px 8px; width:618px;}
.purpletxt	{
	color: #663366;
}

.par1	{
	text-align: justify;
	text-indent: 15px;
}

.Visi{
	font-size:36px;
	color:#752e6e;
	font-weight:lighter;
	padding-bottom:20px;
	padding-top:20px;
}
.Visi_content{
	font-size:16px;
	font-family: Lucida Grande, Arial, Sans-Serif;
	color:#a2a0a3;
}
.Visi_bg{
	background: url(../Images/background/bg_transAnd.gif) no-repeat;
	height:239px;
}

.foto	{
	border: solid 1px #eeeeee;
	padding: 5px;
}

.jarcell0	{
	font-weight: bold;
	background: #663366;
	color: #ffffff;
}
.jarcell1	{
	background: #dfdfdf;
	border-bottom: solid 1px #ffffff;
}
.jarcell2	{
	background: #eeeeee;
	border-bottom: solid 1px #ffffff;
}

.bg_annual_report	{background:white url(../images/background/bg_annual_report09a.jpg) no-repeat center center; }




.tpl_investor {
	font-size: 12px;
}
.tpl_investor_quart a {
	padding: 5px 5px 5px 25px;
	font-size: 140%;
}
.tpl_investor_quart a:hover {
	font-weight: bold;
}

.tpl_inv_quart {}

.tpl_branch {
	border-collapse: collapse;
	font-size: 11px;
}

.tpl_jaringan {}
.tpl_jaringan table {
	font-size: 12px;
}

.tpl_prodfaq {}

.tpl_produk .sim_all {
	padding-left: 30px;
	font-size: 16px;
}
.tpl_produk .sim_all a {
	display: block;
}
.tpl_produk .sim_all a:hover {
	font-size: 18px;
}

.tpl_modcareer {}

.tpl_modcontact {}

.tpl_modfaq {}

.tpl_modlegal {}

.tpl_modsitemap {}

.tpl_right_news {
	font-size: 12px;
}

.tpl_head_bhs {
	font-size: 12px;
}

.li_top {
	padding-bottom: 3px;
	border-bottom: solid 1px #1e7241;
}

.grid_purple				{width:100%; padding:5px 0; border:none; border-collapse: collapse;}
.grid_purple thead tr th,
.grid_purple tbody tr th 	{color:white; padding:4px 8px;  border:1px outset #DDAFFF;  background-color:#8c008c;}
.grid_purple tbody tr td 	{padding:3px 4px; border:1px outset #DDAFFF;}
.grid_purple tbody tr td a.pdf {display:inline-block;width:16px; height:16px; background:url(../images/icons/pdf.gif) no-repeat;}




table tfoot tr td a					{display:block; float:left; width:16px; height:16px;}
table tfoot tr td a.first			{background:url(../images/icons/first.gif) center no-repeat;}
table tfoot tr td a.prev			{background:url(../images/icons/prev.gif) center no-repeat;}
table tfoot tr td a.next			{background:url(../images/icons/next.gif) center no-repeat;}
table tfoot tr td a.last			{background:url(../images/icons/last.gif) center no-repeat;}
table tfoot tr td span				{display:block; float:left; height:16px; line-height:16px;}

.paging				{border-top:solid 1px #d6b1ce;}
.paging a			{display:block; float:left; width:16px; height:16px; padding:1px;}
.paging a:hover		{padding:0; border:1px solid #ccc;}
.paging a.first		{margin-left:75px; background:url(../images/icons/first.gif) top center no-repeat;}
.paging a.prev		{background:url(../images/icons/prev.gif) top center no-repeat;}
.paging a.next		{background:url(../images/icons/next.gif) top center no-repeat;}
.paging a.last		{background:url(../images/icons/last.gif) top center no-repeat;}
.paging span		{display:block; float:left; height:12px; margin:0 10px; font-size:12px;}
/* END of Penambahan */

/* layout
  ------ */

.articles 				{padding:5px;text-align:left;vertical-align:top;}
.articles .green 		{font-weight:bold;color:#1e7241;text-decoration:none;}
.articles_title 		{width:300px;font-size:16px;color: #752e6e;font-weight:bold;line-height:20px;text-align:left;padding:5px;vertical-align:top;}
	
.bar_flash {
	clear: both;
	width:940px;
	height: 350px;
	margin: 0 0 0 0px;
}
.bg_box3
	 {
	background-image:url(../images/background/bg_box3.jpg);
	background-repeat:no-repeat;
	height:300px;
	width:245px;
	line-height:1.2em;
	}
.bg_tag {
	background-image:url(../images/background/bg_tag.jpg);
	background-repeat:repeat-x;
	height:25px;
 }
.browse_category  {
	font-size: 0.9em;
	width: 940px;
	color: #000;
	background: inherit;
}
.box_thumb_awards {
	background: #ffffff;
	color: #414141;
	padding: 10px;
	margin: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #bbbbbb #777777 #777777 #bbbbbb;
	/* border:solid 1px #f5f5f5; */
}
.button {
	background:url(../images/background/bg_button.gif);
	background-repeat:repeat-x;
	width:60px;
	padding:0 5px 0 5px;
	color:gray;
	font-size:12px;
	}
.button_more
 {
	background:#ebebeb;
	margin-top:0;
	padding:5px;
}
.button_more:link, .button_more:visited, .button_more:active
 {
	background:#ebebeb;
	margin-top:0;
	padding:5px;
}
.button_more:hover
 {
	background:#ded4dc;
	margin-top:0;
	padding:5px;
}

#content_body 			{width: 940px; margin: 0; padding: 0px;}
#content_header_tag		{padding-left:20px; margin-top:20px; border-bottom:solid 1px #d6b1ce;}
#content_content		{width: 660px; text-align:justify; padding:2em 10px; }
#content_content.budaya {background: url(../images/background/bg_bee.jpg) right center no-repeat;}
#content_header_image a img {vertical-align:baseline;}
#content_content .subs	{padding-left: 30px;font-size: 16px;}
#content_content .subs a {display: block;font-size: 16px;}
#content_content .subs a:hover {font-size: 18px;}
#content_content .pejabat .title 		{line-height: 16px; padding: 7px 7px 0px 7px; width: 200px;max-width: 200px;text-align: center;background: url(../images/background/bt_bg0.gif) center top no-repeat;}
#content_content .pejabat .person 		{font-size: 11.5px;min-height: 35px;line-height: 16px;padding: 0px 7px 10px 7px;width: 200px;max-width: 200px;text-align: center;background: url(../images/background/bt_bg1.gif) center bottom no-repeat;}
#content_content .pejabat .person img	{max-width:150px; max-height:200px; border:0px; margin: 0 0 10px;}

.newsdet {
	font-size: 105%;
}
.newsdet p {
	font-size: 105%;
}
.newsdet img {
	display: table;
	max-width: 550px;
	padding: 5px;
	border: solid 1px #dddddd;
	margin: 10px;
}

.news_list 			{width:640px;}
.news_date			{padding-left: 10px; color:#55007F; background:url(../images/icons/icon_green_arrow.gif) left center no-repeat;}
.news_title			{padding-left: 10px;}
.news_title a 		{padding: 1px 0;}
.news_title a:hover {text-align: justify; background-color: #f5f5f5;}
.news_brief			{padding: 0 30px; font-size:11px; text-align: justify;}
.news_content		{padding: 0 30px;}

.consumer_bg_imagemain {
	background-image:url(../images/background/bg_cons_data.jpg);
	background-repeat:no-repeat;
	font-size:12px;
	line-height:22px;
	height:249px;
	}
.consumer_UmmatJunior_Image {
	background-image:url(../images/pages/image_ummat_junior.jpg);
	background-repeat:no-repeat;
	font-size:12px;
	line-height:22px;
	height:250px;
	width:666px;
	}
.consumer_Arrafah_Image {
	background-image:url(../images/pages/image_haji_arrafah.jpg);
	background-repeat:no-repeat;
	font-size:12px;
	line-height:22px;
	height:250px;
	width:666px;
	}

.footerTopShad {
	background-image:url(../images/background/bg_shad_foot_top.jpg);
	background-repeat:repeat-x;
	height:11px;
	width:100%;
	}

.footerBottomShad {
	background-image:url(../images/background/bg_shad_foot_bottom.jpg);
	background-repeat:repeat-x;
	height:9px;
	width:100%;
	}
.green
	 {
	font-size:12px;
	font-weight:bold;
	color:#1e7241;
	text-decoration:none;
}
.green:link
	 {
	color:#1e7241;
	text-decoration:none;
}
.green:active, .green:visited
	 {
	color:#1e7241;
	text-decoration:none;
}
.grey {
	color: #808080;
	background: inherit;
	font-weight: normal;
}

.green:hover
	 {
	color:#21c564;
	text-decoration:none;
}

.purple {
	font-size:8pt;
	color: #663366;
}

/* Penambahan Style */
.tight		{line-height:1.2em;}
.purpletxt	{
	color: #663366;
	font-size:8pt;
}

.par1	{
	text-align: justify;
	text-indent: 15px;
}

.Visi{
	font-size:36px;
	color:#752e6e;
	font-weight:lighter;
	padding-bottom:20px;
	padding-top:20px;
}
.Visi_content{
	font-size:16px;
	font-family: Lucida Grande, Arial, Sans-Serif;
	color:#a2a0a3;
}
.Visi_bg{
	background: url(../Images/background/bg_transAnd.gif) no-repeat;
	height:239px;
}

.foto	{
	border: solid 1px #eeeeee;
	padding: 5px;
}

.jarcell0	{
	font-weight: bold;
	background: #663366;
	color: #ffffff;
}
.jarcell1	{
	background: #dfdfdf;
	border-bottom: solid 1px #ffffff;
}
.jarcell2	{
	background: #eeeeee;
	border-bottom: solid 1px #ffffff;
}
/* End of Penambahan */

#header_logo 			{float:left;  width:288px; height:154px; background:#6f2568;}
#header_menu 			{float: left; width:652px; height:154px; color:#fff;background:#6f2568 url(../images/background/bg_menu_header.jpg) top left no-repeat;}
#header_bottom 			{clear: both;width:940px;height: 24px;background: url(../images/background/bg_header_bott.jpg) no-repeat;background-position:top center ;}
#header_bottom a 		{color: #663366; }
#header_bottom a:hover 	{text-decoration: underline; }


.list_menu {
	width: 271px;
	height:23px;
	border: 0;
	background: url(../images//background/bg_listmenu.gif);
	padding: 4px;
	color: #000;
	font-size:10pt;
	}
.search_field {
	/*background: url(../images/background/bg_input.gif) no-repeat center;*/
	color: #999999;
	clear: both;
	padding-top:10px;
	margin: 0;
}
a.active {
		color:#cb8cbd!important;
		text-decoration:none;
	}
.site_navigation
	 {
		font-size:10px;
		color:#cb8cbd;
		text-decoration:none;
	}
.site_navigation:link
	 {
		color:#cb8cbd;
		text-decoration:none;
	}
.site_navigation:active, .site_navigation:visited, site_navigation.active
	 {
		color:#cb8cbd;
		text-decoration:none;
	}
.site_navigation:hover
	 {
		color:#b93b9e;
		text-decoration:none;
	}

.search_form {
	float: left;
	padding-left:10px;
}

.subheader {
	margin: 0px 0 10px 0;
	border-bottom: 1px solid #eee;
	padding: 5px 0 5px 0;
	background: #A4A4A4;
	color: #fff;
}



/* left side
  --------- */

#col_left 			{float:left;width: 690px;margin: 0;padding:0 5px;}
#col_left h3 		{clear: both;color: #FFF;font: bold 1em Lucida Grande, Arial, Sans-Serif;margin: 0;padding: 7px 0 7px 5px;background-color: #A9C0CE;}
.left_side {
	float: left;
	width: 180px;
	padding: 0 0 0 10px;
	margin: 10px 0;
}

.left_side a, .right_side a { color: #414141; background: #FFF; }

.right_side {
	float: right;
	width: 245px;
	background: #FFF url(dotted.gif) repeat-y;
	color: #414141;
	padding: 0 0 0 40px;
	margin: 10px 0;
}

.left_box { margin: 0 0 10px 0; color: #000; background: #FFF; padding: 3px 0; }


/* right side
  ---------- */
#col_right 			{float: right;width: 240px; margin:0; padding:0; vertical-align: top;}
#col_right h3 		{background-color: #6C757A;color: #FFF;padding: 7px 0 7px 5px;font: bold 1em Lucida Grande, Arial, Sans-Serif;margin: 0 0 3px 0;}
.right_articles {
	background: #f5f5f5;
	color: #414141;
	padding: 8px;
	margin: 0 0 3px 0;
}

.image {
	float: left;
	margin: 0 9px 3px 0;
}

/* footer
  ------ */
.footer 		{clear: both;width:940px;text-align: center;padding-top:25px;}
.footer a { color: #808080; background: #fff; }
.footer a:hover { color: #808080; background: #fff; text-decoration:underline }


/*==== MENU CLASS ====*/
#myFlash		{z-index:100;}
.ddsmoothmenu {
	font: 7pt Georgia, "Times New Roman", Times, serif;
	width: 100%;
	/*background: ;*/
	margin-top:35px;
	font-weight:bold;
	height:40px;
	z-index:999;
}

.ddsmoothmenu ul {
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li {
	position: relative;
	display: inline;
	float: left;
	text-align:center;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
	display: block;
	padding: 10px 5px 10px 5px;
	border-right: 0px solid #62115a;
	color: #2d2b2b;
	text-decoration: none;
}

* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {

	color: white;
	opacity: 0.8;
}

.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	/*background:#56004e ; */
	color: #e4cbe2;
}

.ddsmoothmenu ul li a:hover {
	/*background: #; *//*background of menu items during onmouseover (hover state)*/
	color: #e8c2e0;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
	display: list-item;
	float: none;
	text-align:left;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top: 0;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
	font: normal 10px Lucida Grande, Arial, Sans-Serif;
	width: 135px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid #7a5276;
	background:#62115a ;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu {height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images ######### */

.downarrowclass {
	position: absolute;
	top: 12px;
	right: 7px;
	width:13px;
	height:6px;
	/* background: url(../images/icons/icon_arrow_down.gif) no-repeat; */
	opacity: 0;
}

.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
	width:4px;
	height:9px;
	background:url(../images/icons/icon_arrow_right.gif) no-repeat;
}

/* ######### CSS for shadow added to sub menus ######### */

.ddshadow {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: #56004e;
}

.toplevelshadow { /*shadow opacity. Doesn't work in IE*/
	opacity: 0.3;
}


.ddsmoothmenu-v ul {
	margin: 0;
	padding: 0;
	width: 170px; /* Main Menu Item widths */
	list-style-type: none;
	font: 10px Lucida Grande, Arial, Sans-Serif;

	border-bottom: 1px solid #000;
}

.ddsmoothmenu-v ul li {
	position: relative;
}

/* Top level menu links style */
.ddsmoothmenu-v ul li a {
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: white;
	background:black;
	text-decoration: none;
	padding: 6px;
	border-bottom: 1px solid #778;
	border-right: 1px solid #778;
}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active {
	background: #414141; /*background of menu items (default state)*/
	color: white;
}


.ddsmoothmenu-v ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background: black;
	color: white;
}

.ddsmoothmenu-v ul li a:hover {
	background: black; /*background of menu items during onmouseover (hover state)*/
	color: white;
}

/*Sub level menu items */
.ddsmoothmenu-v ul li ul {
	position: absolute;
	width: 170px; /*Sub Menu Items width */
	top: 0;
	font-weight: normal;
	visibility: hidden;
}


/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */
.menu_produk					{padding-bottom:1em; background-color:#f5f5f5;}
.menu_produk ul					{margin-left:8px;line-height:1.3em;}
.menu_produk ul li a			{font-size:13px; font-weight:bold; color:#1e7241;}
.menu_produk ul ul				{margin-left:16px;}
.menu_produk ul ul li a			{font-size:12px; font-weight:bold; color:#663366;}
.menu_produk ul ul ul li a		{font-size:11px; font-weight:bold; color:#999;}

/*====TAB CONTENTS====*/
.shadetabs {
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: 12px Georgia, "Times New Roman", Times, serif;
list-style-type: none;
text-align: left;
}

.shadetabs li {
display: inline;
margin: 0;
}

.shadetabs li a {
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 0px solid #778;
color: #56004e;
}

.shadetabs li a:visited {
color: #56004e;
}

.shadetabs li a:hover {
text-decoration: underline;
color: #56004e;
}

.shadetabs li a.selected {
position: relative;
top: 1px;
}

.shadetabs li a.selected {
background-color:#ebebeb;
border-bottom-color: #ebebeb;
}

.shadetabs li a.selected:hover {
text-decoration: none;
}

.tabcontent {
display:none;
width:96%;
margin:0px 5px 5px 0px;
background-color:#ebebeb;
height:140px;
padding:5px 0px 5px 5px;
}

.modernbricksmenu2 {
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul {
margin:0;
margin-left: 10px;
padding: 0;
list-style: none;
}

.modernbricksmenu2 li {
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a {
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0;
padding: 5px 10px;
background-color: black;
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover {
background-color: #D25A0B;
color: white;
}

.modernbricksmenu2 a.selected {
background-color: #ebebeb;
color: white;
border-color: #ebebeb;
}

.tabcontent {
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}
/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu {
font: bold 13px Arial;
width: 100%;
}

.indentmenu ul {
margin: 0;
padding: 0;
float: left;
border-top: 1px solid navy;
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li {
display: inline;
}

.indentmenu ul li a {
float: left;
color: white;
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy;
}

.indentmenu ul li a:visited {
color: white;
}

.indentmenu ul li a.selected {
color: white !important;
padding-top: 3px;
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}


.tabcontentstyle {
border: 0px solid gray;
width: 100%;
margin-bottom: 1em;
padding: 0px;
}

.tabcontent {
	display:none;
}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider, #slider li{ 
	width:256px;
	height:160px;
	overflow:hidden; 
}

#showPop 	{
	display:none; 
	z-index:10000; 
/*	padding:35px;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;*/
}
#showPop a,
#showPop a:visited {color:yellow;}
#showPop h3		{text-align:center; font-size:16pt; font-weight:bold; color:yellow; margin:15px 0;}
#showPop .content{margin:15px; color:white;}
#showPop .close	{position:absolute; right:-15px;top:-15px;cursor:pointer;height:35px;width:35px; background:url(../images/background/close.png) no-repeat;}


/* end of file */