@charset "utf-8";
@font-face {
    font-family: Cambria;
    src: url('font/CAMBRIA.TTC');
}
body {
	margin:0;
	padding:0;
	width:100%;
	color:#959595;
	font:normal 12px/1.8em Arial, Helvetica, sans-serif;
}
html, .main {
	padding:0;
	margin:0;
}
.main {
	background:none;
}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}

/* Header */
.header {
    font-family: Arial;
}
.header_resize {
	margin:0 auto;
	padding:0;
	width:948px;
        height: 129px;
        border: none;
}
.header_menu {
    background-image: url(images/bar-menu.png);
    height: 42px;
}
.header_menu_resize {
    border: none;
    background-color: none;
    margin: auto;
    width: 948px;
    height: 100%;
}
.logo {
	float: left;
    margin-top: 28px;
}
.logo img {
    width: 388px;
    object-fit: cover;
}
.logo-web {
    display: inline;
}
.logo-web img {
    vertical-align: middle;
}
.box-atribute {
        float: right;
        margin-right: 5px;
        margin-top: 28px;
        border: none;
        width: auto;
}
.powered {
    font-family: Arial; 
    font-size: 12px;
    margin-right: 10px;
}
.lihat-detail {
    text-align: left;
    clear: both;
    margin-left: 145px;
    font-weight: bold;
    font-size: 10px;
    color: #49b6e9;
}
input.btn-cari {
    border: none;
    vertical-align: top;
    width: 31px;
    background-image: url(images/btn-cari.png);
    background-size: 30px 26px;
    background-repeat: no-repeat;
    margin-left: -5px;
    cursor: pointer;
    margin-top: -1px;
}
input#kotak-cari, input#txt-keranjang {
    height: 20px;
    width: 165px;
    color: #959595;
    border-radius: 0px;
}
a.login {
    color: #959595;
    text-decoration: none;
}
a:hover.login {
    color: #000;
}
ul li a:link.link {
    text-decoration: none;
}
ul li:hover a:link.link{
    text-decoration: underline;
}
/* END Header */


/* CSS Footer */
.footer {
       font-family: Times New Roman;
}
.footer_resize_atas {
       background-image: url(images/bar-footer.png);
       background-repeat: repeat-x;
       height: 92px;
}
.footer_resize_bawah {
       height: 73px;
}
.footer_resize_a {
	margin:0 auto;
	width:948px;
        height: 92px;
}
.footer_resize_b {
	margin:0 auto;
	width:948px;
        height: 53px;
        border: none;
        text-align: center;
        font-size: 14px;
        margin-top: 20px;
        color: #0d6e2a;
}
.footer_resize_b a {
    color: #FF0000;
}
.footer_resize_b a:link {
    color: #FF0000;
    text-decoration: none;
    font-weight: bold;
}
.footer_resize_b a:hover {
    text-decoration: underline;
    color: #0d6e2a;
}
.footer_resize_b img {
    vertical-align: middle;
}
.footer_box_kiri {
    float: left;
    border: none;
    margin-top: 25px;
    color: #fff;
    line-height: normal;
}
.footer_box_kanan {
    float: right;
    border: none;
    margin-top: 10px;
    border: none;
    color: #fff;
}
.footer_box_tengah{
color: #fff;
margin-left: 20px;
margin-top: 20px;
float: left;
border: none;
}
input[type="button"]{
height: 25px;
border: none;
cursor: pointer;
border-radius: 4px;
}
p.news{
font-weight: bold;
padding: 0;
padding-left: 2px;
margin: 0;
}
#news-letter{
border: none;
margin: 0;
padding: 0;
}
.placeholder{
color: #aaa;
}
.active-result{
color: #aaa;
}
ul li.footer-link {
    float: left;
    list-style-type: none;
    font-weight: bold;
}
ul li.footer-link a {
    color: #FFF;
    text-decoration: none;
}
ul li.footer-link a:hover {
    color: #FFF;
    text-decoration: underline;
}
ul li.footer-link:first-child {
    padding: 0px 0px 0px 0;
    border-right: none;
    margin-right: 5px;
}
ul li.footer-link:last-child {
    border-left: 1px solid #fff;
    margin-left: 5px;
    padding: 0px 0 0px 10px;
}
ul li.footer-info {
    list-style-type: none;
    float: left;
    line-height: normal;
}
ul li.footer-info:first-child {
    padding-right: 10px;
}
ul li.footer-info:last-child {
    padding-top: 5px;
}
.footer-info img {
    margin-top: 6px;
    height: 58px;
    
    /*mirror baby img*/
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
/* END Footer */

h1 {
	margin:0;
	padding:4px 0;
	color:#585858;
	font:normal 26px/1.2em Arial, Helvetica, sans-serif;
	
}
h1 a, h1 a:hover {
	color:#7fd0f6;
	text-decoration:none;
}
h1 small {
	display:block;
	margin-top:-4px;
	padding:0 0 0 68px;
	color:#959595;
	font:normal 13px/1.2em Arial, Helvetica, sans-serif;
	letter-spacing:normal;
}
h2 {
	font:normal 24px/1.5em Arial, Helvetica, sans-serif;
	padding:8px 0;
	margin:0 0 8px;
	color:#323a3f;
}
p {
	margin:8px 0;
	padding:0 0 8px 0;
	font:normal 12px/1.8em Arial, Helvetica, sans-serif;
}
span#Pendaftaran_harga, span#Pendaftaran_tanggal {
    clear: both;
    border: none;
    overflow: hidden;
    float: left;
    width: 100%;
    margin-left: 20px;
}
p.spec {
}
a {
	color:#AAA;
	text-decoration:underline;
}
a.rm {
}
a.com {
	margin:0;
	padding:0;
	text-decoration:none;
}
a.com span {
	font-weight:bold;
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
	margin:0;
	padding:0;
        font-family: Arial;
        font-size: 12px;
}

