* {
	margin: 0;
	padding: 0;
}
body {
	background-attachment: fixed;
	background-color: #fff;
	background-repeat: repeat-x;
	color:#5B6064;
	font-family: arial,sans-serif;
	text-align: center;
}
a {
	text-decoration:none;	
}

ul {
	list-style-type: none;
}
.error_message {
	background: #c53939;
	color: #fff;
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	padding: 0 5px;
}

.section {
	margin: 20px 0;
	webkit-border-radius: 5px;
}
.section.dark {
	color: #fff;
	text-align: left;
}
.section.dark strong {
	color: #fff;
}

.section .header {
	background: #fff;
	padding: 12px;
	webkit-border-top-left-radius: 5px;
	webkit-border-top-right-radius: 5px;
}

.section .content.news {
	text-align:left	;
	width:258;
}
.section .content.news p {
	margin-bottom:10px
}
.section .content.news h1 {
	color: #181F25;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	margin-top: 20px;
	margin-bottom: 6px;
}

.section .content.news a.news-title, a.news-title {
	color: #181F25;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 6px;
	width: 260px;
}
.section .content.news a:hover.news-title {
	text-decoration:underline;
}
.section.dark .content {
	background: rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(0,0,0,0.2);
	color: #cde0e9;
	font-size: 13px;
	line-height: 16px;
	padding: 5px 12px 12px;
}
.section .content.listnews {
	padding:0;
}
.section .footer {
	background: #fff;
	color: #cde0e9;
	padding: 12px;
}

body.webkit .section .footer {
	webkit-border-bottom-left-radius: 5px;
	webkit-border-bottom-right-radius: 5px;
}

.section.dark .footer {
	font-size: 12px;
}

.section fieldset {
	background: #fff;
	webkit-border-bottom-left-radius: 5px;
	webkit-border-bottom-right-radius: 5px;
}
.section .formrow {
	background: #f0f1f3;
	border-top: 1px solid #dcdfe4;
	overflow: hidden;
	padding: 12px;
	position: relative;
}
.section ul.errorlist {
	background: #f0f1f3;
	border-top: 1px solid #dcdfe4;
	color: #c53939;
	font-size: 12px;
	font-weight: bold;
	list-style-type: none;
	padding: 5px 10px;
}
.section .content {
	padding: 20px;
	border: 1px solid #ccc;
}
table.shalat {
  color: #5B6064;
  font-size: 12px;
  margin: 0 auto;
  margin-top:10px
}
table.shalat td {
  border-bottom: 1px solid #CCCCCC;
  padding: 4px 0;
  text-align: center;
}

.section .content h2 {
	color: #2c3034;
	font-size: 18px;
	line-height: 16px;
	margin-bottom: 8px;
	margin-top:26px;
}
.section .content h2 span {
	font-weight: normal;
}
.section .content p {
	color: #5b6064;
	font-size: 11px;
	line-height: 16px;
}
.section.dark .content p {
	color: #cde0e9;
}
#content {
	margin: 20px auto;
	width: 300px;
}
#footer {
	color: #c0cee6;
	font-size: 11px;
}

#features {
	clear: both;
	overflow: hidden;
	text-align: left;
	background: #263139;
	padding:20px 0;
}
#features .features-list {
	background-color: #263139;
	margin: 0 -5px;
	moz-box-shadow: inset 0 0 5px #000;
	overflow: hidden;
	padding: 0 5px;
	webkit-box-shadow: inset 0 0 5px #000;
	-moz-box-shadow: inset 0 0 5px #000;
	box-shadow: inset 0 0 5px #000;
}
#features .features-list li {
	border-bottom: 1px solid #181f25;
	border-top: 1px solid #3b444a;
	color: #9da2a6;
	display: block;
	padding: 15px 10px 15px 20px;
	webkit-font-smoothing: antialiased;
}
#features .features-list li.first {
	border-top: none;
}
#features .features-list li.last {
	border-bottom: none;
}

#features .features-list li p {
	font-size: 12px;
	line-height: 16px;
}
#features .features-list li img {
  float: left;
  margin-right: 15px;
}
#features .features-list li h3, #features .features-list li a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 6px;
}
.navbar 
{
	padding:5px;
	background:#F01010;
}
.navbar a 
{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;	
	margin-left: 10px;
	text-decoration: none;
}
.navbar a:hover, .navbar a.current {
		text-decoration: underline;
}

