/* Global
------------------------------------------------------*/
html,body{height:100%}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 auto;
	padding:0;
	background-color:#fff;
	color:#606060;
	height:100%;
	line-height:18px;
}
*{
	margin:0;
	padding:0;
}
*:focus{
	outline:none; /* apus si dotted border ! */
}
.clr{
	clear:both
}
form{
	margin:0; padding:0;
}
hr{
	border:0;
	color:#d3d3d3;
	background-color: #d3d3d3;
	height: 1px;
}


/* Default Element Styles
------------------------------------------------------*/
/* heading */
h1, h2, h3, h4, h5{
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:normal; color:#0d0d0d;
}
h1{
	font-size:24px; 
	line-height:30px; 
	margin-bottom:15px;
}
h2{
	font-size:16px; 
	line-height:18px; 
	margin-bottom:5px;
}
h3{
	font-size:16px; 
	line-height:18px; 
	margin-bottom:8px; 
	font-weight:bold;
}
h4{
	font-size:16px; 
	line-height:18px; 
	margin-bottom:8px; 
	font-weight:bold;
}
h5{
	font-size:14px; 
	margin:3px 0px; 
	padding:0px; 
	letter-spacing:1px;
}

/* links */
a{
	color:#606060; 
	text-decoration:none;
}
a:visited{
	color:#606060; 
	text-decoration:none;
}
a:hover{
	color:#606060; 
	text-decoration:underline;
}
a img{
	border:none
}
.img-content{
	float:left; 
	margin-top:4px;
	margin-bottom:25px;
	border:1px solid #d6d6d6;
}
.img-sidebox{
	float:left; 
	margin-top:4px;
	margin-bottom:3px;
	border:1px solid #d6d6d6;
}
.imgleft{
	float:left; 
	margin-top:4px; 
	margin-right:12px;
	border:1px solid #d6d6d6;
}
.imgright{
	float:right; 
	margin-top:4px; 
	margin-left:12px;
	border:1px solid #d6d6d6;
}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote{
	font-size:12px;
	line-height:18px;
	margin-bottom:14px;
	color:#606060;
}
ul, ol{
	margin:10px 0 35px 40px;
}
li ol, li ul{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol{
	list-style:decimal;
}
blockquote{
	font-style:italic;
	margin:0px;
	color:#939393;
	padding:0px 0px 2px 38px;
	background-image:url(../images/quote.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
	float:left;
}
blockquote p{
	color:#939393;
}



/* Container
------------------------------------------------------*/
#outer-container{
	background-repeat:repeat-x; 
	background-position:top;
	background-color:#fff; 
	height:1px;	
}
#inner-container{
	 /* background-image:url(../images/bg-container.jpg); */
	background-repeat:no-repeat;
	background-position:center 1px; 
	width:960px;
	height:444px; 
	margin:0px auto;	
}


/* Header
------------------------------------------------------*/
#header{
	width:960px; 
	float:left;
}
#header2{
	width:960px; 
	height:72px; 
	float:left;
}
#header-inner{
	width:960px; 
	height:80px; 
	float:left;
	border-bottom:3px solid #F01010;
}
#account {
	background-color: #ECECEC;
	padding: 6px;		
	text-align:right;
  -moz-border-radius: 0 0 5px 5px;	
  -webkit-border-radius: 0 0 5px 5px;	
  border-radius: 0 0 5px 5px;	
}
#account a {
	color:#FF0000;
	font-size:10px;
}

#logo{
	width:252px; 
	margin:40px 0px 0px; 
	float:left;
}

