@charset "utf-8";
/* ------------------------------------------------------------------------------
GLOBAL STYLESHEET DESCRIPTION

Project        : Green Life Style
Year           : 2008
Version        : 1.0
Last Change    : ---


COLOR CHART

#000    (black)
#fff    (white) 
#333    (dark grey)
#90c84b (light green)
#ff6600 (orange)
#939598 (light gray)
#E5E5E5 (very light gray)
#619e00 (medium green)
#d7ccb8 (chreme)
#d4d0c8 (skim milk)
------------------------------------------------------------------------------- */


/* ----------------------------- reset style ---------------------------------------- */
html, body, div, span, object, iframe, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, fieldset, ol, ul, li, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:8pt;font-family:inherit; outline:none;}
h1 {font-weight:bold;font-size:14pt;color:#619e00}
body {font-size:8pt;line-height:1.4;font-family: Verdana,"Lucida Sans", Georgia}
/*table {border-collapse:separate;border-spacing:0;}*/
caption, th, td {text-align:left;font-weight:normal;}
/*table, td, th {vertical-align:middle;}*/
th {font-weight:bold; border:1px solid #E5E5E5; padding: 3px;}

/*blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}*/
blockquote {font-family: Verdana, "Lucida Sans"; padding-left: 10px; margin-left: -10px; padding-right: 20px}
a img {border:none;}
.clearit{clear: both; height: 0; line-height: 0.0; font-size: 0; padding:0; margin:0;}
.abu_abu {color:#939598;}
/*  --------------------------- global tags ------------------------------------------ */
body { 
background: #fff; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #000;
}

a { color: #619e00; text-decoration: none; }
a:hover { color: #ff6600; text-decoration: none; }
a img { border: none; }
div.cl { clear: left; }
div.cr { clear: right; }
hr {
	border: none 0; 
	border-top: 1px solid #90c84b;
	border-bottom: 1px dotted #fff;
	width: 100%;
	height: 2px;
	margin: 5px 0 3px 0;
	text-align: left;
}
/*hr { border: 1px solid #90c84b; }*/

/* ---------------------------- container ------------------------------------------ */
#container {
width : 980px; 
height: auto!important; 
float: none; 
clear: both; 
margin: 0 auto; 
background: #fff; 
padding: 5px; 
}

#XXcontainer {
width: 980px; 
margin: auto;
height: auto !important;
/*min-height: 800px;
/*float: none; 
clear: both; 
height: auto !important;
margin: 0 auto; */
background: #fff; 
padding: 5px; 
}

/* --------------------------- header ---------------------------------------------- */
#header { width: 980px; height: 120px; margin: 0; padding: 0;}

#header h1 a {
display: block;  
float: left;
width: 98px;
height: 120px;
background: url(../images/logo.gif) no-repeat top left;
text-indent: -99999pt; 
}

#header h1 a:hover {
display: block;  
float: left;
width: 98px;
height: 120px;
background: url(../images/home-over.gif) no-repeat top right;
text-indent: -99999pt; 
}
#header a:hover {color: #ff6600; text-decoration: none;}


/* main navigation */
ul#mainNav, ul#mainNav li { list-style: none; }

ul#mainNav { float: left; display: block; width: 343px; height: 120px; margin-top: 30px; overflow: auto; margin-left:25px;}

ul#mainNav li { float: left; width: 113px; height: 23px; }

ul#mainNav li a { display: block; width: 113px; height: 23px; cursor: pointer; text-indent: -99999pt; }

/* menu Tips */
ul#mainNav li a#navTips { background: url(../images/navTips01.gif) no-repeat 0 0; }
ul#mainNav li a#navTips:hover,  ul#mainNav li a#navTips.current { background: url(../images/navTips02.gif) no-repeat 0 0; }

/* menu News */
ul#mainNav li a#navNews { background: url(../images/navNews01.gif) no-repeat 0 0; }
ul#mainNav li a#navNews:hover ,  ul#mainNav li a#navNews.current { background: url(../images/navNews02.gif) no-repeat 0 0; }

/* menu Library */
ul#mainNav li a#navLibrary { background: url(../images/navLibrary01.gif) no-repeat 0 0; }
ul#mainNav li a#navLibrary:hover ,  ul#mainNav li a#navLibrary.current { background: url(../images/navLibrary02.gif) no-repeat 0 0; }

/* menu Trips */
ul#mainNav li a#navTrips { background: url(../images/navTrips01.gif) no-repeat 0 0; }
ul#mainNav li a#navTrips:hover ,  ul#mainNav li a#navTrips.current { background: url(../images/navTrips02.gif) no-repeat 0 0; }

/* menu Community */
ul#mainNav li a#navCommunity { background: url(../images/navCommunity01.gif) no-repeat 0 0; }
ul#mainNav li a#navCommunity:hover ,  ul#mainNav li a#navCommunity.current { background: url(../images/navCommunity02.gif) no-repeat 0 0; }

/* menu Links */
ul#mainNav li a#navLinks { background: url(../images/navLinks01.gif) no-repeat 0 0; }
ul#mainNav li a#navLinks:hover ,  ul#mainNav li a#navLinks.current { background: url(../images/navLinks02.gif) no-repeat 0 0; }

/* menu Channel */
ul#mainNav li a#navChannel { background: url(../images/navChannel01.gif) no-repeat 0 0; }
ul#mainNav li a#navChannel:hover ,  ul#mainNav li a#navChannel.current { background: url(../images/navChannel02.gif) no-repeat 0 0; }

/* menu Products */
ul#mainNav li a#navProducts { background: url(../images/navProducts01.gif) no-repeat 0 0; }
ul#mainNav li a#navProducts:hover ,  ul#mainNav li a#navProducts.current { background: url(../images/navProducts02.gif) no-repeat 0 0; }

/* menu About */
ul#mainNav li a#navAbout { background: url(../images/navAbout01.gif) no-repeat 0 0; }
ul#mainNav li a#navAbout:hover ,  ul#mainNav li a#navAbout.current { background: url(../images/navAbout02.gif) no-repeat 0 0; }

/* form */
#searchForm { float: right; margin-top: 20px; }
label.searchLabel { width: 53px; height: 20px; display: block; text-indent: -99999pt; background: url(../images/searchLabel.gif) no-repeat 0 0;float: left; }
input.searchBox { height: 15px; border: 1px solid #ff6600; }
button.searchBtn, input.searchBtn { width: 20px; height: 20px; text-indent: -99999pt; background: url(../images/searchBtn.gif) no-repeat 0 0; border: none; cursor: pointer;}

#loginForm { float: right; margin-top: 10px; }
#loginForm ul, #loginForm ul li { list-style: none; }
#loginForm ul li { float: left; width: auto; height: 20px; margin-left: 10px;}
label.emailLabel { width: 41px; height: 20px; display: block; text-indent: -99999pt; background: url(../images/emailLabel.gif) no-repeat 0 0;float: left; }
label.passwordLabel { width: 56px; height: 20px; display: block; text-indent: -99999pt; background: url(../images/passwordLabel.gif) no-repeat 0 0;float: left; }
input.loginBox { height: 15px; border: 1px solid #939598; }
button.loginBtn { width: 55px; height: 20px; text-indent: -99999pt; background: url(../images/loginBtn.gif) no-repeat 0 0; border: none; cursor: pointer;}

#signupForm { float: right; margin-top: 10px; font-size: 11px; margin-bottom: 5px;}
#signupForm label a { color: #939598; text-decoration: none;}
#signupForm label a:hover { color: #ff6600; text-decoration: none;}
button.signupBtn { width: 55px; height: 20px; text-indent: -99999pt; background: url(../images/signupBtn.gif) no-repeat 0 0; border: none; cursor: pointer;}

#header p { display: block; width: auto; height: 15px; float: right; text-align: right; clear: right; }
#header p , #header p a { color: #333; text-decoration: none; text-transform: uppercase; } 

input#submit { padding:2px;height: 24px; border: 1px solid #939598; background-color:#757575; color:#fff;text-transform:uppercase;font-weight:bold;font-size:12px;cursor:pointer;}

input.button1 { padding:2px;height: 24px; border: 1px solid #939598; background-color:#757575; color:#fff;text-transform:uppercase;font-weight:bold;font-size:12px;cursor:pointer;}
/* --------------------------- top column ---------------------------------------------- */
#topColumn { width: 980px; height: 65px; float: left; margin-top: -25px; position:relative}
#horizontal-border { width: 980px; height: 5px; float: left; margin-top: -25px; border-top: 1px solid #90c84b;}

/* IE7
#topColumn { width: 980px; height: 60px; float: left; margin-top: 0px; }
#horizontal-border { width: 980px; height: 20px; float: left; margin-top: 5px; border-top: 1px solid #90c84b;}
*/

#topColumn p {
width: 478px;
height: 40px;
padding: 9pt 0;
border-top: 1px solid #90c84b;
border-bottom: 1px solid #90c84b;
font-size: 11px;
line-height: 13px;
}

/*#topColumn img { width: 492px; height: 60px; float: right; clear: left; margin-top: -60px; }*/
#topColumn img { width: 492px; height: 60px; float: right; clear: left; margin-top: -60px; }


/* --------------------------- left column ---------------------------------------------- */
#leftColumn { 
width: 300px; 
height: auto !important;
overflow: auto;
float: left;
margin-top: 24px;
}

#leftColumn a { color: #ff6600; text-decoration: none; font-weight: bold;}
#leftColumn a:hover { text-decoration: underline; }

#leftColumn h2.gcTitle {
text-indent: -99999pt;
width: 300px;
height: 26px;
background: url(../images/greenchannelTitle.gif) no-repeat 0 0;
}

#leftColumn h3 {
color: #003366;
font-size: 10pt;
font-weight: bold;
margin-top: 12px;
}

