body
{
	margin: 0;
	padding: 0;
	color: #333;
	background: #F5F5F5;
    font-family: Helvetica, Arial, sans-serif;
}

a,a:hover{
    color: #004b77;
    text-decoration: none;
}

.hidden{display: none;}

small
{
    font-size: 11px;
}

#page
{
    width: 960px;
	background: white;
}

#header
{
    position: relative;
	margin: 0;
	padding: 0;
    padding-top: 5px;
}

#header-bg
{
    height: 85px;
    margin: 0 5px;
    background: url(../images/batik-atas.png) no-repeat #d2e3f2 top left;
}

#content-wrapper{
    padding-right: 5px;
    padding-left: 5px;
    background: url(../images/content-wrapper.png) repeat-y;
}

#content {
    margin-top: 2px;
    margin-bottom: 20px;
}

#page{
    border-bottom:1px solid #0071B6;
}

#main-slider
{
    float:left;
    width: 540px;
}

#big-slide
{
    float: left;
    position: relative;
}

#big-slide-caption
{
    padding: 10px 10px 5px 10px;
    bottom:0;
    left:0;
    width: 460px;
    position: absolute;
    opacity: 0.75;
    background: #000;
}

#big-slide-caption h3,
#big-slide-caption p
{color:#FFF;margin:0;padding:0;}

#big-slide-caption h3{margin-bottom: 5px;}

#small-slide
{
    width: 56px;
    float: left;
}

#small-slide ul
{
    margin: 0;
    padding: 0;
}

#small-slide li
{
    list-style:none;
}

#small-slide .slider a
{
    display:block;
    height:50px;
    width:50px;
    margin:1px;
    border:2px solid transparent;
}

#small-slide .slider a:hover{
    border:2px solid #d4150c;
}

#small-slide .slider-btn a{
    margin-left: 15px;
    width: 50px;
    display:block;
}
#small-slide .slider-btn a img{
    margin: 0px auto;
}

#content p
{
    line-height: 18px;
}

#content-left
{
    float: left;
    width: 600px;
    margin-left:30px;
}

#content-right
{
    margin-left: 40px;
    float: left;
    width: 250px;
}

#footer
{
    font-family: georgia,'Times New roman',serif;
    font-size: 12px;
    height: 50px;
    background: url(../images/footer-bg.png) no-repeat;
    position: relative;
    color: #fff;
    line-height: 14px;
}

#footer a
{
    color:#b3e1ff;
    text-decoration: none;
}

#footer a:hover
{
    color:#fff;
}

#address
{
    position: absolute;
    right: 20px;
    top: 5px;
}

#contact-address1,
#contact-address2{
    float:left;
    margin-left: 40px;
}

#address p
{
    margin:0;
    padding:0;
}

#footer-notice
{
    display: none;
    position: absolute;
    top: 10px;
    right: 20px;
    text-align:right;
}

#footer-notice ul{
    margin: 0;
    padding: 0;
}

#footer-notice li{
    list-style:none;
    float:left;
}

#logo
{
	padding: 15px 30px;
}

#i18n-nav
{
    position: absolute;
    top:10px;
    right:10px;
}

#i18n-nav li
{
    float: left;
    list-style: none;
}

#i18n-nav li a
{
    margin-left: 30px;
    padding-left: 22px;
    text-decoration: none;
}

#lang-id{
    background: url(../images/id.png) no-repeat left center;
}
#lang-en{
    background: url(../images/gb.png) no-repeat left center;
}
#lang-ar{
    background: url(../images/ar.png) no-repeat left center;
}

#i18n-nav li a:hover
{
    text-decoration: underline;
}

#mainmenu
{
    margin-top:1px;
    height: 30px;
    background:#197ebd;
}

#mainmenu ul
{
    margin: 0;
    padding:0;
}

#mainmenu ul li
{
    float:left;
    list-style:none;
}

#mainmenu ul li a
{
    display: block;
    line-height: 30px;
	color:#ffffff;
	background-color:transparent;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
    padding-right: 30px;
    padding-left: 20px;
    text-shadow: 1px 1px #666;
	background: url(../images/menu-border.gif) top right #197ebd no-repeat;
}

