/* Contoh CSS dari Edi Sujono */
@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
p {
    margin: 7px 0 7px 0;
}
table .bordertable td {
    padding: 5px;
}
img {
	border:none;
}
a {

	text-decoration:none;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:justify;
}
h1 {
	font-size:30px;
	font-weight:normal;
}
h2 {
	color:#3387b1;
	font-size:20px;
}
li {
    list-style-position: inside;
}
.clearBoth {
	clear:both;
}
.clearLeft {
	clear:left;
}
#internalOuterContainer {
	width:100%;
	background:url(garis1.jpg) repeat-x;
}

#siteFooterContainer {
	width:100%;
	background:url(bottom_bg.gif) repeat-x #e8e7e7;
}

#siteContainer {
	width:955px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#siteContent {
	width:902px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
}

#internalHeaderExtension {
	background:url(contoh_headerR4tmp.jpg) no-repeat center top;
}

/*********************/
/*  MAIN MENU START  */
/*********************/
#mainMenu{
	float:right;
	margin-right:27px;
	margin-top:6px;
}
#mainMenu li {
	list-style-type:none;
	display:inline;
}

#mainMenu li a {
	color:#FFFFFF;
	padding:0 6px;
	border-right:#FFFFFF 1px solid;
	letter-spacing: 0.04em; 
}

#mainMenu li a.last {
	border-right:none;
}

#mainMenu li a.alt {
	color:#ffbc00;
	border-right:none;
}
#mainMenu .currentUser {
	color:#ffbc00;
	padding:0 7px;
}

/* MENU BAWAH */
#MenuBawah{
	float:center;
	margin-center:27px;
	margin-top:6px;
}
#MenuBawah li {
	list-style-type:none;
	display:inline;
}

#MenuBawah li a {
	color:#666666;
	padding:0 4px;
	border-right:#666666 1px solid;
	letter-spacing: 0.02em; 
}

#MenuBawah li a.last {
	border-right:none;
}

#MenuBawah li a.alt {
	color:#ffbc00;
	border-right:none;
}
#MenuBawah .currentUser {
	color:#ffbc00;
	padding:0 4px;
} 

/* MAIN MENU END */

#homeHeader {
	/*background:url(/img/home_header.jpg) no-repeat;*/
	margin-left:30px;
}
#homeHeader .headerText {
	float:left;
	margin-top:55px;
	width:500px;
	color:#FFFFFF;
}
#homeHeader .headerText p {
	margin: 2px 0px;
}
#homeHeader .headerText a {
	color:#f99408;
}
#homeHeader .homeHeaderSizer {
	float:left;
}


/*************************/
/* INTERNAL HEADER START */
/*************************/

#internalPageHeader #subTitle, #internalPageHeader #subTitleNoSearch {
	float:left;
	margin-left:30px;
	margin-right:20px;
	margin-top:10px;
	width:395px;
}

#internalPageHeader #subTitleNoSearch {
	width:100%;
}

#internalPageHeader #subTitle a, #internalPageHeader #subTitleNoSearch a {
	color:#da3e26;
	text-decoration:underline;
}

#internalPageHeader #subTitle p, #internalPageHeader #subTitleNoSearch p {
	line-height:20px;
	margin-top:10px;
}

#internalPageHeader .leftColumn {
	float:left;
	width:450px;
	margin-left:16x;
}
#internalPageHeader .rightColumn {
	float:left;
	width:420px;
	text-align:right;
}
#internalPageHeader .featured {
	vertical-align:top;
	margin-left:20px;
	margin-top:5px;
}


#internalPageHeader .createHeader .leftColumn {
	float:left;
	width:250px;
	margin-left:15px;
	margin-right:10px;
	margin-top:3px;
}
#internalPageHeader .createHeader .rightColumn {
	float:left;
	width:570px;
	text-align:left;
}


#postSignUp {
	padding-top:10px;
}

#postSignUp .displayBox {
	float:left;
	width:440px;
	text-align:center;
}

#postSignUp .displayBox p {
	margin:12px;
}

#postSignUp .displayBox h2 {
	font-weight:normal;
	font-size:19px;
}


#resultsTable .oddRow {
	background-color:#eeeeee;
}


#resultsTable .evenRow {

}

#resultsTable .rollOverRow {
	background-color:#ffbfbf;
	color:#9e3e22;
}

#resultsTable .rollOverRow a {
	color:#9e3e22;
}

#resultsTable .headerRow a {
	color: #ffffff;
}

#resultsHeader h3 {
	color:#3387B1;
	float:left;
	padding-top:3px;
	width:620px;
}

#resultsHeader .viewCount {
	float:left;
	width:150px;
	text-align:right;
}

#resultsHeader .viewCount label {
	font-weight:bold;
}

#resultsFooter ul {
	float:left;
}

#resultsFooter ul li {
	list-style-type:none;
	display:inline;

}

#resultsFooter ul li {
	float:left;
	margin-right:5px;

	background:url(/img/buttons/btn_paging_bg.gif) no-repeat;
	width:21px;
	height:22px;

}

#resultsFooter ul li a {
	color:#999999;
	font-weight:bold;
	width:21px;
	height:22px;
	padding-top:4px;
	text-align:center;
	display:block;
}