#leftColumn p, #leftColumn img  { margin-bottom: 10px; }

#leftColumn h2.fotdTitle {
text-indent: -99999pt;
width: 300px;
height: 33px;
background: url(../images/fotdTitle.gif) no-repeat 0 0;
margin-top: 15px;
}

p.bigP {
font-family: "Georgia", Times New Roman, Times, serif;
font-size: 12px;
font-weight: lighter;
padding-bottom: 15px;
border-bottom: 1px solid #619e00;
}

#leftColumn h2.kontributorTitle {
text-indent: -99999pt;
width: 300px;
height: 26px;
background: url(../images/kontributorTitle.gif) no-repeat 0 0;
margin-top: 15px;
}

/* --------------------------- middle column ---------------------------------------------- */
#middleColumn { 
width: 435px; 
height: auto !important;
overflow: auto;
float: left;
margin-left: 10px;
}

#middleColumn h2.gtTitle {
text-indent: -99999pt;
width: 435px;
height: 43px;
background: url(../images/gtTitle.gif) no-repeat 0 0;
margin-top: 12px;
margin-bottom: 12px;
}

/*#middleColumn ol li { list-style-type: decimal; margin-left: 25px; padding: 5px 0; border-bottom: 1px solid #90c84b; }*/
/*#middleColumn ol li { list-style-type: decimal; margin-left: 25px; padding-left: 20px; padding: 5px 0; border-bottom: 1px solid #90c84b; }*/
#middleColumn ol li { list-style:outside; list-style-type: decimal; margin-left: 30px; padding-left: 20px; padding: 5px 0; border-bottom: 1px solid #E5E5E5; }
#middleColumn ol li a { color: #000; text-decoration: none; }
#middleColumn ol li a h3 { font-weight:bold }
#middleColumn ol li a:hover { color: #ff6600; text-decoration: none; }
#middleColumn span, #middleColumn span a { color: #ff6600; font-weight: bold; text-decoration: none; font-size: 9pt; }
#middleColumn span a:hover { color: #ff6600; text-decoration: underline; }