#mainmenu ul li a:hover, #mainmenu ul li a.active
{
	text-decoration:none;
}

#mainmenu li{position:relative;}
#mainmenu li ul{position:absolute;z-index:11111;left:-5px;display:none;}
#mainmenu li ul a{background-image: none;line-height:24px;width:120px;display:block;font-size:11px;background:#156a9f;border-bottom:1px solid #136090;border-left:3px solid #1b88cc}
#mainmenu li ul a:hover{background:#279ae2;}
#mainmenu li ul ul{left:170px;top:0px;}
#mainmenu li ul ul a{line-height:16px;padding:4px 10px;width:160px;}

div.error, div.notice, .success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.error a
{
	color:#8a1f11;
}

div.notice a
{
	color:#514721;
}

div.success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

.actions
{
	margin: 0 0 10px 0;
	padding: 0;
}

.actions li
{
	display: inline;
	margin: 0;
	padding: 0;
}

.actions li a
{
	padding: 5px;
	margin: 0;
	color: #298dcd;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	background: #DFF4FF;
	border-left: 5px solid #589FC8;
}

.actions li a:hover, .actions li a.active
{
	background: #589FC8;
	color: white;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

#news-articles
{
    padding-top: 30px;
}

#content-middle{
    position: relative;
    width: 100%;
    margin-top: 1px;
    margin-bottom:30px;
    padding-top: 30px;
    background: url('../images/content-bg.jpg') repeat-x #fff;
}

#main-content-tab{position: absolute;right:50px;top:-29px;}
#main-content-tab li{float: left;list-style: none;}
#main-content-tab a{outline: none;font-size:12px;font-weight: bold;display: block;color:#004B77;padding:8px 16px 4px 16px;-moz-border-radius-topleft:10px;border-top-left-radius:10px;border-top-right-radius:10px;-moz-border-radius-topright:10px;margin-left:4px}
#main-content-tab a.active{background: #dbeff8;}
#main-content-tab a.nonactive{background:#a1d4f4;}
#main-content-tab a.nonactive:hover{background:#4ebaff;color:#fff}

.heading
{
    position: relative;
    background: url('../images/heading-bg.png') no-repeat;
    height: 26px;
}

.list li{list-style:none;}
.slided{position: absolute;}

#brochure-list,
#news-list{margin-left:30px;}

#brochure-list,
#newsletter-list,
#news-list,
#article-list{
    margin-right:40px;
}

#news-list,
#article-list,
#video-list,
#brochure-list,
#newsletter-list,
#profile-list
{
    float: left;
    width: 270px;
}

.heading h3
{
    display: inline;
    margin-left: 20px;
    margin-right: 10px;
    line-height: 24px;
    vertical-align: middle;
    color:#FFF;
    font-size: 14px;
}

.heading a{
    right: 10px;
    top: 2px;
    position: absolute;
    line-height: 26px;
    vertical-align: middle;
}

.textalign-right{text-align: right;}
.separator{margin-left:8px;margin-right:8px;}