#info {
	clear: both;
	overflow: hidden;
	text-align: left;
}
#info .info-list {
	background-color: #F1F2F4;
	margin: 0 -5px;
	overflow: hidden;
	-moz-box-shadow: inset 0 0 5px #000;
	-webkit-box-shadow: inset 0 0 5px #000;
	box-shadow: inset 0 0 5px #000;
}
#info .info-list li {	
	background : url("/images/arrow-dark.png") no-repeat 95% center ;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	color: #9da2a6;
	display: table;
	padding: 6px 10px 6px 20px;
}
#info .info-list li:hover {																	 
	background : url("/images/arrow-dark.png") no-repeat 95% center ;
	
}
#info .info-list li.first {
	border-top: none;
}
#info .info-list li.last {
	border-bottom: none;
}
#info .info-list li p {
	font-size: 12px;
	line-height: 16px;
	float:left;
}
#info .info-list li h3 {
	width:160px;
	color: #181F25;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 6px;
	float:left;
}
#info .info-list li img {
	float:left;	
	margin-right: 35px;
	margin-top: 4px;
}
#list-news-inside {
	clear: both;
	overflow: hidden;
	text-align: left;
	
}
#list-news-inside .info-list {
	background-color: #F1F2F4;
	margin: 0 -5px;
	overflow: hidden;
	-moz-box-shadow: inset 0 0 5px #000;
	-webkit-box-shadow: inset 0 0 5px #000;
	box-shadow: inset 0 0 5px #000;
}
#list-news-inside .info-list li {	
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	color: #9da2a6;
	display: table;
	padding: 15px 10px 15px 20px;
}

#list-news-inside .info-list li.first {
	border-top: none;
}
#list-news-inside .info-list li img {
	float: left;
	margin-right: 8px;
	margin-top: 4px;
}
#list-news-inside .info-list li.last {
	border-bottom: none;
}
#list-news-inside .info-list li p {
	font-size: 11px;
	line-height: 16px;
	color:#666;
}

#list-news-inside .info-list li a.title {
	color: #181F25;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	float:left;
}
#list-news-inside .info-list li a:hover.title {
	  text-decoration:underline;
}

/* Menu Atas */
#menu-m {
	background: #e2e2e2 url(/images/menu-bg.gif) repeat-x top left;
	border-bottom: 1px solid #d5d5d5;
	float: left;
	margin-left: 1px;
	margin-top: 1px;
	width: 298px;
}

#menu-m ul {
	margin: 0 0 0 5px;
	list-style: none;
	float: left;
	padding: 0;
	text-align: center;
}
#menu-m ul li {
	display: inline;
	margin: 0;
	padding: 0;

}

#menu-m ul li a {
	color: #3a3a3a;
	text-shadow: 1px 1px 0 #ffffff;
	padding: 8px 0;
	float: left;
	font: bold 12px/14px Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	width:70px;
}

#menu-m ul li.current a {
	background: url(/images/menu-bg-current.gif) repeat-x top left;
	color: #fafafa;
	text-shadow: 1px 1px 1px #2a2a2a;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a.link-button {
	background-image:url(/images/btn_big_oval_right.png);
	padding-right:29px;
	display:block;
	float:left;
	text-align:center;
	text-decoration:none;
	background-position:right;
	background-repeat:no-repeat;
	cursor:pointer;
	margin: 0 0 10px 9px;
	color:white;

}
a.link-button span {
	background-repeat:no-repeat;
	display:block;
	background-image:url(/images/btn_big_oval_left.png);
	padding-left:29px;
	padding-top:20px;
	height:33px;
	width:226px;
	font-size:14px;
	font-weight:bold;
	text-shadow:#000000 0px -1px 1px;
	text-transform:uppercase;
}
/* Table */
table {

}
table caption
{
	font-size: 9px;
	font-weight: bold;
	text-align: center;
}
table tr
{
	background: #fff;
}
table tr.grey {
	background: #
}
table tr.current {
	background:#eee;
}
table tr td,table tr th
{
	font-size: 9px;
	border-bottom: 1px solid #ccc;
}
table tr th
{
	background: #eee;
	font-weight: bold;
}
table tr th,table tr td
{
	padding: 7px;
}
table tr td
{
	color: #666;
}
a img {
	border:none;	
}

/* cuaca */
#currentConditions { margin: 30px 0 0 53px; 	}
#currentConditions #current {	width: 138px; height: 135px; padding: 10px; border: 1px solid #ddd; background-image: url(/images/weather-current-bg.gif); background-position: center bottom; 	}
#currentConditions #weatherOutlook {	border-bottom: 1px solid #ddd; width:160px; }
#currentConditions #weatherOutlook div.day {	height: 135px; padding: 10px; border: 1px solid #ddd; border-top: none;  background-image: url(/images/weather-current-bg.gif);}