#middleColumn h2.newsTitle {
text-indent: -99999pt;
width: 435px;
height: 18px;
background: url(../images/newsTitle.gif) no-repeat 0 0;
margin-top: 17px;
}
#middleColumn div.newsRow p {color: #000}
div.newsRow {color: #619e00; padding: 8px 0; border-bottom: 1px solid #E5E5E5; }
div.newsRow h3 { color: #000; font-size: 10pt; font-weight:bold}
div.newsRow a h3 { color: #000; font-weight: bold; }
div.newsRow a:hover h3 { color: #ff6600}
div.newsRow p { font-weight: normal; }
div.newsRow p a, div.newsRow a { color: #ff6600; font-weight: normal; text-decoration: none; }
div.newsRow p a:hover, div.newsRow a:hover { text-decoration: underline; }

#middleColumn h2.odmTitle {
text-indent: -99999pt;
width: 435px;
height: 20px;
background: url(../images/odmTitle.gif) no-repeat 0 0;
margin-top: 17px;
margin-bottom: 10px;
}

/*#middleColumn div.odmRow { padding: 6px 0; border-bottom: 1px solid #90c84b; }*/
#middleColumn div.odmRow { padding: 6px 0; border-top: 1px solid #E5E5E5; }
#middleColumn div.odmRow , #middleColumn div.odmRow a { color: #619e00; text-decoration: none; }
#middleColumn div.odmRow a:hover { color: #ff6600; text-decoration: underline; }
#middleColumn div.odmRow h3 a {  color: #6C6C6C; text-decoration: none; font-weight: bold;}
#middleColumn div.odmRow h3 a:hover {  color: #ff6600; text-decoration: none; }

#middleColumn h2.ikrarTitle {
text-indent: -99999pt;
width: 435px;
height: 28px;
background: url(../images/ikrarTitle.gif) no-repeat 0 0;
margin-top: 17px;
}

#middleColumn strong { font-weight: bold; color: #619e00; }
input.voteBtn {
	border:none;
	background: url(../images/voteBtn.gif) no-repeat 0 0;
	color:#FF0000;
	font-weight : bold;
	font-size : 8pt;
	height:20px;
	width:55px;
	cursor: pointer;
}
#btnRes {
	background: url(../images/resultBtn.gif) no-repeat 0 0;
	color:#FF0000;
	height:20px;
	width:55px;
}
input.resultBtn {
	border:none;
	background: url(../images/resultBtn.gif) no-repeat 0 0;
	color:#FF0000;
	font-weight : bold;
	font-size : 8pt;
	height:20px;
	width:55px;
	cursor: pointer;
}
/* input.XXXvoteBtn { width: 55px; height: 20px; text-indent: -99999pt; background: url(../images/voteBtn.gif) no-repeat 0 0; border: none; cursor: pointer;}
input.resultBtn { width: 55px; height: 20px; text-indent: -99999pt; background: url(../images/resultBtn.gif) no-repeat 0 0; border: none; cursor: pointer;} */


/* --------------------------- right column ---------------------------------------------- */
#rightColumn { 
width: 225px; 
height: auto !important;
overflow: auto;
float: left;
margin-left: 10px;
}

#rightColumn h2.greenhouse {
text-indent: -99999pt;
width: 225px;
height: 100px;
background: url(../images/greenhouse.gif) no-repeat 0 0;
margin-top: 17px;
}