#jam{
	width:252px; 
	margin:23px 0px 0px 20px;
	float:right;
	text-align:right;
}
#jam p {
	color: black;
	margin: 0 5px 2px;
}
#header-inner ul {
	float: left;
	list-style: none;
	color:#888888;
	margin-top:38px;
}
#header-inner ul li a {
	display: block;
	margin: 0 0 0 -10px;
	padding: 0 5px;
	font-size: 11px;
	color: #888888;
}
#header-inner ul.main {
	width: 135px;
	margin-right: 11px;
}
#header-inner ul.main li a {
	color: #fff;
}
#header-inner ul li a:hover,
#header-inner ul li a:active {
	color: #ff2b06;
	background-color: #ebebeb;
	text-decoration: none;
}
#header-inner ul li a.selected {
	color:#FF2B06
}
body.home #header-inner ul li.home a { 	background: #EBEBEB; }
body.about #header-inner ul li.about a { 	background: #EBEBEB; }
body.contact #header-inner ul li.contact a { 	background: #EBEBEB; }
body.weather #header-inner ul li.weather a { 	background: #EBEBEB; }
body.praytime #header-inner ul li.praytime a { 	background: #EBEBEB; }
body.livefeed #header-inner ul li.livefeed a { 	background: #EBEBEB; }
body.currency #header-inner ul li.currency a { 	background: #EBEBEB; }
body.news #header-inner ul li.news a { 	background: #EBEBEB; }

/*  Page Title
------------------------------------------------------*/
#page-title{
	width:621px;
	height:30px;	
	margin-top:7px; 
	float:left;
	display:table;
}
.page-title-content h1{
	font-size:25px;
	width:621px;
	float:left;	
	margin-bottom: 0;
}
.page-title-content h2{
	width:621px;
	margin-bottom:-4px;
	float:left;
}


#camera {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: none repeat scroll 0 0 #F0F0F0;
	border: 1px solid #DDDDDD;
	float: left;
	padding: 0;
	width: 437px;
	margin-bottom:15px;
}
#camera-title {
	padding:10px;
	text-align:center
}
#camera-title p{
	margin-bottom:0;
}
#camera-title select {
	margin: 0 0 10px; width:315px; text-align:center
}
#camera-main {
  float: left;
  height: 315px;
  margin: 0 auto;
  text-align: right;
  width: 326px;
}
#camera-main img {
	-moz-box-shadow: 0 1px 5px #999999;
	-webkit-box-shadow: 0 1px 5px #999999;
	box-shadow: 0 1px 5px #999999;
	border: 7px solid white;
	margin-top: 0;
}
#camera-main p{
	margin:5px 0 0;
	color:#666;
	width:100%;
	text-align:center;
}
#camera-thumb {
  float: left;
  height: 287px;
  margin-top: 10px;
  padding-top: 0;
  text-align: center;
  width: 111px;
  z-index: -1;
}
#camera-thumb img {
  -moz-box-shadow: 0 1px 5px #999999;
  -webkit-box-shadow: 0 1px 5px #999999;
  box-shadow: 0 1px 5px #999999;
  border: 3px solid white;
  margin-bottom: 8px;	
}
.iklan-baris {
	border-top: 1px solid #CCCCCC;
	float: left;
	margin: 10px;
	text-align: left;
	width: 410px;
}
.iklan-baris p {
	font-size: 10px;
	margin: 4px;
}
#livefeed {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background: none repeat scroll 0 0 white;
  color: black;
  height: 320px;
  margin-top: 16px;
  overflow: hidden;
  width: 240px;
}
#livefeed2 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background: none repeat scroll 0 0 #F0F0F0;
  border: 1px solid #DDDDDD;
  color: #666666;
  float: right;
  height: 315px;
  overflow: hidden;
  width: 240px;
}
h4.livefeed-newstitle {
	color: white;	
	margin:0;
}
.livefeed-title {
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: none repeat scroll 0 0 black;
	height: 30px;
	margin: 0;
	text-align: center;	
}

/* Content
------------------------------------------------------*/
#content{
  background: none repeat scroll 0 0 white;
  float: left;
  margin-top: 10px;
  width: 960px;
}
#content2{
	width:960px; 
	float:left;
}
#content3{
	margin-top:120px;
	width:960px; 
	float:left;
}
.content-bottom{
	width:960px; 
	height:3px; 
	background:url(../images/bg-content-bottom.gif) no-repeat bottom; 
	float:left;
	}
#content-left{
    background-color: white;
    float: left;
    margin: 0;
    padding: 20px 0 20px 20px;
    width: 700px;
}