#currentConditions #current h2 {	font-size: 13px; margin-top: 0; padding-top: 0;}
#currentConditions #current p.temp {	font-size: 20px; font-weight: bold;margin-top:10px;margin-bottom:3px	}
#currentConditions #current ul {	margin: 0; padding: 0; list-style-type: none; font-size: 11px; line-height: 17px;	}
#currentConditions #current ul li span.heading {	font-weight: bold;	}

#currentConditions #weatherOutlook div.day h3 {	font-size: 10px; font-weight:none; margin: 0 0 20px 0; padding-top: 0;padding-left:30px; color: #fff;white-space:nowrap;display:block; background:#333;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
#currentConditions #weatherOutlook div.day img {	float: right; }
#currentConditions #weatherOutlook div.day div.high, #currentConditions #weatherOutlook div.day div.low {	font-size: 15px; color: #b5121b; font-weight: bold; text-align: center; padding: 2px 0;	}
#currentConditions #weatherOutlook div.day div.low {	color: #008fc5;margin-bottom:20px	}
#currentConditions #weatherOutlook div.day p.desc {	font-size: 10px; font-weight:bold;white-space:nowrap; text-align:center	}

div.clear, div.clearfix, br.clearfix {clear: both;font-size: 1px;height: 0;line-height: 0; }

.banner-text {
	border:1px solid #ccc;
	font-size:10px;
	font-style:italic;
	height:63px;
	background:url(/images/title-info.gif) no-repeat 0 -3px;
  display:table;
  display: table-cell;
  vertical-align: middle;
  padding-left:18px;
  padding-right:4px;
}
.banner-text span a {
	text-decoration:underline;
	color: #4096ee;	
}
.banner-img {
	border:1px solid #ccc;
	margin-top:10px;
	padding:10px 10px 10px 30px;
	background:url(/images/title-info.gif) no-repeat;
	height:44px;
}
/* --- FORM ---*/
form {
	text-align:left;
	font-size:11px;	
	width:250px;
  padding:5px;
  display:block;
}
form label {
	margin-right: 10px;	
}
form fieldset {
	border:none;
}
form fieldset p {
	margin-bottom:5px;	
}
form input {
	display:block;
}
input[type=text], input[type=password] {
	width: 240px;	
}
input[type=checkbox] {
	float:left;
	margin-right:3px;
		
}

/* --- END FORM --- */

ul.membermenu a {
	font-size: 11px;
	text-align:left;
}
/*  --- Buat format default listing item --- */
.news-item {
	background-color:#fcfcfc;
	background:#f8f8f8 -webkit-gradient(linear, left bottom, left top, from(#fcfcfc), to(#efefef)) repeat-x;
	background:#f8f8f8 -webkit-linear-gradient(bottom, #fcfcfc 40%, #efefef) repeat-x;
	background:#f8f8f8 -moz-linear-gradient(bottom, #fcfcfc 40%, #efefef) repeat-x;
	background:#f8f8f8 -ms-linear-gradient(bottom, #fcfcfc 40%, #efefef) repeat-x;
	background:#f8f8f8 linear-gradient(bottom, #fcfcfc 40%, #efefef) repeat-x;background-size:100% 150px;
	border-radius:1px;
	text-shadow:#fffeff 0 1px 0;
	margin: 0 !important;
	padding:15px 3px 15px 10px;
	border-bottom: 1px solid #EEEEEE;
	border-top: 1px solid #FFFFFF;
	text-align:left
}
/*  --- End default listing item --- */
/* -- pagination */

.pagination-wrap {
	background: none repeat scroll 0 0 #F1F2F4;
	border-color: white #CCCCCC #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-style: solid;
	border-width: 1px;
	display: table;
	margin: 0 auto;
	padding: 10px;	
}

ul#pagination {border:0;padding:0;width:278px;}

#pagination li{
	border:0; margin:0; padding:0;
	font-size:11px;
	list-style:none;
	margin-right:2px;
}
#pagination a{
	border:solid 1px #999;
	margin-right:2px;
}
#pagination .previous-off,
#pagination .next-off {
border:solid 1px #DEDEDE
color:#888888;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pagination .next a,
#pagination .previous a {
font-weight:bold;
}
#pagination .active{
background:#181F25;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination a:link,
#pagination a:visited {
color:#181F25;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination a:hover{
border:solid 1px #181F25
}