#resultsFooter ul li.current {
	background:url(/img/buttons/btn_paging_current_bg.gif) no-repeat top left;

}
#resultsFooter ul li.space {
        background-image: none;
	padding:5px 5px 0 5px;

}
#resultsFooter ul li.space a {
	padding:0 0 0 0;
}
#resultsFooter ul li.previous {
	background:url(/images/buttons/btn_prev_arrow.gif) no-repeat left center;
	width:50px;
	padding:5px 5px 0 10px;
}
#resultsFooter ul li.previous a {
	padding:0 15px 0 0;
}
#resultsFooter ul li.next {
	background:url(/img/buttons/btn_next_arrow.gif) no-repeat right center;
	padding:5px 15px 0 5px;

}
#resultsFooter ul li.next a {
	padding:0 15px 0 0;
}
#projectResults p {
	text-align:center;
	padding:0 20px;
}
#projectResults p a {
	text-decoration:underline;
}

/**************************/
/* INTERNAL CONTENT START */
/**************************/

#internalContent a {
	color:blue;
	text-decoration:underline;
}

#internalLeftColumn {
	float:left;
	width:222px;
	margin-left:18px;
	margin-top:7px;
	margin-right:10px;
}

#internalRightColumn {
	float:left;
	width:633px;
}

#internalContent .leftPanel, #internalContent .rightPanel, #internalContent .mainPanel {
	background:#FFFFFF;
	margin-top:10px;
}
#internalContent .mainPanel {
	width:866px;
	margin-left:auto;
	margin-right:auto;
}
#internalContent .leftPanel p, #internalContent .rightPanel p, #internalContent .leftPanel ul, #internalContent .rightPanel ul, #internalContent .mainPanel ul {
	padding:5px 20px 5px 20px;
}
#internalContent .leftPanel ul li, #internalContent .rightPanel ul li {
	margin-left:13px;
}
#internalContent .rightPanel ul li {
	color:blue;
}
#internalContent .mainPanel ul li {
	list-style-type:none;
}

#internalContent .leftPanel h3, #internalContent .rightPanel h3, #internalContent .mainPanel h3 {
	color:#FFFFFF;
	padding:6px;
	font-size:12px;
	padding-left:20px;
}

#internalContent .mainPanel h3 {
	background:url(/img/internal/panel_header.gif) no-repeat;
}

#internalContent .rightButton {
	text-align:right;
}

#internalContent .rightPanel .leftColumn {
	float:left;
	width:175px;
}
#internalContent .rightPanel .rightColumn {
	float:left;
	width:450px;
}

#internalContent .faqAnswer {
	padding:10px;
}

#internalContent .faqAnswer p {
	margin-top:10px;
}

#internalContent .costTable {
	width:750px;
	text-align:left;
	border-top:#e1e1e1 solid 1px;
	border-right:#e1e1e1 solid 1px;
	border-left:#e1e1e1 solid 1px;
}
#internalContent .costTable th, #internalContent .costTable td {
	padding:8px 8px 8px 25px;
}
#internalContent .costTable td {
	border-bottom:#e1e1e1 solid 1px;
}
#internalContent .costTable th {
	background-color:#d6d6d6;
}

#internalContent .costTable .evenRow {
	background-color:#f3f3f3;
}

#internalContent .costTable .oddRow {
	background-color:#ffffff;
}
/* INTERNAL CONTENT END */

/*************************/
/*     FOOTER START      */
/*************************/
#footer {
	width:902px;
	margin-left: auto;
	margin-right: auto;
	padding-top:30px;
}

#footer a {
	color:#666666;
	text-decoration:underline;
}

#footer h3 {
	font-size:14px;
}

#footer a.readMoreLink {
	font-weight:;
}

#footer ul li {
	list-style-type:none;
	display:inline;
	font-size:12px;
}

#footer ul li a {
	font-weight:;
	background:url(/img/footer_menu_dash.gif) no-repeat right center;
	padding:0 12px 0 12px;
	text-decoration:none;
}

#footer ul li a.last {
	background:none;
}

#footer .footerRSS {
	vertical-align:top;
}

/* FOOTER END */


.redTitle {
	color:#ff001b;
}

.greenTitle {
	color:#3cb10e;
}

.box {
	border: 1px dashed #cccccc; 
	padding: 0px px 0px 0px; 
	margin: 0 0 0 0;
	color: #333;
	font: 0.9em Arial, Sans-Serif ;
}

.box td {
	padding: 5px 10px 5px 10px; 
	
	}
	
.box.a 	{ 	color: #990000; background: inherit;  text-decoration:none; }
.box.a:hover { color: #999;	background: inherit;	text-decoration: underline; }

input.search_input { width: 292px; 
			border: 0; 
			background: url(images/bg_input.gif) no-repeat; 
			padding: 5px; 
			color: #000000; 
			font-weight: bold; 
			margin: 0; 
			float: left; }
			
input.submit_input { background: #000000 url(images/bg_submit.gif) no-repeat; 
			border: 0; height: 24px; 
			padding: 0; 
			width: 80px; 
			margin: 0 0 0 5px; 
			color: #FFF; 
			font: bold 85% arial, sans-serif; 
			float: left; }