#sidebar {
	float: right;
  margin-bottom: 15px;
  width: 235px;
}
#sidebar #banner {
  margin: 15px auto;
  padding: 0;
  text-align: center;	
}
#banner img {
	margin-bottom:5px;	
	border: 1px solid #CCCCCC;
}
#maincontent{
	width:621px;
	padding:15px 0px 22px 0px; 
	float:left;
}
#maincontent2{
	width:700px;
	background-image:url(../images/top-content-inner.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:20px 0px 35px 0px; 
	float:left;
}
#maincontent2 img.imageutama{
    border: 3px solid #DDDDDD;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    padding-top: 0;
}
#maincontent2 img.imagposter{
    border: 3px solid #DDDDDD;
    margin-right: 10px;
    margin-top: 5px;
    padding-top: 0;
}
#maincontent2 img.feedimg {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
    padding: 4px;
}
#maincontent2 p.title {
    font-size: 150%;
    font-weight: normal;
    line-height: 100%;
    margin: 7px 0;
}
#maincontent3{
	width:621px;
	padding:20px 0px 35px 0px; 
	float:left;
}
#maincontent4{
	width:465px;
	background-image:url(../images/top-content-contact.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:20px 0px 65px 0px; 
	float:left;
}

#maincontent-fullwidth{
	width:960px;
	background-image:url(../images/top-content-fullwidth.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:20px 0px 35px 0px; 
	float:left;
}
.maincontent-sidebox{
	width:279px;
	padding:5px 16px 22px 16px; 
	float:left;
}
.maincontent-sidebox-contact{
	width:433px;
	padding:5px 16px 22px 16px; 
	float:left;
}
#maincontent h2, #maincontent p{
	width:621px;
	float:left;
}

/* main-front */
.front-box{
	width:187px; 
	height:100px; 
	margin-bottom:34px; 
	margin-top:27px; 
	float:left;
}


#home-info {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 2px 5px #AAAAAA;
  -webkit-box-shadow: 0 2px 5px #AAAAAA;
  box-shadow: 0 2px 5px #AAAAAA;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #D0D0D0;
  display: table;
  margin: 15px auto 0;
  margin-bottom: 15px; 
  padding: 0; 
  width: 100%;
}
.home-infobox{
	float: left;
	height: 100px;
	margin-right: 13px;
	width: 220px;
	
}
.home-infobox p{
	width:187px;
	margin-top:5px; 
	float:left;
}
.home-infobox p.info-title {
	margin-left:5px;
	display:box;
	margin:0 0 0 5px;
	padding:0;
	font-weight:bold;
	text-align:center;
}
.info-title span {
	font-weight:normal;
}

.home-infobox p.info-content {
	width:200px;
	text-align:center;
	margin:0;
	padding:0;
}
.front-box2{
	width:325px; 
	margin-bottom:15px; 
	margin-top:10px; 
	float:left;
	overflow:hidden;
}
.front-box2 p{
  line-height: 20px;
  margin-bottom: 5px;
  font-size:12px;
  overflow:hidden;
}
.front-box2 a.title{
	color: #666666;
	font-size: 14px;
	font-weight: bold;
}
#home-news {
	height: 155px;
	margin-bottom: 20px;
	/* overflow:hidden; */
	font-size: 0.9em;
    line-height: 14.5px;
}
span.tanggal {
	font-size:10px;
	display:block;	
}
#home-news h4 {
	margin-bottom:3px;
	color:#373737;
	font-size:13px;
}
#home-news img {
    float: left;
    margin-right: 15px;
    margin-top: 0;
    width: 60px;
 }
 #home-news img.imagebig {
    display: block;
    margin-bottom: 10px;
    width: 320px;
    height:60px;
}
 #home-news .detail-list {
 	display:block;
	margin-top:10px;
}

.front-box h2{
	width:147px;
	float:left;
}
.front-box p{
	width:187px;
	margin-top:5px; 
	float:left;
}
.front-icon{
	width:30px; 
	height:30px; 
	float:left;
}
.front-icon2{
	text-align:center;
	width:295px;
	margin-bottom:5px;
	}