.menu_nav {
	margin:0;
	padding:16px 40px 0 0;
	float:right;
	height:29px;
}
.menu_nav ul {
	list-style:none;
	height:29px;
}
.menu_nav ul li {
	margin:0 12px 0 0;
	padding:0;
	float:left;
}
.menu_nav ul li a {
	display:block;
	margin:0;
	padding:3px 20px 4px;
	color:#959595;
	text-decoration:none;
	font-size:12px;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
	color:#fff;
	background:url(images/menu_a.gif) repeat-x center top;
}

/* CONTENT */
.newTitle a , .nav a, .nav , .author a, .author, .title a {
    font-family: Cambria !important;
}
.content p, .content {
    font-family: Cambria !important;
    font-size: 14px !important;
}
.content ol {
    
}
.content ol li, .content ul li {
	font-family: Cambria !important;
    font-size: 14px !important;
    margin-left: 20px;
    padding: 0;
}
.content_resize {
	margin:0 auto;
	padding:16px 0 24px;
	width:948px;
        border: none;
        color: #585858;
}
.content-slider {
       margin: 0 auto;
       width:948px;
       height: 267px;
       border: 1px solid #DDD;
}
.content-slider-back {
        background-color: #dcf8ff;
        margin-top: 1px;
}
.content-slider-welcome {
        background-color: #024f63;
}
.content-welcome {
       margin: 0 auto;
       width:948px;
       height: 32px;
       color: #fff;
       text-align: center;
       margin-top: 3px;
       padding: 10px 0 0 0;
       font-family: Arial;
}
.content .mainbar {
	margin:0;
	padding:0;
	float:left;
	width:670px;
}
.content .mainbar img {
	border:1px solid #d8dbdc;
	padding:4px;
}
.content .mainbar img.fl {
	margin:4px 16px 4px 0;
	float:left;
}
.content .mainbar .article {
	margin:0 0 12px;
	padding:8px 24px 0;
}
.content .sidebar {
	padding:0;
	float:right;
	width:288px;
}
.content .sidebar .gadget {
	margin:0 0 12px;
	padding:8px 16px 8px 24px;
}
.content ul li {
    margin-left: 20px;
    list-style-type: decimal;
}



/* End Content */



/*  CSS LAMA */
li.bg, .bg {
	clear:both;
	padding:0;
	margin:10px 0;
	height:5px;
	background:url(images/bg_img.gif);
	list-style:none;
}
p.clr, .clr {
	clear:both;
	padding:0;
	margin:0;
}
.newTitle {
   
    font:normal normal normal 26px/1.2em Arial, Helvetica, sans-serif;
    margin: 0;  
    padding : 3px 0 ;
}
.newTitle a{
     color:#585858;
}
.newTitle img {
    vertical-align:middle;
    width:25px;
    height:auto;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.clr10 {
	clear:both;
        height:10px;
	padding:0;
	margin:0;
}


 /*Menu Utama*/


#mainmenu {
    	float: left;
   	font:  13px Verdana, Helvetica, Sans-serif;
    	border-radius: 0px;
        background-color: none;
        padding: 0px 0px;
        margin-left: 0px;
        width: 950px;
        height: 41px;
        overflow: hidden;
        letter-spacing: 0px;
        
}
#mainmenu ul.daftarmenu li:last-child a{
    
    border-right: none;
    box-shadow: none;
}
#mainmenu ul.daftarmenu li.active a {
    background-color:#024F63;
}
#mainmenu ul.daftarmenu li.active a:hover {
    color: #fff;
}
#mainmenu ul.daftarmenu li.active ul li a{
    background-color: #000;
}
#mainmenu ul.daftarmenu li.active ul li a:hover {
    background-color: red;
    color: #fff;
}
#mainmenu ul.daftarmenu li.active :visited {
    background-color: #024F63;
}

#mainmenu ul.daftarmenu  {
	margin:0;
	padding:0;
	list-style:none;
}

#mainmenu ul.daftarmenu li {
	float:left;
        margin-top: 0px;
        margin-bottom: 5px;
        
}
#mainmenu ul.daftarmenu li a {
        border-radius: 0px;
        margin-right: 0px;
   	float: left;
	color:#fff;
    	padding: 14px 19px;
        background-color: none;
        text-transform:uppercase;
        text-decoration: none;
        height: auto;
        border-right: 1px solid #FFF;
}

#mainmenu ul.daftarmenu li a:hover,
#mainmenu ul.daftarmenu li a:hover {
    	color: #fff;
    	background:#024F63;

}

#mainmenu li ul a:hover, 
#mainmenu ul.daftarmenu li li:hover > a  {
    color: #fff;
}
#mainmenu li li ul {
    	visibility:hidden;
}


#mainmenu li ul {
    	background:#024F63;
    	left: -999em;
    	margin: 40px 0 0;
    	position: absolute;
    	width: 237px;
    	z-index: 9999;
    	border-top: 3px solid #053440;
}

#mainmenu li:hover ul {
    	left: auto;
}

#mainmenu li ul a {
    	background: none;
    	border: 0 none;
    	margin-right: 0;
}
#mainmenu ul.daftarmenu li.active ul li.sub a:link {
   background:url(images/arrow.png) no-repeat right;
}

