@charset "utf-8";
/* CSS Document for SimplePraise2 by JoomlaPraise © Copyright Mar 09 */

/* Default HTML Styles **********/
*{
margin:0;
padding:0;
}
html{
font-size:100%;
height:100%;
margin:0 0 1px 0;
}
body{
font: 90%/1.0em Arial, Verdana, sans-serif;
background: url('../images/bg.jpg');
background-color: #f4f3ef;
}
h1,h2,h3,h4,h5,h6,p,blockquote,label,ul,ol,dl,fieldset,address{
margin:0.0em 0;
}
ul{
margin:0px 0px 0px 2em;
}
fieldset{
padding:.5em;
border:none;
}
legend{
font-size:1.3em;
font-weight:bold;
padding:5px;
}
img{
border:none;
}
a{
text-decoration:none;
}
a:link, a:active, a:visited{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.contentheading, .componentheading, h1, h2, h3, h4, h5, h6{
font-weight:normal;
text-transform:uppercase;
}
h1,.componentheading{
font-size:2em;
line-height:1.5em;
}
h2,.contentheading{
font-size:1.5em;
}
h3, .contentdescription{
font-size:1.5em;
}
h4{
font-size:1.3em;
}
h5{
font-size:1.2em;
}
h6{
font-size:1.1em;
}
hr {
border:0;
display:block;
height:1px;
}
pre{
overflow:auto;
padding:10px;
}
/* Layout **********/
.clr{
clear:both;
}
.inside{ 
padding:1px; /* by ari */
}
.width{
width:800px;  /* sebelumnya 930px by darsono */
margin:0 auto;
}
#logo{
display:block;
float:left;
width:284px;  /* sebelumnya 337px by darsono */
height:69px;  /* sebelumnya 82px by darsono */
margin:10px 0;
}
#toolbar{
float:center;
text-align:left;
}
#registration{
margin:0 0 10px 0;
}
#registration ul, #registration li, #navigation ul, #navigation li{
margin:0;
padding:0;
list-style:none;
}
#registration li, #navigation li{
display:inline;
}
#registration li a{
font-size:0.8em;
padding:0 5px;
margin:0 0 0 10px;
}
#registration li a:hover{
text-decoration:none;
}
#navigation{
margin:0 0 2px 0; /* by ari */
}
#navigation ul li a{
display:block;
float:left;
margin:0 0 0 10px;
padding:0 0 0 10px;
font-size:0.8em;
text-transform:uppercase;
}
#navigation ul li a span{
display:block;
padding: 2px 10px 2px 0;
}
#navigation ul li a:hover{
text-decoration:none;
}
#navigation li.active a{}
#wrapper .width{
padding:0px 0;
background-color: #f4f3ef;
}
#banner .inside{
padding:0 0 10px 0;
}
#banner{}
#banner-l{
float:left;
width:42.6%;
}
#banner-r{
float:right;
width:54.2%;
}
.elements, .advert, .subelements, .subadvert{
border-collapse:collapse;
margin:0 0 10px 0;
}
.elements td, .subelements td{
text-align:left;
vertical-align:top;
width:33%;
}
.elements-l,.subelements-l{
padding:0 5px 0 0;
}
.elements-m, .subelements-m{
padding:0 5px;
}
.elements-r, .subelements-r{
padding:0 0 0 5px;
}
.advert td, .subadvert td{
text-align:left;
vertical-align:top;
width:50%;
}
.advert-l, .subadvert-l{
padding:0 5px 0 0;
}
.advert-r, .subadvert-r{
padding:0 0 0 5px;
}
#pathway{
font-size:0.8em;
margin:0 0 10px 0;
}
#pathway .inside{
padding:3px 10px;
}
#pathway a{
font-weight:bold;
}
#container{}
#container .inside{
padding:0 0 10px 0;
}
#mainbody{
float:left;
width:75.9%;
}
#sidebar2{
float:right;
width:22.9%;
}
#content{
float:left;
width:52%;
margin:0 0 0 1px; /* isi ari */
}
#content .inside{
padding:10px 1px; /* isi ari */
}
#sidebar{
float:left;
width:22.8%;
}
#footer .inside{
padding:1px 0;
}
#copy{
float:left;
width:47.9%;
font-size:0.8em;
}
#link{
float:right;
width:100%;
text-align:right;
font-size:0.8em;
}
#link ul, #link li{
margin:0;
padding:0;
list-style:none;
}
#link li{
display:inline;
}
#link li a{
margin:0 0 0 10px;
}
/* Default Site Styles *********/
.highlight{
font-weight:bold;
font-size:1.1em;
background:#FEFFAF;
}
h1.componentheading{
padding:10px 20px;
}
.inputbox, .validate-email{
padding:1px;
width: 140px; /* by ari */
height:25px;
}
.textarea{
padding:1px;
width: 250px; /* by ari */
height:150px;
}
.button, .validate{
cursor:pointer;
padding:1px;
border:none;
}
.readon{
display:block;
float:left;
padding:0;
margin:10px 0;
}
.contentarticle .inside{
padding:10px 30px;
}
.article_column{
margin:0 0 0 0;
}
.article_elements{
padding:3px;
margin:5px 0;
}
.article_dateAuthor, .modifydate{
font-size:0.7em;
}
.buttonheading{
float:right;
}
.article_dateAuthor{
float:left;
}
.article_separator{
display:none;
}
.blog {
width:100%;
margin-bottom:10px;
}
.blog_more{
margin:0 0 10px 0;
height: 1%;
}
.blog_more div{}
.blog_more div div{}
.blog_more div div div{
padding:10px 20px;
}
.blog_more div div div div{
padding:0;
background:none;
}
.blog_more strong{
display:block;
padding:10px 0;
font-size:1.5em;
}
.blog_more ul, .blog_more li{
margin:0;
padding:0;
list-style:none;
}
.showPagination{
float:left;
}
.showPagination span, .showPagination a{
float:left;
display:block;
padding:0 5px;
}
.pagination span, .pagination a{
padding:0 5px;
}
.showPaginationResults{
float:right;
}
.sectiontableheader a{
font-weight:bold;
text-decoration:underline;
}
.sectiontableheader, .sectiontableentry1, .sectiontableentry2, sectiontableentry0, tr.sectiontableentry1 td, tr.sectiontableentry2 td, tr.sectiontableentry0 td{
padding:3px 5px;
}
.section_list ul, .section_list li, .weblink_unordered_list, .weblink_unordered_list li, .weblinks_other_categories ul, .weblinks_other_categories li{
margin:0;
padding:0;
list-style:none;
}
.section_list li, ul.weblink_unordered_list li, .weblinks_other_categories li{
display:block;
margin:0 0 5px 0;
padding:10px 30px;
}
.contentpane{
padding:10px 30px;
}
.filter{
padding:10px 0;
}
.contenttoc{
width:30%;
float:right;
margin:0 0 20px 20px;
}
.contenttoc th{
text-align:left;
}
/* Submission Forms */
#adminForm, #josForm, .josForm, #com-form-login{
padding:10px;
text-align:center;
margin:10px auto;
width:60%;
}
#adminForm label, #josForm label, .josForm label, #com-form-login label{
font-weight:bold;
}
.weblink_submission td, #josForm .registration_form, .josForm div, #com-form-login div{
text-align:left;
padding:10px;
vertical-align:top;
}
.weblink_submission #jformtitle, .weblink_submission #jformcatid,
.weblink_submission #jformurl, .weblink_submission #jformdescription{
width:95%;
padding:3px;
}
.input-loginform #username, .input-loginform #passwd{
width:90%;
padding:5px;
}
/* Article Submission Form */
.adminform td{
padding:10px 0;
}
/* Polls Component */
.poll_stats{
padding:10px;
margin:15px 0;
}
.poll_entry_title{
font-size:0.8em;
font-weight:bold;
text-transform:uppercase;
}
.poll_stats .smalldark{
padding:5px;
float:left;
clear:both;
}
/* Search Component */
.search_box{
padding:10px;
margin:0 0 5px 0;
}
.search_box .inputbox{
padding:1px;
}
.search_phrase, .search_ordering{
margin:0 0 5px 0;
}
.searchintro{
margin:5px 0;
}
.searchintro{
padding:10px;
}
.search_result_row{
padding:10px;
margin:0 0 10px 0;
}
.search_result_row a{
font-weight:bold;
}
.search_result_row div{
margin:5px 0;
padding:5px 0;
}
/* Contact Component */
#component-contact{
padding:10px;
}
.contact_address, .contact_email{
padding:10px;
margin:10px 0;
}
.contact-img{
padding:3px;
}
/* Tooltips **********/
.tool-tip {
float: left;
border: 1px solid #D4D5AA;
padding: 5px;
background: #FFFFCC;
max-width: 200px;
}
.tool-title {
padding: 0;
margin: 0;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
font-size: 100%;
font-weight: bold;
}
.tool-text {
margin: 0;
font-size: 100%;
}
/* System Messages */
#system-message    {
margin-bottom: 0px;
padding: 0;
}
#system-message dt { 
font-weight: bold; 
}
#system-message dd { 
margin: 0; font-weight: bold; text-indent: 30px; 
}
#system-message dd ul {
list-style: none;
margin: 0px;
padding: 10px;
color: #0055BB;
background: #D8E5F8 url(../images/status-info.png) no-repeat 10px 50%;
border-top: 3px solid #629DE3;
border-bottom: 3px solid #629DE3;
}
#system-message dt.message { 
display: none; 
}
#system-message dd.message {}
#system-message dt.error { 
display: none; 
}
#system-message dd.error ul {
margin: 0px;
list-style: none;
color: #c00;
background: #FFD6D6 url(../images/status-alert.png) no-repeat 10px 50%;
border-top: 3px solid #DE7A7B;
border-bottom: 3px solid #DE7A7B;
}
#system-message dt.notice { 
display: none; 
}
#system-message dd.notice ul {
margin: 0px;
list-style: none;
color: #DCA33C;
background: #FEF6D8 url(../images/status-note.png) no-repeat 10px 50%;
border-top: 3px solid #F0DC7E;
border-bottom: 3px solid #F0DC7E;
}
/*Typography Styles*/
blockquote {
padding:10px;
background: #E7E8D1;
font-style:italic;
}
.alert, .info, .download, .note {
display: block;
padding: 10px 10px 10px 45px;
margin: 15px 0;	
}
ul.bullet1, ul.bullet2, ul.bullet3, ul.bullet4{
padding-left: 10px;
margin-left: 0;
}
ul.bullet1 li,  ul.bullet2 li, ul.bullet3 li, ul.bullet4 li{ 
list-style: none;
margin-left: 0;
padding-bottom: 3px;
margin-bottom: 5px;
padding-left: 24px;
}
pre {
background-color:#E7E8D1;
}
.alert {
color: #c00;
border-top: 3px solid #fe7b7a;
border-bottom: 3px solid #fe7b7a;
background: #FFD6D6 url(../images/status-alert.png) 10px 50% no-repeat;
}
.info {
color: #0055BB;
border-top: 3px solid #629de3;
border-bottom: 3px solid #629de3;
background: #D8E5F8 url(../images/status-info.png) 10px 50% no-repeat;
}
.note {
color: #B79000;
border-top: 3px solid #fde179;
border-bottom: 3px solid #fde179;
background: #FEF6D8 url(../images/status-note.png) 10px 50% no-repeat;
}
.download {
color: #57861A;
border-top: 3px solid #c2df88;
border-bottom: 3px solid #c2df88;
background: #EEF7DD url(../images/status-download.png) 10px 50% no-repeat;
}
ul.bullet1 li {
background: url(../images/bullet1.png) 4px 4px no-repeat;
}
ul.bullet2 li {
background: url(../images/bullet2.png) 4px 4px no-repeat;
}
ul.bullet3 li {
background: url(../images/bullet3.png) 4px 4px no-repeat;
}
ul.bullet4 li {
background: url(../images/bullet4.png) 4px 4px no-repeat;
}
/* Module Styles **********/
.moduletable, .moduletable_menu, .moduletable_text, .moduletable-ms1, .moduletable-ms2, .moduletable-ms3, .moduletable-ms4{
font-size:0.8em;
}