.front-title{
	margin-left:12px; 
	float:left;
	margin-bottom:10px;
}
.front-title2{
	width:315px; 
	float:left;
}
.spacer{
	width:30px; 
	height:120px; 
	margin-top:25px; 
	background-image:url(../images/front-devider.png); 
	background-repeat:repeat-y; 
	display:block; 
	float:left; 
}
.spacer2{
	width:30px; 
	height:275px; 
	margin-top:20px; 
	background:  url(../images/front-devider.png) -2px top repeat-y; 
	display:block; 
	float:left; 
}
table#currency a {
	font-size:9px;
}

.detail-list a, .detail-list a:visited{
	padding:2px 4px;
	font-size:11px;
	color:#f1f1f1;
	text-decoration:none;
	background-color:#0d0d0d;
	-moz-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-border-radius: 3px;
	float:right;
	margin-right:10px;
}
.detail-list a:hover {
	background-color:#333;
}
.product-list img{
	width:120px;
	height:120px;
	margin-right:10px;
	float:left;
}

a.button{
	padding: 0;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -1px;
	text-decoration: none;
	text-align: center;
}


/* Portfolio
------------------------------------------------------*/
.mainportfolio{
	width:960px;
}
.pf-box{
	width:212px; 
	height:167px; 
	background-image:url(../images/pf-shadow.png); 
	background-repeat:no-repeat; 
	background-position:bottom;
	margin:0px 14px 22px 14px; 
	float:left;
}
.pf-img{
	border:1px solid #d3d3d3;		
}


/* Blog
------------------------------------------------------*/
.blog-post{
	width:621px;
	background-image:url(../images/top-content-inner.png);
	background-repeat:no-repeat;
	background-position:top;	
	padding:20px 0px 18px 0px; 
	margin-bottom:15px; 
	float:left;
}
.blog-posted{
	width:573px;
	font-size:11px;  
	margin-left:10px; 
	float:left;
}
.blog-posted h2{
	line-height:10px; 
	margin-top:0px;
}
.blog-posted a, .blog-posted a:visited{
	text-decoration:none;
	color:#0d0d0d;
}
.post-info{
	width:573px;
	font-size:11px; 
	line-height:2px;
	margin-bottom:12px;	 
	float:left;
}
.post-info a, .post-info a:visited{
	text-decoration:none;
	color:#a2a2a2;
}
.date{
	font-size:9px;
	color:#0d0d0d; 
}
.month{
	font-size:16px; 
	line-height:10px; 
	text-align:center; 
	float:left;
}
.img-sponsors{
	margin:0px 7px 14px 7px;
	float:left;
} 

.commonPageListControlBar{
	height: 30px;
	margin-top:0px;
	text-align: left;
}
.commonPageListBtn{
	border: 1px solid #c9c9c9;
	background-color:#fff;
	font: normal 12px/28px Arial;
	color:#9f9f9f; 
	padding: 5px 4px;
	cursor: pointer;
}
.commonPageListControlBar a, .commonPageListControlBar a:visited{
	color:#414141; text-decoration:none;
}
.commonPageListControlBar a:hover{
	text-decoration: underline;
}
.commonPageListBtnSelected{
	border: 1px solid #0d0d0d;
	background-color: #0d0d0d;
	font: normal 12px/28px Arial;
	color:#fff; 
	padding: 5px 4px;
	cursor:default;
}
.author{
    background-color: #F1F1F1;
    border-bottom: 1px solid #CECDCD;
    border-top: 1px solid #CECDCD;
    color: #A0A0A0;
    float: left;
    font-size: 0.9em;
    line-height: 18px;
    padding: 10px;
    text-align: right;
    width: 675px;
}


/* Form
------------------------------------------------------*/
form.register{
    width:800px;
    margin: 20px auto 0px auto;
    background-color:#fff;
    padding:5px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
}