#mainmenu ul.daftarmenu li.active ul li.sub a:hover {
    width: 85%;
    border: none;
}

#mainmenu ul.daftarmenu li.active ul li.sub ul#child li {
    width: 33%;
    border: none;
}
#mainmenu ul.daftarmenu li.active ul li.sub ul#child li a:hover {
    border: none;
    margin-left: 0;
    padding-left: 7.5%;
    
}
#mainmenu li li:hover ul {
    	visibility:visible;
}
#mainmenu ul ul li:last-child > a {
	border-radius:0;
}

#mainmenu ul ul ul li:first-child > a {
	border-radius:0;
}
#mainmenu ul.daftarmenu li.active ul li.listItem a {
    background-color: #024F63;
    border: none;
}
#mainmenu ul.daftarmenu li.active ul li.listItem a:hover {
    background-color: #024F63;
}
#mainmenu ul.daftarmenu li:last-child ul li.sub{
     background:url(images/arrow.ico) no-repeat right;
     padding-right: 10px;
     width: 220px;
}
#mainmenu ul.daftarmenu li:last-child ul li.sub a:hover{
     background:url(images/arrow.ico) no-repeat right;
     padding-right: 10px;
     width: 200px;
}
#mainmenu ul.daftarmenu li ul li.sub ul li.listItemChild a:hover {
    background-image: none;
}
#mainmenu ul.daftarmenu li ul li.sub{
     background:url(images/arrow.ico) no-repeat right;
     padding-right: 15px;
     border: none;
     display: block;
     width: 220px;
     margin-right: 10px;
}
#mainmenu ul.daftarmenu li ul li.sub a:hover{
     background:url(images/arrow.ico) no-repeat right;
     padding-right: 10px;
     width: 205px;
}
#mainmenu ul.daftarmenu li:last-child ul li.listItem ul {
    margin: -3px 0 0 -237px;
    background:#024F63;
}
#mainmenu ul.daftarmenu li ul li.listItem ul {
    margin: -3px 0 0 235px;
    background:#024F63;
    border-top: 3px solid #000;
}
#mainmenu ul.daftarmenu li ul li.listItem ul#child {
    margin: -3px 0 0 235px;
    background:#024F63;
    border-top: 3px solid #000;
    width: 715px;
}
#mainmenu ul.daftarmenu li ul li.listItem ul li:first-child {
    border: none;
}
#mainmenu ul li ul li.listItem:first-child a{
    
    border: none;
    padding: 5px 0px 0px 20px;
    
}
#mainmenu ul li ul li.listItem a {
    
    padding: 5px 0px 0px 20px;
    text-transform: none;
    border-right: none;
    min-height: 20px;
}
#mainmenu ul li ul li.listItem ul li.listItemChild a {
    border: none;
    display: block;
    margin-left: -2px;
}
#mainmenu ul li ul li.listItem ul  a {
    float: left;
}
#mainmenu ul li ul li.listItem ul {
    border: none;
}
#mainmenu ul li ul li.listItem ul li {
    background:#024F63;
    border: none;
}

#mainmenu ul li ul li.listItem a:hover{
    text-decoration: underline;
    background-color: #024F63;
}
#mainmenu ul li ul li:last-child {
    
    border: none;
}
#mainmenu  ul ul li:first-child {
    border: none;
}
#mainmenu ul li ul li {
    
    list-style-type: none;
    border: none;

}
#mainmenu ul li ul a, #mainmenu ul li ul li ul a {
    width: 216px;
    float: left;
}
/*Akhir Menu Level disinin yang dibupdate*/


.container {
	margin:0 auto;
	padding:0;
}

.info {
    background-image:url(images/bar-menu.png);
    padding: 10px 5px;
    margin: 0px 10px 10px 10px;
    border-radius: 8px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}
.baru {
    color: red;
    cursor: default;
    font-weight: bold;
    font-style: italic;

}
/*  CSS Belanja
Ubah width class logo jadi 324px
*/
.caption {
    border: 1px solid #CCC;
    margin: -33px;
    border-radius: 5px;
    clear: both;
    float: left;
    width: 100%;
}
.isi-pesanan {
        margin-top: 30px;
        margin-left: 545px;
        border: 1px solid #00498f;
        background-color:#4E9416;
        padding: 5px;
        font-size: 11px;
        float: right;
        display: inline;
}



/*   */
.keranjang-info {
    float: left;
    margin-top: 0px;
    margin-right: 0px;
    padding: 5px 5px 5px 0;
    border: 1px solid #8FBB1B;
    border-radius: 5px;
    background-color: #8FBB1B;
    font-size: 10px;
    background-image: url('images/chart.png');
    background-repeat: no-repeat;
    background-size: 25px;
    background-position-y: 2px;
    float: right;
    padding-left: 25px;
}
.keranjang-info a {
    color: #01428f;
}
.keranjang-info a:link {
    color: #01428f;
    float: right;
}
.keranjang-info a:hover {
    text-decoration: underline;
    color: #FFF;
}
.search{
	padding:10px 0 0 0;
	margin-left: 300px;
	width:325px;
	float:left;
        text-align: right;
}
.search a{
	float:left;
    text-align: right;
}

.search .member a{
    color:yellowgreen;
}

.search a{
     
	float:right;
    text-align: right;
}

.search .member {
    color:grey;
    font-size: 10px;
    float: right;
    text-align: right;
    margin: 0;
    padding:0 0 0 0 ;
    width: 200px;
    
}