#rightColumn p { margin-top: 18px;}
#rightColumn p a {text-decoration: none; color: #ff6600; }
#rightColumn p a:hover { text-decoration: underline; }

#rightColumn h2.agendaTitle {
text-indent: -99999pt;
width: 225px;
height: 43px;
background: url(../images/agendaTitle.gif) no-repeat 0 0;
margin-top: 17px;
}

#rightColumn h2.pengumumanTitle {
text-indent: -99999pt;
width: 225px;
height: 16px;
background: url(../images/pengumumanTitle.gif) no-repeat 0 0;
margin-top: 17px;
}

#rightColumn h2.shoutboxTitle {
text-indent: -99999pt;
width: 225px;
height: 36px;
background: url(../images/shoutboxTitle.gif) no-repeat 0 0;
margin-top: 17px;
margin-bottom: 6px;
}

.small {font-size:8pt}

#shoutbox {
	width: 223px;
	min-height: 150px;
	max-height: 320px;
	overflow: scroll;
	display: block;
	font-size:small;
	border: 1px solid #C0C0C0;
}

#rightColumn span, #rightColumn span a { color: #ff6600; font-weight: bold; text-decoration: none; font-size: 9pt; }
#rightColumn span a:hover { color: #ff6600; text-decoration: underline; }

#shoutbox div.shoutRow { padding: 5px; border-bottom: 1px solid #E5E5E5;font-size:smaller;}
#shoutbox div.shoutRow strong { color: #619e00; }
.shoutRow p.first { border:0; padding: 10px; width: 90%}
.shoutRow p { border-top: solid 1px #ccc; padding: 10px; width: 90%}
/*#rightColumn div.shoutRow { padding: 8px 0; border-bottom: 1px solid #90c84b; width:245px;}
#rightColumn div.shoutRow strong { color: #619e00; }*/

#rightColumn h2.adminTitle {
text-indent: -99999pt;
width: 225px;
height: 12px;
background: url(../images/adminTitle.gif) no-repeat 0 0;
margin-top: 17px;
margin-bottom: 6px;
}

ul.admins li { margin-bottom: 7px; }
ul.admins li a img { vertical-align: middle; }

#rightColumn h2.gtTitle {
text-indent: -99999pt;
width: 225px;
height: 26px;
background: url(../images/gt2Title.gif) no-repeat 0 0;
margin-top: 12px;
margin-bottom: 12px;
}

ul.gtRow {
	/* list-style-type: none; */
	margin: 15px;
	padding-left: 3px;
	/* text-transform: lowercase; */
}

ul.gtRow li, ul.gtRow li a{
	margin-top: 2px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
	margin-bottom: 5px;
	list-style: url("../images/bullet-med-green.gif");
	color: #000;
}

ul.gtRow li a:hover{
	color: #ff6600;
}
/*
#rightColumn ul.gtRow {list-style: square; padding-left: -5px;}
#rightColumn ul.gtRow li { margin-bottom: 10px; list-style: square;}
#rightColumn ul.gtRow li  a { color: #000; text-decoration: none; font-weight: normal; list-style: square;}
#rightColumn ul.gtRow li  a:hover { color: #ff6600; text-decoration: none; }
*/

#rightColumn h2.newsTitle {
text-indent: -99999pt;
width: 225px;
height: 18px;
background: url(../images/news2Title.gif) no-repeat 0 0;
margin-top: 20px;
margin-bottom: 12px;
}

#rightColumn h2.productsTitle {
text-indent: -99999pt;
width: 225px;
height: 19pt;
background: url(../images/productsTitle.gif) no-repeat 0 0;
margin-top: 20px;
margin-bottom: 12px;
}