form p{
    font-size: 8pt;
    clear:both;
    margin: 0;
    color:gray;
    padding:4px;
}
form fieldset.row1
{
    padding:5px;
    float:left;
    margin-bottom:15px;
		width:480px
}
form fieldset.row1 textarea.long {
	width:450px
}
form fieldset.row1 label{
    float: left;
    text-align: right;
    margin-right: 26px;
    margin-top:2px;
}
form fieldset.row2
{
    border-top:1px solid #F1F1F1;
    border-right:1px solid #F1F1F1;
    padding:5px;
    float:left;
}
form fieldset.row3
{
    border-top:1px solid #F1F1F1;
    padding:5px;
    float:left;
    margin-bottom:15px;
    width:400px;
}
form fieldset.row4
{
    border-top:1px solid #F1F1F1;
    border-right:1px solid #F1F1F1;
    padding:5px;
	margin-bottom: 40px;
    float:left;
    clear:both;
    width:500px;
}
.infobox{
    float:left;
    margin-top:20px;
    border: 1px solid #F1F1F1;
    padding:5px;
    width:380px;
    font-size:9px;
    background: #FDFEFA;
}
form legend
{
    color: #000000;
    padding:2px;
    margin-left: 14px;
    font-weight:bold;
    font-size: 14px;
    font-weight:100;
}
form label{
    color:#444;
    width:98px;
    float: left;
    text-align: right;
    margin-right: 6px;
    margin-top:2px;
}
form label.optional{
    float: left;
    text-align: right;
    margin-right: 6px;
    margin-top:2px;
    color: #A3A3A3;
}
form label.obinfo{
    float:right;
    padding:3px;
    font-style:italic;
}
form input{
    width: 180px;
    color: #505050;
    margin-right: 5px;
}
form textarea{
    width: 140px;
    color: #505050;
    float: left;
    margin-right: 5px;
}
form textarea.long{
    width: 247px;
    color: #505050;
}
form input.long{
    width: 247px;
    color: #505050;
}
form input.short{
    width: 40px;
    color: #505050;
}
form input[type=radio]
{
    float:left;
    width:15px;
}
form input[type=file]
{
    width:200px;
}
form label.gender{
    margin-top:-1px;
    margin-bottom:2px;
    width:34px;
    float:left;
    text-align:left;
    line-height:19px;
}
form label.jenis-acct{
    margin-top:-1px;
    margin-bottom:2px;
    width:14px;
    float:left;
    text-align:left;
    line-height:19px;
}

form input[type=text]
{
    border: 1px solid #E1E1E1;
    height: 18px;
}
form input[type=password]
{
    border: 1px solid #E1E1E1;
    height: 18px;
}
.button
{
	border: 1px solid #A7A7A7;
    background: #d5d5d5;
    padding: 8px;
    color: #333;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 1px 1px #ffffff;
    cursor: pointer;
    float:left;
    margin:10px;
    width:130px;
    margin-left:195px;
}
.button:hover {
   background: #FFF7F8;
   color: #999999;
   text-shadow:0 1px 0 #FFFFFF;
   border: 1px solid #d9d9d9;
}
form input[type=text].year
{
    border: 1px solid #E1E1E1;
    height: 18px;
    width:30px;
}
form input[type=checkbox] {
	margin:0;
	width:15px
}
#radio {
		margin:0 5px;
		float:left;
}
#radio input {
	background:none;	
	border:none;
}

form input[name=captcha] {
	margin-left:5px;
	margin-top:3px;
}

form select
{
    width: 130px;
    float:left;
    margin-bottom:3px;
    color: #505050;
    margin-right:5px;
}
form select.date
{
    width: 40px;
}
input:focus, textarea:focus{
    background-color: #F0EBE7;
}
p.info{
    font-size:7pt;
    color: gray;
}
p.agreement{
    margin-left:15px;
}
p.agreement label{
    width:390px;
    text-align:left;
    margin-top:3px;
}
.small { width:60px; }
.medium { width:150px; }
.big { width:250px }

form div.error {
    background: url("/images/delete-ico.png") no-repeat scroll 5px center #FBE3E4;
    border: 1px solid #FBC7C9;
    color: black;
    font-weight: bold;
    margin: 5px auto;
    padding: 10px 10px 10px 25px;
    width: 80%;
}
form div.camSelect {
	display: block;
	float: left;	
}
/* ------------------ END Form -----------------------*/