.search form {
        clear:both;
	float:right;
	padding-top:5px;
	margin:0;
}
.search span {
	display:block;
	float:left;
	background:url(images/search_bg.gif) left top no-repeat;
	width:153px;
	padding:0 5px;
}
.search form .keywords {
	width:149px;
	line-height:14px;
	height:14px;
	float:left;
	background:none;
	border:0;
	padding:6px 2px;
	margin:0;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#acacac;
        outline-style:none;  
}
.search form .button {
	float:left;
	margin:0;
	padding:0;
}
.breadcrumbs{
    display: block;
    margin:0px auto 0px auto;
    padding: 15px 0 20px 0;
    width: 950px;
    color:#AAAAAA;
    font:normal normal normal 13px/1.2em Arial, Helvetica, sans-serif;
}
.breadcrumbs a{
    color:#024F63;
    text-decoration: none;
    background: #FFF;
    padding: 3px;
}
.breadcrumbs a:hover {
    color:#024F63;
    text-decoration: underline;
}
.breadcrumbs a:link {
    font-weight: bold;
}
.head_resize {
        -moz-border-radius:8px;
    -webkit-border-radius:8px;        
	padding:10px ;
	margin:0 auto;
        background-color: #fff;
}
.head_resize img {
	float:right;
	margin:0;
	padding:0;
	border:none;
	outline:0;
}
.head_resize .headline {
	width:480px;
	margin:0;
	padding:10px 0 0 5px;
	float:left;
	background:top no-repeat;
}
.head_resize .headline h2{
letter-spacing: -2px;
	font:bold 24px Arial, Helvetica, sans-serif;
	color:#a9a9a9;
	padding:0 0 10px 0;
	margin:0;
}
.head_resize .headline h2 span {
letter-spacing: -2px;
	color:#8fbb1b;
        font:bold 30px Arial, Helvetica, sans-serif;
}
.head_resize .headline h2 strong{
letter-spacing: -2px;
	color:#615555;
        font:bold 30px Arial, Helvetica, sans-serif;
}

.frame_tengah {
	width:930px;
	padding:10px ;
        background-color: #fff;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    float:left;
    overflow-x:scroll;
        
}
.frame_sample {
	width:930px;
	padding:10px ;
        background-color: #fff;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
        
}
.box_scroll{
	width:2000px;
	height:100%;
}
.frame_left {
	width:615px;
	padding:10px ;
        background-color: #fff;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    float:left;   
    color: #000;
}
.frame_right{
    float:right;
	width:285px;
	padding:10px ;
        background-color: #fff;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
        
}
.frame_full {
    margin-right:0;
    float: left;
    width:950px;
    padding: 15px 0px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background-color: #fff;
    margin-bottom: 10px;
    
}
.frame {
	margin:0 auto;
        width:948px;
	padding:0;
        border: none;
        overflow: hidden;
}
.frame h2 {
	font:normal 30px Arial, Helvetica, sans-serif;
	color:#464646;
	padding:3px 0 3px 5px;
	margin:5px 0 10px 0;
}
.frame p {
        font:normal normal normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	padding:5px;
        line-height: 18px;
	margin:0;
}
.frame a {
	color:#D33500;
        text-decoration: none;
}
.post{
        margin-top: 10px;
        color:#000;
}
.post .author{
    border-bottom:1px dashed #e4e4e4;
    padding-bottom: 5px;
    padding-top:10px;
    font-size: 12px;
}
.post .title a{
  color:#585858;
  font:normal normal normal 30px/1.2em Arial, Helvetica, sans-serif;
  margin: 0;  
  padding : 3px 0 ;
  text-decoration: none;
}
.post .content{
    clear: both;
    margin: 5px 10px ;
    
}
.left {
	float:left;
	width:640px;
	margin:0;
	padding:0;
}
.right {
	float:right;
	width:265px;
	margin:0;
	padding:0;
}
.right .blog {
	
	margin:10px 0;
	padding:10px;
	background:#fff;
}
.right ul {
	list-style:none;
	margin:5px 10px;
	padding:0;
}
.right li {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#464646;
	padding:5px 0;
}
.right li a {
	background:url(images/ul_li.gif) left no-repeat;
	padding:0 0 0 15px;
	margin:0;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#73ab00;
	text-decoration:none;
}
.right li a:hover {
	color:#464646;
	text-decoration:none;
}
.right ul.sponsors {
	list-style:none;
	margin:5px 10px;
	padding:0;
}
.right li.sponsors {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#585858;
	padding:5px 0;
}
.right li.sponsors a {
	background:url(images/ul_li.gif) left no-repeat;
	padding:0 0 0 15px;
	margin:0;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#73ab00;
	text-decoration:none;
}
.right li.sponsors span {
	color:#a8c732;
	font:bold 12px Georgia, "Times New Roman", Times, serif;
}


  
.fbg {clear:both; margin:0 ;padding:0;margin-bottom :10px;}
.fbg .bloka {width:295px;float:left;clear:both;padding:10px 10px;margin:0 0 0px 0 ;}
.fbg .blokb {width:295px;float:left;padding:30px 10px;margin:0 0 10px 0 ;}
.fbg .blokc {width:295px;float:right;padding:10px 10px;margin:0 0 10px 0 ;}
.fbg .blokd {width:100%;padding:10px 10px;margin:0 0 10px 0 ;}
.fbg .bloke {padding:10px 10px;margin:0 0 10px 0 ;}
.bloka-title, .bloke .portlet-title {
    margin-top: 3px;
    color: #585858;
    font: bold 20px Arial,Helvetica,sans-serif;
    text-transform: uppercase;
}
.blokd .bloka-title{
	text-align:center;
	}