.hl{margin-top:30px;}
.hl h3{margin:0;font-size: 16px;color: #d4150c;font-family: Georgia, 'Times New Roman', serif;}
.hl h3 a{text-decoration: none;color: #d4150c;}
.hl a:hover{text-decoration: underline}
.sub_title{color:#760601;font-family: Georgia, 'Times New Roman', serif;}
.info{color:#D4150C;}
.summary{margin-top:15px;}

.newsList,.articleList{margin-bottom:20px;}
.toIndex{font-family: Georgia,'Times New Roman',serif;font-size: 14px;}
.col_title{margin:0;font-size: 16px;color: #d4150c;font-family: Georgia, 'Times New Roman', serif;font-size: 18px;}

#vision-column{float:left;}
#vision-column-left{float:left;width: 240px;margin-right: 40px;}
#vision-column-right{float:right;width:80px;height:104px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
#vision-column-right img {border:4px solid #FFF}
#page-content #vision-column-right{margin: 20px;}

#nav-column {margin-top:20px;margin-bottom:20px;}
#nav-column ul{margin:0;padding:0}
#nav-column li{list-style: none; float: left; width: 170px;margin-bottom: 4px;}
#nav-column a{padding-left: 30px; text-decoration: none;background-position: center left;background-repeat: no-repeat;background-color: transparent}
#nav-column a:hover{text-decoration: underline;}
#nav-donor-registration{background:url(../images/icons/feedback.png)}
#nav-zakat-guide{background:url(../images/icons/wallet.png)}
#nav-donor-page{background:url(../images/icons/receptionist.png)}
#nav-donation-report{background:url(../images/icons/my-reports.png)}
#nav-bank-account{background:url(../images/icons/headphones.png)}
#nav-financial-report{background:url(../images/icons/my-invoices.png)}

#nav-search{margin: 20px auto;width:300px;}
#nav-searchbox{width:160px;padding:3px;border:1px solid #004b77;margin-right: 1px;color:#666;}
#nav-searchbutton{width:120px;padding:2px 2px 2px 20px;border:1px solid #004b77;background: url(../images/search.png) 5px center no-repeat #0071b7;color: #fff;}

.bordered{float:left;border-right:1px solid #ccc;border-bottom:1px solid #ccc;width:80px;height:104px;}
.bordered img{border:4px solid #fff;}

#content-top{margin-top:30px;padding:0 20px 30px;}
#video-preview{width:250px;height:170px;position:relative;margin:0 auto;margin-bottom: 10px;}
#video-preview-img{position:absolute;top:5px;left:5px;width:240px;height:160px;}
#video-bg{position:absolute;top:0;left:0;}
#video-desc{margin-top:20px;}

#content-right .sub_title{color:#004b77;}
#inside-pkpu-column,#figure-column{margin-top:30px;}
#inside-pkpu-content,#figure-content{margin-top:20px;}
#inside-pkpu-p,#figure-p{margin-top:20px;}
#inside-pkpu-p .summary,
#figure-p .summary{float:left;width: 210px;margin-top:0;margin-left: 20px;}
.list ul{margin:0 10px;padding:0px;border-top:1px solid #ddd;}
.list li{list-style:none;}
.list ul a{display:block;text-decoration: none;border-bottom:1px solid #ddd;padding:3px 10px;}
.list ul a:hover{background:#f1f8fd;}
.listup,.listdown{width:24px;height:12px;margin:0px auto;}
.listup{margin-bottom:2px;}
.listdown{margin-top:2px;}

#cooperation{margin-top:20px;}

#news-view,#article-view{width: 580px;float:left;margin-right: 60px;}
#news-header h2,#news-header h3,#article-header h2,#article-header h3{font-family:Georgia,'Times New Roman',serif;}
#news-header h3,#article-header h3{font-size: 14px;margin-bottom:0;color:#760601}
#news-header h2,#article-header h2{font-size: 18px;color:#D4150C}
#news-sidebar,#article-sidebar{float:left;width:270px;}

.news-list,.article-list{margin-top:10px;}
.news-list ul,.article-list ul{margin:0;padding:0}
.news-list li,.article-list li{list-style:none;margin-bottom:6px;border-bottom:1px solid #ddd}
.news-list a,.article-list a{text-decoration:none;}
.news-list a:hover,.article-list a:hover{color:#429cc1}

.sidebar-widget{margin-bottom:30px;}

#news-ad{width:258px;height:200px;background:#eee;font-family: Georgia,'Times New Roman',serif;font-size:24px;text-align:center;line-height:200px;vertical-align:middle;color:#666;border:1px solid #666}
#news-index .hl{float:left;width:260px;}
#video-list .hl h3{margin-bottom: 10px;}
.r-hl{margin-left:58px;}

#big-slide{width:480px;position:relative;}
#big-slide-cycle{position:fixed;}
.round-slide{position:absolute;left:0;top:0;background:transparent;z-index:501}
.big-slide-caption{width:460px;height: 40px;position:absolute;left:0;bottom:0;background:#000;color:#fff;opacity:0.7;padding:8px 10px;margin:0;}
.big-slide-caption h3{margin:0;margin-bottom:5px;color:#FFF;font-size:14px;font-weight: bold;}
#big-slide h3{text-decoration: inherit;}
#slide-nav{margin-top:10px;width:480px;text-align:center;}
#slide-nav a{outline: none;margin:2px;background: #CCC;padding:2px 4px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:9px;text-decoration:none;}
#small-slide li{list-style:none;display:none;}

.button{background:#0071b6;color:#fff;padding:2px 8px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.button:hover{color:#fff;background: #053872}

#coop-logo{height:80px;width:910px;margin: 40px auto 0px;}
.logo-partitioner{text-align: center;position: absolute}
.coop-logos{float:left; margin: 0 auto;width:75px;}

#special-logo {/*margin: 40px auto 0px;*/}
#special-logo a {/*padding-left: 25px;*/ padding-top:-5px;}

#donor-menu{float:left;margin:0;padding:0;width:320px;}
#donor-menu li{list-style:none;width:240px;height: 80px;margin-right: 30px;margin-bottom:10px;}
#donor-menu a{color:#333;}
#donor-menu a:hover{color:#004B77}
#donor-menu h4{margin-bottom: 5px;color:#004B77}
.donor-menu-img,.donor-menu-txt{float:left;}
.donor-menu-txt{margin-left:20px;width:180px;}

#pkpu-map{float:left;width:300px;}

#page-title h3{color:#D4150C;font-size:18px;font-family: Georgia,'Times New Roman',serif;}
.page-list-all{margin-bottom:30px;}
.page-list-all ul{margin:0;padding:0;margin-top: 10px;}
.page-list-all a{display:block;border-bottom:1px solid #ccc;padding: 4px 0 4px 10px;font-size:11px;}
.page-list-all a:hover{color:#D4150C;background:#fafafa;}

#page-like-button{margin-top:20px;margin-bottom:40px;}

#page-index{margin-left:20px;}
.page-list{float:left;width:240px;margin:20px 30px 0;}
.page-list-title,
.page-list-title a{margin-bottom:0;color:#D4150C;font-family:Georgia,'Times New Roman',serif;font-size: 18px;}
.page-list-title a:hover{text-decoration: underline;}
.page-list-created{font-size:10px;color:#666;}
.page-list-summary{margin-top:10px;}
.page-list-summary a:hover{text-decoration: underline;}
.page-list-content{margin-top: 20px;margin-bottom:20px;}

#contact-text{margin-left:30px;margin-right:20px;width:440px;float:left;}

.videoList{margin-bottom:20px;}
.videoList img{float:left;margin-right:10px;border:1px solid #ccc;}
#video-list .videoList h3{font-size:14px;margin:0;padding:0}
.h40{height:40px;}

.pagination-button{margin:20px auto 30px auto;text-align:center;}

.archive-year,.archive-month{margin:0;padding:0}
.archive-year-list{float:left;width:150px;margin-top:20px;margin-bottom:20px;}
.archive-year h4{margin-bottom:0;font-weight: bold;}
.archive-year h4 a{font-size:18px;}
.archive-year a{display:block;font-size:14px}
.archive-year a:hover{color:#D4150C}
.archive-year li{list-style:none;}

#footer{display:none;}

#outer-bottom{
    margin:20px auto 10px;
    width:960px;
    text-align: center;
    font-size:11px;
}

#outer-bottom p{margin:0;}

#footer-menu li{
    display:inline;
    list-style:none;
    margin: 0 5px;
}
#footer-menu a:hover{
    text-decoration: underline;
}

.col_title a{color: #D4150C;}
#vision-column a:hover{text-decoration: underline;}

a.tag:hover{color:#D4150C}
.to-archive:hover{text-decoration: underline}
.addthis{margin-bottom:20px;}

.account-list-heading,
.account-list-heading a{color:#D4150C;}
.account-list-heading a:hover{text-decoration: underline;}
.account-list-heading2{color:#0071B6;}
.account-list-li{display:inline;float:left;}
.account-list{line-height:24px;}
.account-list-span{padding:2px 8px; color:#fff; background: #0071B6;margin-right: 2px;}
#account-list a.current{background:#7fb9d4;}
#account-list ul{margin:0;padding:0;}
#account-list li{list-style: none;margin-bottom:10px;width:280px;}
#account-list h4{margin:0;color:#D4150C;}
#account-list strong{color:#0071B6;display:block;}
.account-type-list{margin-top:20px;width:300px;}
.has-overflow-y{overflow-y:auto;height:140px;}
.account-type-list span{display:block;}
.floated{float:left;}
.mb20{margin-bottom:20px}

#sitemap-list{margin: 0 30px;}
#sitemap-list h3{color:#0071B6;}
#sitemap-list ul{margin:0;padding:0}
#sitemap-list li{list-style:none;}
#sitemap-list a:hover{color:#D4150C;}
#sitemap-list li ul{margin-left: 20px;}

#account-list{float:left;width:300px;}

#branch-lists{margin:0 30px;}
#branch-list{float:left;width:270px;margin-right:30px;}
.branch-list-div{margin-top: 20px;}
.branch-list-div h4{color:#004B77;margin-bottom: 5px;}

.left-floated-260{float:left;width:260px;margin-right:30px;}

#site-widgets{margin:50px 0 30px;}

#prayer-time,#gold-price,#currency-block{width:270px;float:left;margin-left:30px;}
.light{background:#e9f7ff;}
.dark{background:#b6e3ff;}
#prayer-time-table a{color:#004B77 !important;}
#prayer-city-selector{margin:10px 0;text-align:center;}
.widget-title{margin-bottom:20px;color:#004772;border-bottom:1px solid #004772;}
#gold-price-img{width:180px;margin:0 auto;padding-top:20px;}
.page-hit-counter{color:#666;float:left;}
.addthis{float:right;}

#currency-table td{padding:2px 4px;text-align:center;}
#media-image{width:480px;margin:30px auto;}

#dapur-pkpu-img,#dapur-pkpu-summary{margin-top:20px;}
#dapur-pkpu-summary{float:left;width:190px;margin-left:20px;}

.row{padding:2px 4px;margin-bottom:1px;}
.row label{width:200px;margin-right:20px;float:left;line-height:20px;vertical-align:middle;}
.right label{text-align: right;font-weight: bold;}

.widget-list{list-style:none;margin:20px 0 0 0;padding:0;}
.widget-list a{display:block;padding:4px 8px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;;background-image:url(../images/fold-off.png);background-repeat: no-repeat;background-position:250px center;}
.widget-list a.facyActive{background-image:url(../images/fold-on.png);}

.red{color:#A60000}
.blue{color:#00A600}
#zakat-counter-wrapper{position:relative;}
#zakat-counter-1,#zakat-counter-2{position:absolute;z-index:1001;left:-75px;width:420px;border:1px solid #AAA;padding:12px;background:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;}
#zakat-counter-1 p,#zakat-counter-2 p{margin:10px 0;text-align: center;}
#zakat-counter-1{top:-25px;}
#jumlah_total,#jumlah_total2{background:transparent;border:0;color:#444;}

#donation-intro, #donation-report, #financial-report{margin-left:30px;margin-right:30px;}
#icon-menu span{display:block;width:72px;}
#news-article-video h3 a{color: #197EBD;}

#content-single{margin:20px;}
.ui-datepicker{font-size:11px !important;}

.goog-te-gadget-simple {background-color:#F5F5F5;border:none;font-size:8px; height:18px;}
.goog-te-gadget-simple .goog-te-gadget{background-color:red;}
.goog-te-gadget-simple img{display:none;}/*/hides the image in the widget*/

span.skype_pnh_container { display:none !important; }
span.skype_pnh_print_container { display:inline !important; }