#sidebox-contact-top{
	background-image:url(../images/sidebox-top-contact.gif); 
	background-repeat:no-repeat; 
	background-position:top;
	margin-top:16px; 
	width:465px; 
	height:3px; 
	float:left;
}
#sidebox-contact{
	width:465px;
	background-color:#fff; 
	float:left;
}
#sidebox-contact-bottom{
	background-image:url(../images/sidebox-bottom-contact.gif); 
	background-repeat:no-repeat; 
	background-position:bottom; 
	width:465px; 
	height:3px; 
	float:left;
}
.contact-icon{
	float:left; 
	margin-top:6px; 
	margin-right:5px;
}
#loadBar{
	width:455px;
	height:21px;
	background-image:url(../images/bg-load-form.png);
	background-repeat:no-repeat;
	color:#797979;
	text-align:center;
	padding:7px 5px 7px 65px;
}
#emailSuccess{
	width:455px;
	height:21px;
	background-image:url(../images/bg-load-form.png);
	background-repeat:no-repeat;
	color:#797979;
	text-align:center;
	padding:7px 5px;
}
.loading-form{
	width:128px;
	height:15px;
	background-image:url(../images/loading.gif);
	background-repeat:no-repeat;
	margin:3px 120px 0px 0px;
	float:right;
}


/* Bottom Content
------------------------------------------------------*/
.box-bottom {
	background-color:#0d0d0d;
	width:960px;
	margin: 0 auto;
}
.box-bottom a, .box-bottom a:visited{
	color:#d7d7d7;
	text-decoration:none;
}

#bottom-content{
	width:920px; 
	margin:0px 20px 0px 20px;
}
.bottom-content-item{
	width:286px; 
	padding:10px 0px; 
	height:10px; 
	float:left;
}
.bottom-content-item h3{
	width:286px; 
	color:#fff; 
	margin-bottom:15px; 
	float:left;
}
.bottom-content-item p{
	font-size:11px; 
	color:#d7d7d7;
}
.bottom-content-item ul{
	width:286px; 
	margin:0px; 
	padding:0px; 
	font-size:11px; 
	list-style-type:none; 
	float:left;
}
.bottom-content-item ul li{
	list-style:none;	
	border-bottom:solid 1px #333232; 
	line-height:25px; 
	text-align:left;
}
.bottom-img{
	border:5px solid #303030;
}
.spacer-bottom{
	width:30px; 
	height:116px; 
	margin:0px; 
	display:block; 
	float:left;
}
#newsletter fieldset{
	margin:0px; 
	padding:0px; 
	border:0px;
}
.inputbox01{
	width:198px; 
	margin-right:5px;
	font-size:11px; 
	border:1px solid #080808; 
	background-color:#262626; 
	vertical-align:top; 
	padding:5px 4px 6px 4px; 
	color:#4d4d4d;
}


/* Footer
------------------------------------------------------*/
#footer{
	width:960px; 
	
}
.footer-text{
	width:960px; 
	font-size:11px; 
	color:#606060; 
	text-align:center; 
	padding:12px 0px; 
	float:left;
}
.footer-privacy{
	width:960px; 
	font-size:11px; 
	color:#fff; 
	text-align:center; 
	padding:12px 0px; 
	
}

.footer-text a, #footer a:visited{
	text-decoration:none;
}
.footer-text a:hover{
	text-decoration:underline;
}

/* img thumbnail tooltips */
a.tooltip { position:relative }
a.tooltip span {display:none; }
a.tooltip:hover span{	
	display:block; 	
	position:absolute; 
	left:2em;	
	top:0	;
	background:#ffffff; 	
	background: #000;	
	color: #fff;	
	padding:5px;	
	-moz-border-radius: 5px; /* this works only in camino/firefox */	
	-webkit-border-radius: 5px; /* this is just for Safari */	
	border-radius: 5px;	
	-moz-box-shadow: 0 1px 5px #666;	
	-webkit-box-shadow: 0 1px 5px #666;	
	box-shadow: 0 1px 5px #666;
	z-index:100;
	width:150%;
}
/* Table */
table caption
{
	font-size: 14px;
    font-weight: bold;
    text-align: center;
}
table tr
{
	background: #fff;
}
table tr.grey {
	background: #eee;
}
table tr.current {
	background:#eee;
}
table tr td,table tr th
{
	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;
}