#rightColumn h2.gtpTitle {
text-indent: -99999pt;
width: 225px;
height: 26px;
background: url(../images/gtpTitle.gif) no-repeat 0 0;
margin-top: 12px;
margin-bottom: 12px;
}

#rightColumn ul.productsRow li { margin-bottom: 10px; }
#rightColumn ul.productsRow li img { border: 1px solid #619e00; }
#rightColumn ul.productsRow li  a { color: #000; text-decoration: none; font-weight: bold; }
#rightColumn ul.productsRow li  a:hover { color: #ff6600; text-decoration: none; }


div.mainheading {
	margin: 2px;
}
.closeBtn {
	/*float: right;
	width: 15px;
	/*font-size: 1.5em;
	height: 13px;

	padding: 0 0 3px 0;
	margin: 1px 8px 0 0;
	border: solid black 1px;*/
}
/*all styles related to the main calendar grid*/

/* --------------------------- footer ---------------------------------------------- */
#footer {
width: 980px;
height: 59pt;
display: block;
background: url(../images/ccfooter.gif) no-repeat 0 0;
margin-top: 20px;
margin-bottom: 10px;
margin-left: auto;
margin-right:auto;
}

/* --------------------------- content ---------------------------------------------- */
#content { 
width: 745px; 
height: auto !important;
overflow: auto;
float: left;
}

#XXcontent { 
width: 745px;
min-height: 250px;
height: auto !important;
overflow: auto;
float: left;
}

/* --------------------------- membercontent ---------------------------------------------- */
#membercontent { 
width: 975px;
min-height: 250px;
height: auto !important;
overflow: auto;
float: left;
}
#membercontent p {
padding: 5px 0 5px 0;
}
#membercontent ul {
	/* list-style-type: none; */
	margin: 15px;
	padding-left: 3px;
	/* text-transform: lowercase; */
}

#membercontent ul li {
	margin-top: 2px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
	/*list-style: url("images/arrow.jpg");*/
	list-style:inside;
	list-style-type: square;
}
/* left content */
/*#leftContent { width: 480px; height: auto; overflow: auto; float: left; }*/
#leftContent { width: 92%; height: auto; overflow: auto; float: left; padding-right: 25px;}
#leftContent h2.aboutTitle {
text-indent: -99999pt;
width: inherit;
height: 36px;
background: url(../images/aboutTitle.gif) no-repeat 0 0;
margin-bottom: 12px;
}

.field_title{float:left;width:150px;margin-top:2px;text-align:right;}
.field_sep{float:left;width:10px;margin-top:2px;text-align:center;}
.field_input{float:left;margin-top:2px;text-align:left;}
.hr_sep{height: 3px;}

#leftContent table.cstyle{padding: 0; border: 1px solid #CCCCCC;}
#leftContent td.ikrarPertanyaan {padding: 5px; padding-bottom: 5px; margin-bottom: 4px; border-bottom:1px solid #CCCCCC }
#leftContent td.ikrarAngka {padding: 5px; margin-bottom: 4px; border-bottom:1px solid #CCCCCC; text-align: right;background-color:#F7F7F7}
#leftContent td.ikrarPersen {padding: 5px; margin-bottom: 4px; border-bottom:1px solid #CCCCCC; text-align: right; background-color:#F0F0F0}
#leftContent td.ikrarTotal {padding: 5px; margin-bottom: 4px; border-top:1px solid #808080; font-weight:bold; font-size:8pt;}
#leftContent tr.ikrarJumlah {width:20%; padding: 5px 10px; margin-bottom: 4px; float:left; }

#leftContent p { margin-bottom: 18px; }
#leftContent h2, h2 { font-size: 14pt; font-weight:bold; margin-bottom: 10px; }
#leftContent h3, h3 { font-size: 13pt; font-weight:bold; margin-bottom: 10px; }

#leftContent ul {
	/* list-style-type: none; */
	margin: 15px;
	padding-left: 3px;
	/* text-transform: lowercase; */
}

#leftContent ul li {
	margin-top: 2px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
	/*list-style: url("images/arrow.jpg");*/
	list-style:inside;
	list-style-type: square;
}

#leftContent ol {
	margin: 15px;
	padding-left: 3px;
	list-style:inside;
	list-style-type:decimal;
}

#leftContent ol li {
	margin-top: 2px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