.moduletable h3, .moduletable_menu h3, .moduletable_text h3, .moduletable-ms1 h3, .moduletable-ms2 h3, .moduletable-ms3 h3, .moduletable-ms4 h3{
font-size:14px;
font-weight:bold; /* indah 10/2/10 */
padding-bottom:2px; /* indah 10/2/10 */
margin-bottom:2px; /* indah 10/2/10 */
/* Stats Module */
.moduletable ul.stats li{
display:block;
}
/* Elements Module Styles */
.elements .moduletable, .elements .moduletable_menu, .elements .moduletable_text, .elements .moduletable-ms1, .elements .moduletable-ms2, .elements .moduletable-ms3, .elements .moduletable-ms4{
padding:2px;
height:180px; /* by ari */
}
.subelements .moduletable, .subelements .moduletable_menu, .subelements .moduletable_text, .subelements .moduletable-ms1, .subelements .moduletable-ms2, .subelements .moduletable-ms3, .subelements .moduletable-ms4{
padding:2px;
/* height:180px; */
}
/* Footer Elements Module Styles */
#footer .elements .moduletable, #footer .elements .moduletable_menu, #footer .elements .moduletable_text, #footer .elements .moduletable-ms1, #footer .elements .moduletable-ms2, #footer .elements .moduletable-ms3, #footer .elements .moduletable-ms4{
padding:10px;
/* height:175px; */
}
/* Advert Module Styles */
.advert .moduletable, .advert .moduletable_menu, .advert .moduletable_text, .advert .moduletable-ms1, .advert .moduletable-ms2, .advert .moduletable-ms3, .advert .moduletable-ms4{
padding:10px;
height:230px;
}
/* Subadvert Module Styles */
.subadvert .moduletable, .subadvert .moduletable_menu, .subadvert .moduletable_text, .subadvert .moduletable-ms1, .subadvert .moduletable-ms2, .subadvert .moduletable-ms3, .subadvert .moduletable-ms4{
padding:10px;
height:200px;
}
/* Sidebar Module Styles */
#sidebar .moduletable, #sidebar .moduletable_menu, #sidebar .moduletable_text, #sidebar .moduletable-ms1, #sidebar .moduletable-ms2, #sidebar .moduletable-ms3, #sidebar .moduletable-ms4{
padding:10px;
margin:0 0 10px 0;
}
/* Sidebar2 Module Styles */
#sidebar2 .moduletable, #sidebar2 .moduletable_menu, #sidebar2 .moduletable_text, #sidebar2 .moduletable-ms1, #sidebar2 .moduletable-ms2, #sidebar2 .moduletable-ms3, #sidebar2 .moduletable-ms4{
padding:10px;
margin:0 0 10px 0;
}
/* Menu Styles *********/
.moduletable ul, .moduletable ul li, .moduletable_menu ul, .moduletable_menu ul li, .moduletable-ms1 ul, .moduletable-ms1 ul li, .moduletable-ms2 ul, .moduletable-ms2 ul li, .moduletable-ms3 ul, .moduletable-ms3 ul li, .moduletable-ms4 ul, .moduletable-ms4 ul li, .moduletable-banner ul, .moduletable-banner ul li{
margin:0;
padding:0;
list-style:none;
}
.moduletable ul li, .moduletable_menu ul li, .moduletable-ms1 ul li, .moduletable-ms2 ul li, .moduletable-ms3 ul li, .moduletable-ms4 ul li, .moduletable-banner ul li{
display:block;
}
.moduletable ul li a, .moduletable_menu ul li a, .moduletable-ms1 ul li a, .moduletable-ms2 ul li a, .moduletable-ms3 ul li a, .moduletable-ms4 ul li a, .moduletable-banner ul li a{
display:block;
padding:3px 3px 3px 15px;
}
.moduletable ul li a:hover, .moduletable_menu ul li a:hover, .moduletable-ms1 ul li a:hover, .moduletable-ms2 ul li a:hover, .moduletable-ms3 ul li a:hover, .moduletable-ms4 ul li a:hover, .moduletable_menu ul li.active a, .moduletable_menu ul li.active a, .moduletable-ms1 ul li.active a, .moduletable-ms2 ul li.active a, .moduletable-ms3 ul li.active a, .moduletable-ms4 ul li.active a, .moduletable-banner ul li.active a{
text-decoration:none;
}
.moduletable ul li ul li a, .moduletable_menu ul li ul li a, .moduletable_menu ul li ul li a, .moduletable-ms1 ul li ul li a, .moduletable-ms2 ul li ul li a, .moduletable-ms3 ul li ul li a, .moduletable-ms4 ul li ul li a, .moduletable-banner ul li ul li a{
padding:3px 15px 3px 20px;
}