.bloka-gambar {
    
}

.fbg img {float:left;margin:5px 10px 5px 0;padding:0;}
.fbg p {color:#464646;padding:5px 0;margin:0;line-height:1.8em;}
.fbg ul, .portlet ul {padding:0;margin:0;margin-left:20px ;}
.fbg li, .portlet ul li  {padding:1px  0;margin:0;}
.fbg li a, .portlet ul li a {color:#000;font:13px/1.2em Arial, Helvetica, sans-serif;text-decoration:none;}
.fbg li a:hover, .portlet ul li a:hover {color:#464646;text-decoration:none;}



.bloka .portlet .portlet-decoration .portlet-title,
.blokb .portlet .portlet-decoration .portlet-title,
.blokc .portlet .portlet-decoration .portlet-title,
.frame_right .portlet .portlet-decoration .portlet-title{
	color:#585858;
	font:bold 20px Arial, Helvetica, sans-serif;
	padding:3px 0;
	margin:0px 0 0 0;
        text-transform: uppercase;
}
.frame_right .portlet {
    float: left;
    margin-bottom:10px;
}

.latestalbum ul{
    	list-style:none;
        margin: 0;
}
.latestalbum ul li{
        	padding: 4px 6px;
                margin: 0;
                float:left;
}



.web_link{text-decoration: none; color: black}

#contactform {
	margin:0;
	padding:5px 10px;
}
#contactform * {
	color:#F00;
}
#contactform ol {
	margin:0;
	padding:0;
	list-style:none;
}
#contactform li {
	margin:0;
	padding:0;
	background:none;
	border:none;
	display:block;
	clear:both;
}
#contactform li.buttons {
	margin:5px 0 5px 0;
}
#contactform label {
	margin:0;
	width:110px;
	display:block;
	padding:10px 0;
	color:#666;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	float:left;
}
#contactform label span {
	color:#F00;
}
#contactform input.text {
	width:480px;
	border:1px solid #c0c0c0;
	margin:2px 0;
	padding:5px 2px;
	height:16px;
	background:#fff;
	float:left;
}
#contactform textarea {
	width:480px;
	border:1px solid #c0c0c0;
	margin:2px 0;
	padding:2px;
	background:#fff;
	float:left;
}
#contactform li.buttons input {
	border:1px solid #000;
	background:#ea7d1b;
	padding:10px;
	margin:10px 0 0 110px;
	color:#fff;
	float:left;
	font:normal 12px Arial, Helvetica, sans-serif;
}
p.response {
	text-align:center;
	color:#F00;
	font:normal 11px Georgia, "Times New Roman", Times, serif;
	line-height:1.8em;
	width:auto;
}