/* BREADCRUMBS */
#crumbs {
	height:1.6em;
	list-style-type:none;
	margin:0;
	font-size:10px;
}
#crumbs li {
	float:left;
	line-height:1.6em;
	color:#777;
	padding-left:.75em;
	margin: 0 0 5;
}		
#crumbs li a {
	background:url(/images/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
}							
#crumbs li a:link,
#crumbs li a:visited {
	color:#777;
	text-decoration:none;
}	
/* cuaca */
#currentConditions { margin: 10px 0 0 20px; 	}
#currentConditions #current {	width: 138px; height: 135px; padding: 10px; float: left; border: 1px solid #ddd; background-image: url(/images/weather-current-bg.gif); background-position: center bottom; 	}
#currentConditions #weatherOutlook {	float: left; border-bottom: 1px solid #ddd;  }
#currentConditions #weatherOutlook div.day {	width: 122px; height: 135px; padding: 10px; float: left; border: 1px solid #ddd; border-left: none; border-bottom: none; background-image: url(/images/weather-ramal-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; }

/* Livefeed Inside */
.livefeed-inside {  border-bottom: 1px solid #EBEBEB;clear: both;display: block;min-height: 60px;outline: medium none;position: relative; padding:10px 20px}
.livefeed-img { float: left; height: 48px; margin-top: 3px; overflow: hidden;  width: 48px; }
.livefeed-content { margin-left: 58px; min-height: 48px;margin-top:0 }
.livefeed-row {display: block;line-height: 15px;position: relative;}
.livefeed-row img {    float: left;    margin-right: 10px;    margin-top: 5px;}
.livefeed-row a { color:#449AC5 }
/* Table2 inside */
table.table_currency {	border-color: #CCCCCC;	border-bottom:none;    border-style: solid solid none;    border-width: 1px 1px medium;    margin: 0 auto;    width: 500px;}

/* Livefeed Front*/ 
#livefeed2 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background: none repeat scroll 0 0 #F0F0F0;
  border: 1px solid #DDDDDD;
  color: #666666;
  float: right;
  height: 393px;
  overflow: hidden;
  width: 240px;
}
#livefeed2 p, h1, h2, h3, h4 {
	line-height: 1.2 !important;	
}
#livefeed2 p {
	margin:0;
	padding:0;
	font-size:10px	
}

.livefeed2-header a {
	color: #575757 !important;
}
	
.livefeed2-header {
    overflow: hidden;
    padding: 10px;
    position: relative;
}

.avater-img img.twtr-profile-img {
    border: 0 none !important;
    display: block;
    float: left;
    height: 31px;
    width: 31px;
}

.livefeed2-header h3 {
    font-size: 11px !important;
    font-weight: normal !important;
    margin: 0 0 0 40px !important;
}
.livefeed2-header h4 {
    font-size: 16px !important;
    margin:0 0 0 40px !important;
}
.twtr-widget a img {
    border: 0 none !important;
}
.livefeed2-content {
	background:#FAFAFA;
	height:283px;
	overflow:auto;
}
.livefeed2-item {
	padding:6px 8px;
	overflow:hidden;	
	border-bottom: 1px dotted #DDDDDD;
}
.livefeed2-avatar {
    display: block;
    float: left;
    height: 40px;
    overflow: hidden;
    width: 40px;
}
.livefeed2-avatar img {
	width:30px;
	height:30px;	
}
.livefeed2-text {
    margin-left: 40px;
}

#livefeed2 em{
    display: block;
    font-size: 9px;
    font-style: normal;
    margin-top: 6px;
}
#livefeed2 em a{ 
color: #449AC5;
}
.livefeed2-footer {
	position:relative;
}
.livefeed2-footer div {
    overflow: hidden;
    padding: 10px;
}
.livefeed2-footer span {
    float: right;
    text-align: right;
}
.livefeed2-footer a img {
    position: relative;
    top: 2px;
}
/** FORM ELEMENT **/
form {
	margin: 0px;
	padding: 0px;
}

form .item {
	clear: left;
	border-top: 1px solid #EEE;
	margin: 5px;
	padding: 8px;
}