#leftContent div.penting {padding: 5px; border: 1px solid #619e00; background-color: #90c84b}
.penting {padding: 5px; border: 1px solid #619e00; background-color: #90c84b}
.error {padding: 5px; border: 1px solid #FF8000; background-color: #FFEAD5}
#tambahKomentar {padding: 3px;cursor:pointer; font-weight:bold}

/* #d7ccb8 (chreme)
#d4d0c8 (skim milk)
*/

#leftContent .artImage {position: relative;padding:3px; margin-right: 10px; float:left; border: 1px solid #e5e5e5}
#leftContent div.artImage p {margin:0; font-size:7pt; color:#939598; width:300px;}
#leftContent div.artImage a {font-size:7pt;}
#leftContent div.imgRight {padding:3px; margin-left: 10px; float:right; border: 1px solid #e5e5e5}
#leftContent div.imgRight p {margin:0; font-size:7pt; color:#939598; width:300px;}
#leftContent div.imgRight a {font-size:7pt;}
#leftContent div.imgLeft {padding:3px; margin-right: 15px; float:left; border: 1px solid #e5e5e5}
#leftContent div.imgLeft p {margin:0; font-size:7pt; color:#939598; width:150px;}
#leftContent div.imgLeft a {font-size:7pt;}
#leftContent div.artList {height:170px; display:block; float:left}

/*.tanggal {color: #619e00; font-size: smaller}*/
.tanggal {color: #90c84b; font-size: smaller}

/* right content */
#rightContent { width: 255px; height: auto; float: left; margin-left: 10px;  }

div.photos { margin-bottom: 20px;overflow:hidden; }
div.photos p { margin-top: 5px; display: block; overflow:hidden; height: auto; padding: 10px; background: #eee; } 

.pagination-n-archivefeed { margin-top: 10px; padding-top: 15px; padding-bottom:15px}
/* diggstyle pagination */
div.pagination { padding: 0 0 5px; margin: 5px 0; position: relative; left: -1px; }
div.pagination a { padding: 1px 4px 2px; margin: 2px; border: 1px solid #619e00; text-decoration: none; color: #336600; }
div.pagination a:hover, div.pagination a:active { background-color: #ff6600; border: 1px solid #619e00; color: #FFF; }
div.pagination span.current, div.pagination strong { padding: 1px 4px 2px; margin: 2px; border: 1px solid #336600; background-color: #336600; color: #FFF; }
div.pagination span.disabled { padding: 1px 4px 2px; margin: 2px; border: 1px solid #ddd; color: #ccc; }

/* comments
#000    (black)
#fff    (white) 
#333    (dark grey)
#90c84b (light green)
#ff6600 (orange)
#939598 (light gray)
#E5E5E5 (very light gray)
#619e00 (medium green)
#d7ccb8 (chreme)
#d4d0c8 (skim milk)
*/
#startKomentar b { font-size: 12pt; font-weight: bold }
.commentlist {
	margin: -10px 0 15px 0;
	list-style:inside;
	list-style-type: none;
	padding: 0;
	border-bottom: solid 1px #ccc;
	}

.commentlist li {
	list-style:inside;
	list-style-type: none;
	border-top: solid 1px #ccc;
	background: #eee;/**/
	padding: 10px 10px;
	}

.commentlist li.alt {
	list-style:inside;
	list-style-type: none;
	background: #fff;
	padding: 10px 10px;
	}

.commentlist li.authorcomment {
	color: black;
	background-color: inherit;
	padding: 0px 10px;
	}

.commentlist li p {
	margin: 1px 0 15px 0;
	}
.comment_author {font-weight:bold; font-size:9pt;color: #444;}
.comment_date {font-size:7pt;color:#619e00}

.nomorurut {
	float: right;
	font-size: 30px;
	line-height: 30px;/* */
	font-family: arial, sans-serif;
	font-weight: bold;
	color: #ddd;
	margin: -10px 0 0 0;
	position: relative;
	height: 1%;
}

ul.otherlist {
	list-style:inside;
	margin: 5px 0 10px 0;
	list-style-type: none;
	padding: 2px;
	border-top: dotted 1px #C0C0C0;
	/*border-bottom: dotted 1px #ccc;*/
	}

ul.otherlist li {
	border-bottom: dotted 1px #ccc;
	/*background-color: #ebebeb;*/
	padding: 15px 10px 5px 5px;
	}

/* events */

.caldate {
	position: relative;
	width: 46px;
	height: 41pt;
	float:left;
	background: url(../images/date-bg2.gif) no-repeat;
	color: #EEE;
	padding-right: 5px;
}
.calmonth {
	font-size: 9pt;
	font-weight:bold;
	text-transform: uppercase;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 3px;
	margin-left: -2px;
	color:#127502;
}
.calday {
	font-size: 9pt;
	text-transform: uppercase;
	text-align: center;
	display:block;
	line-height: 16px;
	padding-top: 1px;
	margin-left: -4px;
}
.calyear {
	font-size: 8pt;
	color:#127502;
	text-transform: uppercase;
	text-align: center;
	display:block;
	line-height: 15px;
	margin-left: -4px;
}
.caldateTitle {
	color:#000;
	height:49px;
	font-weight: bold;
	font-size:larger;
	padding: 0 0 15px 10px;
	display:block;
	/*background-color:#ddfea9;*/
}

.post-date-bg { 
    float: left; 
    color: #FFC90A; 
    font-family:Trebuchet MS; 
    font-size: 0.9em; 
    text-align: center; 
    font-weight: bold; 
    margin: 0 8px 0 0; 
    padding: 4px 3px; 
    width: 55px; 
    height: 44px; 
    background: #494843 url('../images/date.jpg') no-repeat; 
}
.event_tgl {
	float:right;
	text-transform: uppercase;
	padding: 5px 0 5px;
	/*background-color:#c7f087;*/
	display:block;
	font-size: 7pt;
	font-weight:bold;
	cursor:pointer;
}
.event_title {
	float:left;
	width: 125px;
	color:#000;
	font-weight: normal;
	padding: 5px 0 5px;
	cursor:pointer;
	/*background-color:#ddfea9;*/
}
.event_title a {
	color:#000;
	cursor:pointer;
}
.event_title a:hover {
	color:#ff6600;
}
.tip {
	font-size: 8pt;
	border:solid 1px #619e00;
	width:240px;
	padding:2px;
	position:absolute;
	z-index:1000;
	display:none;
	visibility: hidden;
	color:#333333;
	left:-10px;
	background-color:#ddfea9;
}
.tip p {
	margin-top:0;
}

#loading {
	position:absolute;
	background-image:url(../images/loading-animation.gif);
	background-repeat:no-repeat;
	background-position: top;
	text-align:center;
	padding:2px;
	font-size:9px;
	display:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:212px;
	height:17px;
	margin:auto;
	vertical-align:top;
	z-index: 50;
}
.tipsRate, .newsRate { cursor:pointer }

#cals {
	border-bottom: 1px solid #E5E5E5;
	font-weight: normal;
	font-size:8pt;
}
/*
#90c84b (light green)
#ff6600 (orange)
#939598 (light gray)
#E5E5E5 (very light gray)
#619e00 (medium green)
*/

#divBottom {position: fixed; bottom: 0px; width: 100%; z-index: 1;background-color:#fff; padding-top:1px;}
.xhfooter {
	padding:0px;
	color: #373737;
	/*background: url(../images/bg-footer.gif) repeat-x;/* */
	background: #fdf9cc;
	border: 1px solid #619e00;
	border-bottom:0;
	display:block;
	font-size: 7pt;
	margin:auto;
	width:974px;
	height:20px;
	line-height:1.5;
}

.hfooter { text-align:right; padding: 2px 5px 5px 5px; color:#000; border: 1px solid #619e00; border-bottom:0; width:980px; }

.xhfooter a, .xhfooter a:link, .xhfooter a:visited {color: #373737 }

#memberdiv { float: right; margin-top: 10px; font-size: 11px; margin-bottom: 10px;}

.logout {float: right;}
.logout a:link, .logout a:visited {color: #800000; background: url(../images/button-logout.gif) no-repeat right; padding-right: 18px;}
.logout a:hover {color:red; background: url(../images/button-logout-over.gif) no-repeat right; padding-right: 18px;}
.logout img {vertical-align:bottom}

#membermenu {color: #336600}
#membermenu a:link, #membermenu a:visited {font-size: 8pt; color:#282828;}
#membermenu a:hover, .xhfooter a:hover {color:#800000; text-decoration: underline;}

#memberhome { background: url(../images/memberhome.gif) no-repeat left; padding-left:18px }
a#memberhome:hover { background: url(../images/memberhome-over.gif) no-repeat left; padding-left: 18px;color:#800000; text-decoration: underline;}

#membersubmenu {height: 150px; overflow: scroll; margin-bottom: 0px;}

#fbcontent {
	background: #fff;
}
.addmenu ul {
	padding: 2px 0 5px 0;
}
.addmenu ul li {
	color: #444;
	padding-left: 18px;
	padding-right: 18px;
	width: 100px;
	list-style: none;
	font-size: 10pt;
	font-weight: bold;
	padding-bottom: 5px;
	display: inline;
	background: url(../images/addmenu.gif) no-repeat left;
	white-space: nowrap;
}
.addmenu ul li a,
.addmenu ul li a:link,
.addmenu ul li a:visited { color: #336600; }
.addmenu ul li a:hover { color: #FF8000; }
.addmenuTable {
	color: #444;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 18px;
	padding-bottom: 1px;
	background: url(../images/addmenu.gif) no-repeat left;
}

.uthumb {
	padding:2px;
	border:1px solid #ccc;
	background-color:#fff;
	text-align:center;
	vertical-align:top;
	width:122px;
	height:102px;
	overflow:hidden;
}
.uthumb p { border: 1px solid #EBEBEB; height:100px; overflow:hidden; }
.ucontainer {float:left; margin:auto; margin-right: 25px; padding:2px; width: 132px; min-height:170px;}

.bg_white { background: #fff; }
.bg_off_white { background: #eee; }

input.keycaptcha { font-size:11pt; padding: 2px; height: 19px; font-family: "Courier New", Courier, serif; }
/* daftar warna --- *
#000    (black)
#fff    (white) 
#333    (dark grey)
#90c84b (light green)
#ff6600 (orange)
#939598 (light gray)
#E5E5E5 (very light gray)
#619e00 (medium green)
#d7ccb8 (chreme)
#d4d0c8 (skim milk)
/* --- */
table.tablesorter {font-family:arial; background-color: #ECFFEC; margin:10px 0pt 15px; font-size: 8pt; min-width: 500px; width: auto; text-align: left; }
table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #d4d0c8; border: 1px solid #FFF; font-size: 8pt;padding: 4px;}
table.tablesorter thead tr .header {background-image:url(bg.gif);background-repeat:no-repeat;background-position:center right;cursor: pointer;}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	/*background-color: #FFF;*/
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

.shadetabs{
padding: 3px 0;
margin-left: 2px;
margin-top: 1px;
margin-bottom: 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

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

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #ccc;
color: #2d2b2b;
background-color: #eaeaea;
}

.shadetabs li a:visited{color: #2d2b2b;}

.shadetabs li a:hover{color: #2d2b2b;}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
/*top: 1px;*/
}

.shadetabs li a.selected{ /*selected main tab style */
background-color: #ffffff;
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
text-align: left;
margin: 0;
}

.indentmenu{ }

.indentmenu ul{margin: 0;padding: 0;float: left;}

.indentmenu ul li{ border:none; margin:0 5px 0 0; padding:0; font-size:9pt; list-style:none; /* savers */ float:left; background-color: #e9e9e9;}

.indentmenu ul li a{float: left; color: #555555; /*text color*/ padding: 2px 5px; border:solid 1px #666666; margin-right:2px;}
.indentmenu ul li a:hover{color: #000000; border:solid 1px #000000;}
.indentmenu ul li a:visited{color: white;}
.indentmenu ul li a.selected{ background: #666666; color: #ffffff;}

@media print {
.tabcontent {
display:block !important;
}
}

/* autocomplete */
input.autocomplete-loading
{
	background-image:url(../images/autocomplete.gif);
	background-position: center right;
	background-repeat:no-repeat;
}
ul.autocomplete 
{
    position: absolute;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid ButtonShadow;
    margin: 0px;
    padding: 0px;
    list-style: none;
    color: #000;
	display:none;
	z-index:1000;
}
ul.autocomplete li 
{
  font-size:8pt;
  display: block; 
  padding: 0.3em; 
  overflow: hidden;
  width: 100%;
  cursor:pointer;
}

ul.autocomplete li.selected 
{
  background-color: Highlight ; 
  color: #fff;
}
.bordered {
	border: 1px solid #C0C0C0;
	padding: 3px;
	background: #E5E5E5;
}

#frmTips {
	border-top: 1px solid #444;
	padding: 3px;
}

/*** jqueryslidemenus ***/
.jqueryslidemenu{
/*font: bold 12px Verdana;*/
/*background: #414141;*/
width: 100%;
/*width:980px;/**/
padding-right: 5px;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
margin-bottom: 0px;
padding: 2px;
cursor: pointer;
}

/*
.jqueryslidemenu ul li:hover{
text-decoration: underline;
}
*/
/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
/*background: #414141; /*background of tabs (default state)*/
/*color: white;*/
padding: 0px 5px;
/*border-right: 1px solid #778;*/
/*color: #2d2b2b;*/
text-decoration: none;
}

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

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
/*color: white;*/
}

.jqueryslidemenu ul li a:hover{
/*background: black; /*tab link background during hover state*/
background: #fdf9cc;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
border: 1px solid #619e00;
border-bottom: 1px solid #E2E2E2;
padding-bottom: 5px;
margin-bottom: 5px;
background: #fdf9cc;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
color: #373737;
/*background: url(../images/bg-footer.gif) repeat-x;/* */
background: #fdf9cc;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
/*font: normal 9pt Verdana;*/
width: 160px; /*width of sub menus*/
padding: 2px;
margin: 0;
border-bottom: 1px solid #C0C0C0;
}

.jqueryslidemenu ul li span.logout {float: right; padding-right: 5px;}
/*.jqueryslidemenu ul li span.logout a {float: right;} /**/
.jqueryslidemenu ul li .logout a:hover {color:red; background: url(../images/button-logout-over.gif) no-repeat right; padding-right: 18px;}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #fdf9cc;
color: black;
}

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

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 0px;
right: 5px;
}/*** jqueryslidemenus ***/