.latestalbum ul li  a img{ width:74px; height: 74px;border:1px solid #aaa;
                          -moz-border-radius: 5px ; -webkit-border-radius:5px; padding:5px; margin: 0px;
                          float: left; opacity:1;filter:alpha(opacity=67);
                          opacity:0.67;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=67)";


}
.latestalbum ul li  a:hover img{   background-color: #333;filter:alpha(opacity=100);opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

.tgrid {border-collapse: collapse;margin:0;}
.tgrid th {vertical-align: middle;background: #f5f5f5 ;height: 30px;text-align: center;  }
.tgrid th a{text-decoration: none;color: #333;font-weight: normal;}
.tgrid tr {height:20px}
.tgrid td {padding-left: 4px;padding-right: 4px;border-bottom: 1px dashed #EEEEEE;        }
.tgrid .button {color:#FB9233;}
.tgrid .summary{text-align: right;}
.tgrid .filters input, .tgrid .filters select {   border: 1px solid #CCCCCC;   width: 100%;}
.tgrid  .items tr:hover{   background: none repeat scroll 0 0 #ECFBD4;}
.tgrid .items  tr.selected {   background: none repeat scroll 0 0 #BCE774;}

#daftarAlbum.list-view .pager {
    /*float: left;*/
    width: 295px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
.gambarAlbum {
    margin:6px;
    float:left;
    -moz-border-radius: 5px ; 
    -webkit-border-radius:5px; 
}
.gambarAlbum a img {
    width:81px; 
    height: 74px;
    border:1px solid #aaa;
    -moz-border-radius: 5px ; 
    -webkit-border-radius:5px; 
    padding:5px; 
    margin: 0px;
    opacity:1;
    filter:alpha(opacity=67);
    opacity:0.67;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=67)";

}
.gambarAlbum a:hover img {
    background-color: #333;
    filter:alpha(opacity=100);
    opacity:1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.pager{margin-top: 20px;text-align: center;}
ul.yiiPager {   border: 0 none;   display: inline;   font-size: 11px;   line-height: 100%;   margin: 0;   padding: 0;}
ul.yiiPager li {   display: inline;}
ul.yiiPager a:link, ul.yiiPager a:visited {    color: #333;   font-weight: bold;   padding: 1px 6px;   text-decoration: none;}
ul.yiiPager .page a {   font-weight: normal;background-color: #eaeaea;}
ul.yiiPager a:hover { color:#4d4d4d;}
ul.yiiPager .selected a {   background: none repeat scroll 0 0 #333;   color: #fff;   font-weight: bold;}
ul.yiiPager .hidden a {     color: #333;}
ul.yiiPager .first, ul.yiiPager .last {   display: none;}

ul.display {float: left;margin: 0;padding: 0;list-style: none;}
ul.display .items li {float: left;padding: 10px 0;margin: 0;border-top: 1px dashed #ddd;width:610px;}
ul.display .items li a {text-decoration: none;}
ul.display .items li .content_block {padding: 0 5px;}
ul.display .items li .content_block h2 {margin: 0;padding: 5px;font-weight: normal;font-size: 1.7em;}
ul.display .items li .content_block p {margin: 0;padding: 5px 5px 5px 105px;}
ul.display .items li .content_block a img{ border:1px solid #2B2B2B; -moz-border-radius: 5px ; -webkit-border-radius:5px; padding:4px; margin: 0 15px 0 0; float: left; opacity:1;filter:alpha(opacity=67);opacity:0.67;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=67)";}
ul.display .items li .content_block a:hover img{   background-color: #000;filter:alpha(opacity=100);opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
ul.thumb_view  .items li{width: 230px;}
ul.thumb_view .items li h2 {display: inline;}
ul.thumb_view  li p{display: none;}
ul.thumb_view  li .content_block a img {margin: 0 0 10px;}
a.switch_thumb {width: 122px;height: 26px;line-height: 26px;padding: 0;margin: 10px 0;display: block;background: url(/images/switch.gif) no-repeat;outline: none;text-indent: -9999px;}
a:hover.switch_thumb {   filter:alpha(opacity=67);opacity:0.67;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=67)";}
a.swap { background-position: left bottom; }
.galleri_gbr {
    border: 1px solid #AAAAAA;height: 80px; width: 80px;float: left;padding: 2px;margin: 2px;border-radius: 5px;
}
#profiletab{   float:right;   background: none;}
#profiletab.ui-tabs, #pasientab.ui-tabs{   padding:0;}
#profiletab.ui-tabs .ui-tabs-panel, #pasientab.ui-tabs .ui-tabs-panel {   padding: 10px;   background-color: #FFF;   border-top: 1px solid #AAA;}
    #pasientab.ui-tabs .ui-tabs-panel { padding:10px 0 0 0;}
#profiletab.ui-widget,#pasientab.ui-widget{   font: 13px/1.3 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;   color:#222;}
#profiletab .ui-widget-header, #pasientab .ui-widget-header  {    background: none;    border:none;}
#profiletab.ui-widget-content{    border: none;    width: 505px;}
#profiletab.ui-tabs .ui-tabs-nav li a{   padding: 5px 5px;}
#profiletab.ui-widget-content .tgrid td a , #pasientab.ui-widget-content .tgrid td a {   color: #4d4d4d;}
#profiletab.ui-widget-content .tgrid td a:hover , #pasientab.ui-widget-content .tgrid td a:hover {   color: #14a2b8;}
    #pasientab.ui-widget-content{    border: none;  }
.profile_pic{  width: 100px; height: 100px; float: left;     margin-top: 3px;border: 1px solid #AAA;}

.galthumb img {
    -moz-border-radius: 5px ;
    -webkit-border-radius:5px;
    border: 1px solid #EEE;
    margin: 0 5px 0 0 ;
    padding: 4px;
    float:left;
    background-color: #fff;
}
.galthumb img:hover{
background-color: #2D2D2D;
}

#gallery{
    padding:10px;
    background-color: #fff;
}

.album-gallery{
    width:22%;   float: left;   margin:  0 2px 8px 6px ;
    -moz-border-radius: 5px ;
    -webkit-border-radius:5px;
    border: 1px solid #E4E4C9;   padding: 5px;   background-color: #f7f7f7;   height: 90px;
}

#gallery .items{
    margin-left: 5px;
}
#gallery .pager{
    clear: both;
}

#gallery #result{
    width: 590px;
}

.comment {-moz-border-radius:7px;padding: 10px;background: #e7e8e8;margin: 5px 0;    -moz-border-radius: 5px ;-webkit-border-radius:5px;}
.comment .content{margin: 10px 0;}
.comment .author{margin: 5px 0;padding: 0 0 3px;border-bottom: 1px solid #DDD;}
.comment .time a, .comment .title a{color: #333;}
.comment a.cid{color:#fff;float:right;font-size:1.4em;font-weight:bold;padding:0 5px 5px 5px;text-decoration: none;}
.comment a.cid:hover{color:#555;}
.comment .title {font-size:1.3em;margin-bottom: 5px;}
.comment .pending{color:#8FBB1B;}

.gambar-kegiatan{  width: 192px;   float:left;}
.gambar-kegiatan img{  padding: 5px;   margin: 10px 0;   border: 1px solid #eaeaea;-webkit-box-shadow: 0 8px 6px -6px black;	  -moz-box-shadow: 0 8px 6px -6px black;	        box-shadow: 0 8px 6px -6px black;}
.gambar-kegiatan img{ max-width: 175px;    float: left;}
.gambar-kegiatan .reg-kegiatan a, .kanan a{   display: block;   padding: 5px;   width: 50px;  text-align: center;   float: right;   background-color: #73ab00;   color: #fff; -moz-border-radius: 5px ;-webkit-border-radius:5px;}
.gambar-kegiatan .reg-kegiatan a:hover, .kanan a:hover{   background-color: #8fbb1b;   color:#000;}
.gambar-kegiatan .down-kegiatan a{   display: block;   padding: 5px;   width: 100px;   text-align: center;   float: left;   background-color: #73ab00;   color: #fff; -moz-border-radius: 5px ;-webkit-border-radius:5px;}
.gambar-kegiatan .down-kegiatan a:hover{   background-color: #8fbb1b;   color:#000;}
.gambar-kegiatan .surat-kegiatan a, .gambar-kegiatan .susunan-acara a, .gambar-kegiatan .denah a{   display: block;   padding: 5px;   width: 182px;   text-align: center;   float: left;   background-color: #73ab00;   color: #fff; -moz-border-radius: 5px ;-webkit-border-radius:5px; margin-top: 10px;}
.gambar-kegiatan .surat-kegiatan a:hover, .gambar-kegiatan .susunan-acara a:hover, .gambar-kegiatan .denah a:hover{   background-color: #8fbb1b;   color:#000;}
span.download-label {
    display: none;
    border-radius: 3px;
    float: right;
    background-color:#8fbb1b;
    border:1px solid #4E9416;
    color: #fff;
    font-size: 10px;
    padding: 5px 5px; }

.downloadTitle {
    color: #000;font-size: 16px;
}
.downloadInfo {
    color: #000;padding-top: 3px;width:500px;
}
.downloadTgl {
    color: #000;    
}
.tombolDownload {
    display: block;
}
span.download {color: #000;}
.tombolDownload a {color : blue;}
span.yy {font-weight: bold;}
span.downloadLabel {
    display: block;
    float: right;
    margin-top: -20px;
    border-radius: 5px;
    background-color: #73ab00;
    padding: 5px 8px;
    color: #fff;}



.kegiatan_thumb{   display: block;    width: 50px;  text-align: center;   float: right;
                  color: #fff; -moz-border-radius: 5px ;-webkit-border-radius:5px;}


.kegiatan{
    width: 410px;
    float:right;
    margin-top: 10px;
}
.kegiatan ul li {
    margin-left: 18px;
    list-style-type: decimal;
}

.kegiatanInfo {
    text-decoration: blink;
    width: 395px;
    padding: 5px;
    background-color: #8fbb1b;
    color: red;
    font-weight: bold;
    font-family: Arial;
    border-radius: 8px;
    text-align: center;
}

.postnav{
    clear: both;
}

/* Vote CSS */
.fbg_resize {
    clear:both; margin:0px auto;padding:0;background:#fff;width: 950px;
  }
  .blokb-bawah {
      margin-top: 26px;
  }
  .contentpoll {
      margin-top: 5px;
      padding-left: 5px;
  }
  .pilihanpoll {
      overflow: hidden;
  }
  .pilihanpoll ul.pilihan li {
      float: left;
      list-style-type: none;
  }
  .pilihanpoll ul {
      margin-left: 0px;
  }
  .pilihanpoll ul li.valuepilihan {
      width: 260px;
  }
  #form-vote {
      margin-top: 5px;
  }
  #btn-poll {
      margin-top: 10px;
  }
  
  .judulpertanyaan {
      color: #000000;
      font-weight: bold;
  }
  .pertanyaan {
      float: left;
      margin-left: 5px;
      padding-bottom: 10px;
      color: #000000;
      font-weight: bold;
  }
 input#btn-poll {
      border: 1px solid #DDD;
      border-radius: 8px;
      padding: 3px 10px;
      color: #fff;
      background-image: url(images/bar-menu.png);
      font-size: 12px;
  }
  input#btn-poll:hover {
      color: #FFF;
      text-decoration: underline;
      cursor: pointer;
  }
  
  #form-hasil {
      border: none;
      border-radius: 5px;
      padding: 3px 8px;
      color: #FFF;
      margin-top: 1px;
      background-image: url(images/bar-menu.png);
      text-decoration: none;
  }
  #form-hasil:hover {
      text-decoration: underline;
  }
  /* CSS FAQ */
  
.oldPesan {
    border: none;
    padding: 3px;
    border-radius:5px;
    overflow: hidden;
}
ul.oldEmail li {
    list-style-type: none;
    float: left;
}
ul.oldEmail li.namaPengirim {
    width: 80px;
    color: #003980;
    font-weight: bold;
    text-align: center;
}
.emailPengirim {
    width: 80px;
    font-size: 11px;
    color: #003980;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}
ul.oldEmail {
    margin-left:-30px;
    margin-top: 0px;
}
.balon-kata {
  margin-left: 20px;
  background:#DDD;
  position:relative;
  padding:15px;
  color:#000;
  font:normal 16px Calibri,Arial,Sans-Serif;
  width:465px;
  height:auto;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

.balon-kata.left:before {
  content:"";
  width:0px;
  height:0px;
  position:absolute;
  right:100%;
  top:20px;
  border-width:10px;
  border-style:solid;
  border-color:transparent #DDD transparent transparent;
}

form#balas-hubungikami {
    padding: 10px;
}
.replylabel {
    background-color: #DDD;
    padding: 10px 5px;
    border-radius: 8px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #777;
    margin-bottom: 5px;
}
.flash-success {
    padding: 10px;
    border-radius: 5px;
    background-image:url(images/bar-menu.png);
    font-weight: bold;
}

#listfaq {
    margin-bottom: 5px;
    color: #222;
}
.faqdetail {
    padding: 5px 10px;
    background-color: #003980;
    color: #fff;
    margin-top: 10px;
}
.tanyafaq {
    padding: 5px 10px;
    background-color: #003980;
    color: #fff;
    border-radius: 8px;
}
.tanyafaq a {
    color: #fff;
}
.tanyafaq a:hover {
    color: #222;
}
.jawabfaq {
    padding: 5px;
    overflow: hidden;
}
.jawabfaq a {
   color: #222;
}
.jawabfaq a:hover {
   color: #003980;
   text-decoration: underline;
}
.jawabfaq ul li {
    margin-left: 30px;
}
span.sisipan {
    color: #003980;
    font-weight: bold;
}
.pembuatfaq {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    border-bottom : 1px dotted #777;
    font-size: 10px;
    color: #000;
}
#index-faq {
    border: none;
}
#index-faq .pager {
    margin-top: 10px;
    text-align: center;
}
#index-faq.list-view .summary {
  font-size: 11px;
  text-align:right;
}

.searchBtn{
    background:transparent url('images/btn-cari.png');
    width:37px;
    background-size: 35px 23px;
    margin-right: 5px;
    background-repeat: no-repeat;
    cursor:pointer;
    vertical-align:top;
    border: none;
  

}
#searchBox {
    color: red;
    margin: 8px 0px 0px 220px;
    float: left;
    width: 240px;
}
.searchBox {
    background: url('images/btn-search02.png');
    background-repeat: no-repeat;
    border: none;
    height: 24px;
    width:200px;
    margin-left: -6px;
}
#cari-faq {
    text-align: right;
}
ul.sisipancarifaq li {
    list-style-type:  none;
    float: left;
    margin-left: 0px;
}
.listFaq {
    overflow: hidden;
}
ul.jawabanfaq {
    margin-left: -30px;
}
ul.jawabanfaq li {
    list-style-type: none;
    float: left;
    padding-right: 5px;
    font-weight: bold;
    color: #003980;
}
ul.jawabanfaq li.isijawaban {
    width: 500px;
    color: #222;
    font-weight: normal;
    padding-left: 5px;
    border-left: 1px solid #777;
}

.checkfaq {
    margin-left: 110px;
}
.infofaq {
    background-color: #CCCCCC;
    padding: 5px;
    font-size: 11px;
    color: #666;
    font-style: italic;
}
  
  
  /*CSS pemesanan produk  */
  table#pemesanan {
      border-collapse:collapse;
  }
  table#pemesanan tr th.th-pesan {
      border-top: none;
      border-bottom: none;
      padding: 2px 5px 5px 5px;
      text-align: left;
      background-image:url(images/bar-menu.png);
      background-repeat: repeat-x;
      color: #FFF;
      font-size: 12px;
      font-family: Arial;
  }
  table#pemesanan tr th.th-pesan:last-child  {
      border-right: none;
  }
  table#pemesanan tr th.th-pesan:first-child {
      border-left: none;
  }
  table#pemesanan tr.tr-pesan td.td-pesan {
      padding: 5px 5px;
      font-size: 12px;
      border-bottom: 1px solid #AAA;
  }
  .caption a.tbl-pesan {
      color: #DDD;
  }
  a.tbl-pesan {
    padding: 5px 8px;
    background-image:url(images/bar-menu.png);
    border-radius: 8px;
    border: none;
    color: #DDD;
    font-weight: bold;
    cursor: pointer;
    margin-left: 5px;
    font-size: 12px;
    margin-top: 0px;
  }
  a.tbl-pesan:hover {
      color: #000;
  }
  #pesanan {
      margin-bottom: 20px;
  }
  form#pemesananheader-form {
      margin-top: 20px;
      border: none;
      border-radius: 8px;
  }
  input[type="submit"]{
      border: 1px solid #DDD;
      background-color: none;
      cursor: pointer;
      height: 25px;
      border-radius: 5px;
  }
  input[type="text"],input[type="password"]{
      border-radius: 5px;
      border: 1px solid #DDD;
      height: 20px;
  }
  input[type="checkbox"]{
      float: left;
      clear: both;
      margin-right: 50px;
  }
  .label-form {
      margin-top: 10px;
      border-top: 3px solid #01428F;
      padding-top: 10px;
      text-align: center;
      font-weight: bold;
  }
  li.list-produk {
  }
  

/* End CSS LAMA */

#container{
	width:400px;
	border:1px solid #eee;
	margin:100px auto;
}
#container h1{
	margin:0; padding:5px; 
	font-size:1.4em; font-family:Georgia, serif;
	font-weight:normal; color:#333;
}
#container p{
	font-family:Georgia, serif; color:#333; 
	margin:0; line-height:2em;
}
#pollcontainer{
	margin:5px; border:1px solid #f3f3f3;
	background:#f9f9f9; padding:5px;
}
#loader{ 
    display:none; 
    text-align:center;
    background-image:url('images/loading53.gif') ;
    background-repeat: no-repeat;
    height: 30px;
    
}
.loading {
    background: url('images/loading.gif');
    background-repeat: no-repeat;
    /* -- background-position: center; -- */
    background-position-y: 150px;
    background-position-x: 350px;
    background-color: #FFF;
}
.option{ margin:5px 0; }
.option p{ line-height:1.1em; font-size:0.85em; }
.bar1{ height:10px; background:#4E9416; border-radius: 5px;margin-top: 5px;}
.bar2{ height:10px; background:#00498f; border-radius: 5px;margin-top: 5px; }
.bar3{ height:10px; background:#900; border-radius: 5px;margin-top: 5px; }
.bar4{ height:10px; background:orange; border-radius: 5px;margin-top: 5px; }
.bar5{ height:10px; background:#c5ddfc;border-radius: 5px;margin-top: 5px; }
.bar6{ height:10px; background:#e1e463;border-radius: 5px;margin-top: 5px; }
.bar7{ height:10px; background:darkviolet;border-radius: 5px;margin-top: 5px; }
.yourvote{ background:#113399; }

#servertime {
    font-family: Arial;
}