input, textarea, select {
	color: #AD4C21;
	border: 1px solid #CCC;
	background: #F0EBE7;
	padding: 2px;
	color:#000000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
form p{
    font-size: 8pt;
    clear:both;
    margin: 0;
    color:gray;
    padding:4px;
}
form fieldset
{
    padding:5px;
    border:none;
    float:left;
    margin-bottom:15px;
		width:600px
}
form fieldset textarea.long {
	width:400px
}
form fieldset label{
    float: left;
    text-align: right;
    margin-right: 26px;
    margin-top:2px;
}

.infobox{
    float:left;
    margin-top:20px;
    border: 1px solid #F1F1F1;
    padding:5px;
    width:380px;
    font-size:9px;
    background: #FDFEFA;
}
form legend
{
    color: #000000;
    padding:2px;
    margin-left: 14px;
    font-weight:bold;
    font-size: 14px;
    font-weight:100;
}
form label{
    color:#444;
    width:150px;
    float: left;
    text-align: right;
    margin-right: 6px;
    margin-top:2px;
}
form label.optional{
    float: left;
    text-align: right;
    margin-right: 6px;
    margin-top:2px;
    color: #A3A3A3;
}
form label.obinfo{
    float:right;
    padding:3px;
    font-style:italic;
}
form input{
    width: 180px;
    color: #505050;
    margin-right: 5px;
}
form textarea{
    width: 140px;
    color: #505050;
    float: left;
    margin-right: 5px;
}
form textarea.long{
    width: 247px;
    color: #505050;
}
form input.long{
    width: 247px;
    color: #505050;
}
form input.short{
    width: 40px;
    color: #505050;
}
form input[type=radio]
{
    float:left;
    width:15px;
    margin-top:3px;
}
form input[type=file]
{
    width:200px;
}
form label.gender{
    margin-top:-1px;
    margin-bottom:2px;
    width:34px;
    float:left;
    text-align:left;
    line-height:19px;
}
form label.jenis-acct{
    margin-top:-1px;
    margin-bottom:2px;
    width:14px;
    float:left;
    text-align:left;
    line-height:19px;
}

form input[type=text]
{
    border: 1px solid #E1E1E1;
    height: 18px;
}
form input[type=password]
{
    border: 1px solid #E1E1E1;
    height: 18px;
}
form input[type=text].year
{
    border: 1px solid #E1E1E1;
    height: 18px;
    width:30px;
}
form input[type=checkbox] {
	margin:0;
	width:15px
}
#radio {
		margin:0 5px;
		float:left;
}
#radio input {
	background:none;	
	border:none;
}
form p span {
    display: block;
    margin-left: 123px;
}
/* blockquote text ads  */
blockquote.style1 {
  font: 14px/20px italic Times, serif;
  padding: 8px;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  background-image: url(/images/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  width:410px;
  display:table;
  }
  blockquote.style1 span {
     display: block;
     background-image: url(/images/closequote1.gif);
     background-repeat: no-repeat;
     background-position: bottom right;
   }
.textadswrap { 
	margin-top:15px;
	margin-left:10px;
	float:left 
}

.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;
  line-height:16px;
}
.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;
}
/*  ----  E-Snap ---  */

.jadwalesnap {
		background:#F9F9F9;border-radius:5px 5px 0 0
}
.jadwalesnap-header {
	padding:7px;background:#aaa;color:white;font-weight:bold;border-radius:5px 5px 0 0
}
.jadwalesnap-header a {
	float:right;color:white;color:rgba(255, 255, 255, 0.66);
}
.jadwalesnap-header a:hover {
	color:#fff;	
}
.jadwalesnap table {
	color:transparent;width:100%;margin:0 auto;
}
.jadwalesnap table tr {
	background: transparent;
}
/* --- End E-Snap --- */
#account-detail {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #C1D5DB;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 20px;
    padding: 10px;
}
.avatar img {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    float: left;
    height: 50px;
    margin-right: 10px;
    padding: 4px !important;
    width: 50px;
}

/* --- begin css tabs --- */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #6c6; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #f5f5f5; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* --- end css tabs --- */
/* -- pagination */
.pagination-wrap {margin:0 auto;text-align:center}
ul#pagination {border:0; margin:15px auto; padding:0;}

#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
}