.views-widget-filter-title .form-item-title input.form-text{
  width: 260px;
}

.views-exposed-form .views-exposed-widget {
  float: none;
}

body {
  font-family: Arial,Helvetica,sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 1.5em;
  background: #0d2d32 url('../images/random_grey_variations1.png') fixed;
}

p {
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
}

a { text-decoration: none; }
a:link, a:visited { color: #013f7d; }
a:active, a:hover { color: #013f7d; }

.org a {color: #5582a8;}

h1, h2, h3, h4, h5, h6 { 
  font-family: 'Oswald', sans-serif;
	padding: 0; 
  margin: 0;
}

h1, h2, h3, h4 { color: #555; }
h5, h6 { color: #555; }

h1 { font-size: 28px;line-height: 100%; }
h2 { font-size: 24px;line-height: 100%; }
h3 { font-size: 20px;line-height: 100%; font-weight: bold;}
h4 { font-size: 16px;line-height: 120%;font-weight: bold;}
h5 { font-size: 13px;line-height: normal;font-weight: bold;}
h6 { font-size: 11px;line-height: 110%;font-weight: normal;}

img {
  margin: 0;
  padding: 0;
}

#navigation {
  height: 28px;
  background: #0d3b42;
  border-bottom: 5px solid #809b9f !important;
}

#navigation ul.links li, #navigation ul.menu li {
  padding-right: 0px;
}

#header {
  padding: 0px 20px 0 15px;
  background: transparent url(../images/header-setia.png) bottom no-repeat;
  height: 105px;
}

#logo {
  display: table-cell;
  padding: 15px 10px 0 0;
  vertical-align: middle;
}

#site-name {
  width: 550px;
  margin-top: 30px;
  font-size: 2.3em;
  line-height: 1;
  font-weight: bold;
  font-family: xOswald,'Trebuchet MS', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

#site-name a:link, #site-name a:visited {
  color: #fff;
  text-shadow: 2px 2px #000;
}

#site-slogan{
  margin-top: 10px;
  font-size: 1.3em;
  font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: #fff;
  text-shadow: 1px 1px #000;
}


blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

/***************************
 *  NAV CONTAINER
 ****************************/
.liststyle ul {
  margin:0;
  padding: 0;
}
 
.liststyle ul li ,
.liststyle ul li li,
.liststyle ul li  {
  list-style-image: none;
  list-style-type: none;
	border-bottom: 1px solid rgba(189, 189, 189, .7);
}

 
#navcontainer ul li.leaf ,
#navcontainer ul li li.expanded,
#navcontainer ul li.expanded  {
  list-style-image: none;
  list-style-type: none;
	border-bottom: 1px solid rgba(189, 189, 189, .7);
}

#navcontainer .menu {
  margin: 0;
  padding: 0;
}

#navcontainer .menu ul
{
 margin: 0;
 padding: 0;
 list-style-type: none;
}


#navcontainer .menu a:hover
{
  background: #add0e6;
}

#navcontainer .menu a.active:link {
  background: #add0e6;
}

#navcontainer .menu li a {
  display: block;
  padding: 2px 2px 2px 10px;
  font-weight: bold;
}

#navcontainer .menu li li a {
  padding-left: 25px;
  font-style:italic;
	font-weight: normal;
}

#navcontainer .menu li li li a
{
  padding-left: 40px;
  font-weight: normal;  
  text-transform: none;
}

.galleryformatter-greenarrows .gallery-thumbs .back {
  background: url(../images/controls.png) no-repeat 0 0;
}

.galleryformatter-greenarrows .gallery-thumbs .back:hover {
  background-position: 0 -30px;
}

.galleryformatter-greenarrows .gallery-thumbs .forward {
  background: url(../images/controls.png) no-repeat 0 -60px;
}

.galleryformatter-greenarrows .gallery-thumbs .forward:hover {
  background-position: 0 -90px;
}

.galleryformatter {
  margin-bottom: 15px;
}

.galleryformatter-greenarrows .gallery-thumbs {
  border-bottom: 1px dotted #dadada;
  padding: 10px 0;
}

.galleryformatter-greenarrows .gallery-thumbs .wrapper {
  background: none;
  border-bottom: none;
  margin: 0;
}

.galleryformatter-greenarrows .gallery-thumbs li {
  padding: 0 5px;
}

.galleryformatter-greenarrows .gallery-thumbs li a {
  padding: 0;
}

.galleryformatter-greenarrows .gallery-thumbs .back {
  background: url(../images/controls.png) no-repeat 0 0;
  bottom: 33px;
  height: 30px;
  left: 0;
  overflow: hidden;
  width: 30px;
}

.galleryformatter-greenarrows .gallery-thumbs .back:hover {
  background-position: 0 -30px;
}

.galleryformatter-greenarrows .gallery-thumbs .forward {
  background: url(../images/controls.png) no-repeat 0 -60px;
  bottom: 33px;
  height: 30px;
  overflow: hidden;
  right: 0;
  width: 30px;
}

.galleryformatter-greenarrows .gallery-thumbs .forward:hover {
  background-position: 0 -90px;
}

.galleryformatter-greenarrows .view-full {
  background: none;
  bottom: 5px;
  display: none;
  height: 36px;
  top: auto;
  width: 36px;
}

.galleryformatter-greenarrows a:hover .view-full {
  background-position: 0 0;
}

/***************************
 *  FOOTER
 ****************************/

#footer {
  background: #222;
  height: 118px;
  margin: 0px;
  padding: 0px;
  color: #fff;
  line-height: 14px;
  min-height: 72px;  
}

#footer .block {
  margin: 0;
  padding: 0;
}

#footer span{
 margin: 0 5px;
}

#footer img{
 margin-left: 10px;
 margin-top: 10px;
}

#footer td, #footer table{
  margin: 0;
  padding: 0; 
  background: transparent;
  border: none;
}

#kontak {
	margin: 15px 10px 10px 30px;
}

#kontak h2 {
  margin-top: 20px;
	font-size: 16px;
	color: #ff873e;
	text-transform: uppercase;
}

#kontak h3 {
  font-size: 1em;
  color: #bababa;
}

#kontak .kolom-kiri{ 
	float: left; 
	width: 400px;
}

#kontak  img {
  float: left;
	margin: 5px 10px 30px -10px;
}


#kontak .kolom-tengah{
	display: inline-block; 
	width: 280px;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 4px solid #454545;
}

#kontak .kolom-kanan{ 
	float: right; 
	width: 218px;
	padding-left: 10px;
	border-left: 4px solid #454545;
}

#kontak  p {
	margin: 0;
	padding: 0;
  font-size: 12px;
}

#kontak  i {
  color: #dcdf7d;
	font-weight: bold;
}

#main {
  padding: 20px 0 20px 0;
  background: #e9eaed;
}

#content {
  padding-top: 0;
}
/***************************
 *  LISTING STYLE
 ****************************/
 
.Listing {
	padding: 10px;
  color: #333;
}

.Listing ul {
	list-style:none;
	padding:5px;
	margin:0;
}
.Listing ul li {
  clear: both;
	padding:4px 0px;
	border-bottom: 1px dotted #c1c1c1;
}

.Listing h4 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: normal;
	color: gray;
}

.Listing h3{
    margin:0;
	color: #284296;
}

.Listing li h6 {
	font-weight:bold;
	color: #9F0;
	padding-top:2px;
	font-size:12px;
}

.Listing .more-link a {
  color: #E17025;
}

.Listing .clearfix{
  clear: left;
  display: block;
  height: 5px;
  margin-bottom: 5px;  
  border-bottom: 1px dotted #c1c1c1;
}
 
h1.title {
  margin: 10px 10px; 
  padding: 0;
  font-weight: bold;
	text-transform: uppercase;
	color: #eee;
} 

h2.pane-title {
  margin: 0 0 10px 0;
  padding: 7px;
  color: #333;
  font-size: 24px;
  font-weight: bold;
  border-bottom: 4px solid #a7a7a7;
}

h1.title span, h2.pane-title span {
 color: #d2731e;
} 

h2.field-content {
  margin-top: 3px;
}

.pane-node-content {
	padding: 10px;
	background: #fff;
}

.pane-node-content h2.pane-title {
  padding: 7px 0;
  font: normal 30px Arial,Helvetica,sans-serif;
  background: none;
  text-transform: none;
	color: #005941;
}

/*******************************************
  * HEADLINE
  *****************************************/
.Headline {
  padding: 10px 10px 20px 10px;
}  
  
.Headline h2 {
  padding: 5px 0;
  border-bottom: 1px solid #dedede;
  text-transform: uppercase;
}

.Headline h5 {
  color: #eee;
}

.Headline img {
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
}

/*****************************************/
.pane-plain-box-blue-block .Headline {
  padding: 10px 0;
}
.pane-plain-box-blue-block .Headline h2 {
  padding: 5px 0;
  border-bottom: 2px solid #f15a24;
}

.pane-plain-box-blue-block h2.pane-title {
  padding: 7px;
}

/*******************************************
  * TEASER
  *****************************************/
.hspace{
  clear: left;
  display: block;
  margin: 2px 0;
  height: 2px;
  background: transparent url('../images/hspace.png') repeat-x;
}
	
.hspace10 {
  padding: 0 10px;
}

.vspace10 {
  padding: 10px 0;
}

.space10 {
  padding: 10px;
}

.Teaser {
  text-align: left;
}

.Teaser img {
  float: left;
  margin: 0 10px 5px 0;
	border-radius: 6px;
}

.views-field-field-images img{border-radius: 6px;};
  
.Teaser .clearfix{
  clear: left;
  display: block;
  margin: 5px 0;
  height: 2px;
  background: transparent url('../images/hspace.png') repeat-x;}
}

.date {

}

/*******************************************
 *  Style for Agenda
 ******************************************/
.agenda {
	 padding: 5px 0 0 0;
 }
 
 .agenda .ttlgrp {
   padding: 3px;
	 margin-top: 5px;
	 background: #eaf1fd;
	 border-bottom:4px solid #e0dfb2;
	 text-transform: uppercase;
 }
 
 .agenda .agd_l {
	margin-right:5px;
	width:50px;
	float:left;
	border-right: 1px solid #adaaa1;
}

.agenda .agd_r {
	margin-left: 60px;
	font:normal 12px Arial, Helvetica, sans-serif;
}

.agenda h3 {

}

.agenda h3 a {
	font-weight: bold;
}

.agenda h4{

}

.agenda .tgl {
	font-size:32px;
	line-height: 1.2em;
	font-weight:700;
	color:#78a000;
}

.agenda .bln {
	font-size:16px;
	font-weight:700;
	color:#33B5E5;
}

.agenda .thn {
	font-weight:700;
	color:#ff9600;
	font-size:14px;
}

.agenda .tntf{
	margin-top: 10px;
	font-weight:normal;
	color:#ff9600;
	font-size:12px;
}

.agenda .clearfix {
  clear: left;
  display: block;
  margin: 2px 0;
  height: 2px;
  background: transparent url('../images/hspace.png') repeat-x;}
}

#galleriffic .image-title {
  margin-top: 20px;
}

#galleriffic .image-sumber {
  margin-bottom: 30px;
}

td.Grid3{
  width: 200px;
  vertical-align: top;
  padding: 5px;
  text-align: center;
}

.Grid3 h3 {
  margin: 0px;
}

/******************************
 *  STYLE TABEL
 ******************************/
table {
  display: table;
  border-collapse: collapse;
  border-spacing: 0px;
} 

table a {
  font-weight: bold;
}

caption {
  color: #8f2f1c;
  font-size: 1.5em;
  font-weight: bold;
  border-bottom: 1px solid #dedede;
  margin-bottom: 10px;
	text-align: left; 
}

th {
  padding: 5px 3px;
  background: #2a649c;
  border: 1px solid #dedede;
  color: #eee;
  text-align: center;
}

tr {
  padding: 0.1em 0.6em;
  background-color: none;
}

tr.even, tr.odd {
  background: transparent;
}

tr.even {
  xbackground-color: #f8f8f8;
}

tr.odd {
  xbackground-color: #fff;
} 
 
td {
  border: 1px solid #cbcbca;
  margin: 0;
  padding: 2px;
} 
 
.tbl-data {
	margin-top: 20px;
}

.tbl-data table {
	width: 100%;
	margin: auto;
	border: none;
}

.tbl-data td {
  padding: 5px 3px;
	border: none;
	background: transparent;
}

.tbl-data td.label {
	width: 170px;
	border-top: 12px solid #bbbbbb;
	vertical-align:top;
	color: #333;
}

.tbl-data td.data {
	line-height: 150%;
	font-size: 14px;
	font-weight: bold;
	padding-right: 10px;
	border-top: 4px solid #bbbbbb;
	vertical-align:top;
}

.tbl-data td.teks {
	padding-right: 10px;
	border-top: 4px solid #bbbbbb;
	vertical-align:top;
}

.tbl-data p {
 text-align: justify;
}

.bld {
 font-weight: bold;
}

.tbl-data h5{
	margin: 10px 0 0 0;
	font-style: italic;
	color: #333;
	font-weight: normal;
}

.tbl-data h4{
	color: #242424;
	font-weight: normal;
}

.padding10 {
  padding: 10px;
}

.aleft  .views-view-grid td {text-align: left;}

.table-01 table {
  width: 100%;
}

.table-01 td {
  border: none;
	border-bottom: 1px solid rgba(189, 189, 189, .7);
}

.bidinfo { 
  position: relative;
}

.bidinfo h5 { 
   position: absolute; 
   top: 0px; 
   left: 0; 
}

.bidinfo h5 span { 
		background:#00ac65;
		color:#FFF;
		float:left;
    margin-bottom: 0;
		padding:3px 5px;
		font-size: 12px;
		font-weight: normal;
		position:absolute;
		left:0;
		top:0; 
}

.showcase {
   position: relative; 
   width: 100%; /* for IE 6 */
}

.showcase img{
   border-radius: 6px;
}

.showcase h2 { 
   position: absolute; 
   bottom: 20px; 
   left: 0; 
}

.showcase h2 span { 
   color: white; 
   font-size: 25px;
   font-family: Oswald,arial,Georgia, serif;
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 5px 10px 10px 10px;
   display: block;
   width: 400px;
   line-height: 100%;   
}

.showcase p  { 
   color: white; 
   font: normal 14px/16px Helvetica, Sans-Serif; 
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px 10px 5px 10px;
   margin: 0;
   display: block;
   width: 400px;
   line-height: 100%; 
}



#secondary-menu {
  float: left;
}

#header-region {
  float: right;
}

#search-block-form {
  padding: 5px 0;
}


/******** NAVIGATION LIST QUICKTABS *************/
.quicktabs_main.quicktabs-style-navlist {
  width: 440px;
  background: transparent;
  border: none;
  min-height: 484px;
}

ul.quicktabs-tabs.quicktabs-style-navlist {
  border-right: 1px solid #c9c9c9;
	width: 136px;
}

ul.quicktabs-tabs.quicktabs-style-navlist li.active {
  background: #e95644;
  padding: 5px 2px;
  border: none;
}

ul.quicktabs-tabs.quicktabs-style-navlist li a{
  color: #333;
}

ul.quicktabs-tabs.quicktabs-style-navlist li.active a {
  color: #fff;
}

ul.quicktabs-tabs.quicktabs-style-navlist li {
  padding: 5px 2px;
  border-bottom: 1px solid #c9c9c9;
}

/*88888888888888888888888*/

.quicktabs_main.quicktabs-style-zircon {
  padding-top: 1em;
}

ul.quicktabs-tabs.quicktabs-style-zircon{
  background: url(images/dot-1.gif) 0 100% repeat-x #f1f1f1;
  margin: -10px -10px 0 -10px;
  overflow: hidden;
  padding: 0;
}

ul.quicktabs-tabs.quicktabs-style-zircon li {
  background: none;
  border-right: 1px solid #dadada;
  display: block;
  float: left;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}

ul.quicktabs-tabs.quicktabs-style-zircon  li.last {
  border-right: none;
}

ul.quicktabs-tabs.quicktabs-style-zircon li.active {
  border-right: 1px solid #dadada;
}

ul.quicktabs-tabs.quicktabs-style-zircon  li a {
  color: #999;
  display: block;
  float: left;
  padding: 9px 12px;
  text-transform: uppercase;
}

ul.quicktabs-tabs.quicktabs-style-zircon  li a:hover,
ul.quicktabs-tabs.quicktabs-style-zirconli a:active,
ul.quicktabs-tabs.quicktabs-style-zircon li a:focus {
  color: #333;
  text-decoration: none;
}

ul.quicktabs-tabs.quicktabs-style-zircon li.active a {
  background: #fff;
  color: #8f2f1c;
	font-weight: bold;
}

.sidebar .quicktabs-style-zircon .block {
  margin-bottom: 0;
}

.quicktabs-style-zircon .block-content .item-list ul li {
  background: url(../../images/arrow.png) no-repeat 0 5px;
  padding: 0 0 0 10px;
}

.quicktabs-style-zircon .block-content .item-list ul li span {
  color: #727272;
  display: block;
  font-size: .912em;
}

.quicktabs-style-zircon .block-content .item-list ul li a {
  color: #333;
}

.quicktabs-style-zircon .block-content .item-list ul li a:hover,
.quicktabs-style-zircon .block-content .item-list ul li a:active,
.quicktabs-style-zircon .block-content .item-list ul li a:focus {
  color: #c01700;
}

.quick-accordion-zircon {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.quick-accordion-zircon .ui-accordion-header {
  background: #ccc;
  border-radius: 0;
  color: #333;
  font-weight: bold;
}

.quick-accordion-zircon .ui-accordion-header a {
  color: #333;
  font-size: 1em;
  padding: 0.25em 0.5em 0.25em 2em;
}

.quick-accordion-zircon .ui-state-default .ui-icon {
  background: url(../../images/arrow.png) no-repeat 5px 5px;
}

.quick-accordion-zircon .ui-state-hover {
  background: #2e3134;
  border: 1px solid #2e3134;
  color: #fff;
}

.quick-accordion-zircon .ui-state-hover a {
  color: #fff;
}

.quick-accordion-zircon .ui-state-hover .ui-icon {
  background: url(../../images/arrow-4.png) no-repeat 5px 5px;
}

.quick-accordion-zircon .ui-state-active {
  background: #c01700;
  border: 1px solid #c01700;
  color: #fff;
}

.quick-accordion-zircon .ui-state-active a {
  color: #fff;
}

.quick-accordion-zircon .ui-state-active .ui-icon {
  background: url(../../images/arrow-4.png) no-repeat 5px 5px;
}

.quick-accordion-zircon .item-list ul li {
  background: url(../../images/arrow.png) no-repeat 0 5px;
  margin: 4px 0;
  padding: 0 0 0 10px;
}

.quick-accordion-zircon .item-list ul li span {
  color: #727272;
  display: block;
  font-size: .912em;
}

.sidebar .quick-accordion-zircon .block {
  margin-bottom: 10px;
}

.quick-accordion-zircon .ui-accordion-content {
  border-color: #dadada;
  border-radius: 0;
  padding: .5em;
}

.quicktabs-ui-zircon {
  border: 1px solid #dadada;
  border-radius: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 0;
}

.quicktabs-ui-zircon .ui-tabs-nav {
  background: #ccc;
  border: 0;
  border-bottom: 1px solid #aaa;
  border-radius: 0;
  margin: 0;
  padding: .25em .25em 0;
}

.quicktabs-ui-zircon .ui-tabs-nav li {
  background: #eee;
  border: 1px solid #aaa;
  border-bottom: 0;
}

.quicktabs-ui-zircon .ui-tabs-nav li a {
  color: #999;
  padding: 5px 6px;
}

.quicktabs-ui-zircon .ui-tabs-nav li.ui-state-hover {
  border-bottom: 0;
}

.quicktabs-ui-zircon .ui-tabs-nav li.ui-state-hover a {
  color: #000;
}

.quicktabs-ui-zircon .ui-tabs-nav li.ui-tabs-selected {
  background: #fff;
  border: 1px solid #dadada;
  border-bottom: 0;
}

.quicktabs-ui-zircon .ui-tabs-nav li.ui-tabs-selected a {
  color: #333;
}

.quicktabs-ui-zircon .item-list ul li {
  background: url(../../images/arrow.png) no-repeat 0 5px;
  margin: 4px 0;
  padding: 0 0 0 10px;
}

.quicktabs-ui-zircon .item-list ul li span {
  color: #727272;
  display: block;
  font-size: .912em;
}

.sidebar .quicktabs-ui-zircon .block {
  margin-bottom: 10px;
}

.quicktabs-ui-zircon .ui-tabs-panel {
  padding: .5em;
}

.block-quicktabs .views-row {
  border-bottom: 1px dotted #dadada;
  overflow: hidden;
  padding: 10px 0;
}

.block-quicktabs .views-row-last {
  border-bottom: none;
  padding-bottom: 0 !important;
}

.block-quicktabs .views-row .views-field-field-image {
  float: left;
  margin-right: 10px;
}

.block-quicktabs .views-row .views-field-field-image img {
  border: 1px solid #dadada;
  padding: 2px;
}

.block-quicktabs .views-row .views-field-title a {
  color: #333;
}

.block-quicktabs .views-row .views-field-title a:hover {
  color: #c01700;
}

.sidebar .block-quicktabs .block {
  margin-bottom: 10px;
}

/*****************************************
 * CSS FOR OVERLAY TEXT OVER AN IMAGE
 *****************************************/
div.overlay{
	float:left;
	position:relative;
}

#galleriffic a.thumb {
  border: 1px solid #2e2e2e;
}

#galleriffic span.image-caption {
  background-color: #d9e5ef;
  margin-bottom: 10px;
}

/***************************************
 *      Column Width Tanle
 ***************************************/
.views-table {
  width: 100%;
}  
 
.views-field-created {
  width: 75px;
}

th.views-field-title{
  width: 75%;
}

th.views-field-field-tahun {
  width: 15%;
}

th.views-field-field-dokumen {
  width: 10%;
}

.cols-2 td {width: 310px;}
.cols-3 td {width: 206px;}
.bb {border-bottom: 2px solid red;}

.view-mode-full{
  padding: 10px;
}

/**************************************
  Flatbox - Global Setting
 **************************************/
.flatbox {
  overflow: hidden;
  padding: 10px;
  color: #333;
	background:#fff;
	margin-bottom:10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px 1px rgba(34,34,34,0.1);
  -moz-box-shadow: 0 0 5px 1px rgba(34,34,34,0.1);
  box-shadow: 0 0 5px 1px rgba(34,34,34,0.1);	
}

.flatbox1 {
  overflow: hidden;
  padding: 10px;
  padding-top: 10px;
  color: #333;
	background:#fff;
	margin-bottom:10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px 1px rgba(34,34,34,0.1);
  -moz-box-shadow: 0 0 5px 1px rgba(34,34,34,0.1);
  box-shadow: 0 0 5px 1px rgba(34,34,34,0.1);	
}

.flatbox  h2.pane-title {
  margin: -10px -10px 10px -10px;
	padding: 10px 20px;
  background: #e0c7a8;
  border: none;
	font-weight: bold;
	font-size:30px;
	color: #fff;
}

.flatbox  h2.pane-title span{
  display: block;
	line-height: 100%;
	color: #fff;
	font-size:18px;
	font-weight: normal;
	text-transform: none;
	opacity: 0.5;
}

/**************************************
  Flatbox - Color Header = Baby Blanket
 **************************************/
.flatbox th , .flatbox  h2.pane-title {background: #87533e;}
.emerald th, .emerald h2.pane-title, .emerald .bidinfo h5 span{background: #708739;}
.carrot th, .carrot h2.pane-title, .carrot .bidinfo h5 span{background: #b7633e;}
.river th, .river h2.pane-title, .river .bidinfo h5 span{background: #82b1b1;}
.apple  th, .apple h2.pane-title, .apple .bidinfo h5 span {background: #af3c45;}
.grape th, .grape h2.pane-title, .grape .bidinfo h5 span{background: #6d4f81;}
.ocean th, .ocean h2.pane-title, .ocean .bidinfo h5 span{background: #2b70b3;}
.lemon th, .lemon h2.pane-title, .lemon .bidinfo h5 span{background: #e59a51;}

.c_ocean {background: #dfefff;}
.c_emerald{background: #ecfbc8;}

/**************************************
  Flatbox - Header Icon
 **************************************/
.star h2.pane-title,.query h2.pane-title,
.globe h2.pane-title,.gear h2.pane-title,
.user h2.pane-title,.gallery h2.pane-title,
.berita h2.pane-title   {
	background-repeat: no-repeat;
	background-position:right center;
}

.star h2.pane-title {background-image: url('../images/star.png');}
.query h2.pane-title {background-image: url('../images/pertanyaan.png');}
.globe h2.pane-title {background-image: url('../images/globe.png');}
.gear h2.pane-title {background-image: url('../images/gears.png');}
.user h2.pane-title {background-image: url('../images/user.png');}
.gallery h2.pane-title {background-image: url('../images/gallery.png');}
.berita h2.pane-title {background-image: url('../images/berita.png');}

.views-exposed-form {
  padding: 0;
}

/***************************************
 *      CUSTOM VIEW SLIDESHOW
 ***************************************/
.views-slideshow-pager-field-item h5 {
  color: #333;
}
 
#widget_pager_bottom_showcase-block {
  display: block;
  margin-left: 623px;
  width: 317px;
  height: 336px;
}

#views_slideshow_cycle_main_showcase-block {
  display: block;
  float: left;
  width: 626px;
  height: 346px;
}

#widget_pager_bottom_showcase-block {
  display: block;
  margin-left: 636px;
  width: 304px;
  height: 346px;
}

#widget_pager_bottom_showcase-block .hspace{
  margin: 6px 0;
}

.views-slideshow-pager-field-item {
	float: left;
	width: 301px;
  padding-right: 3px;
  cursor:pointer;
}

.views-slideshow-pager-field-item img {
  float: left;
  margin-right: 5px;
	border-radius: 6px;
}

.views-slideshow-pager-field-item .views-content-title {
  color: #234481;
  font-family: Oswald,arial,Georgia, serif;
  cursor:pointer;
}

.views-slideshow-pager-field-item.active {	background: #edd9c1;}

.views-slideshow-pager-field-item.active .hspace{background:none;}

.views-slideshow-pager-field-item .clearfix {
	clear: both;
	height: 4px;
	margin: 40px 0;
}

/***************************************
 *      FORM STYLE
 ***************************************/

.form-text, .form-select, .form-textarea {
   border: 2px solid #d4d4d4;
   background: #ebf5ff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #363636;
  -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   padding:4px;
   margin-bottom:5px;
}

.form-submit{
   border: 1px solid #154773;
   background: #3670a3;
   background: -webkit-gradient(linear, left top, left bottom, from(#5a97bf), to(#3670a3));
   background: -webkit-linear-gradient(top, #5a97bf, #3670a3);
   background: -moz-linear-gradient(top, #5a97bf, #3670a3);
   background: -ms-linear-gradient(top, #5a97bf, #3670a3);
   background: -o-linear-gradient(top, #5a97bf, #3670a3);
   background-image: -ms-linear-gradient(top, #5a97bf 0%, #3670a3 100%);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #292929 0 1px 0;
   color: #ffffff;
   font-family: helvetica, serif;
   padding: 7px 18px;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
}
   
.form-submit:hover {
   border: 1px solid #154773;
   text-shadow: #292929 0 1px 0;
   background: #5a97bf;
   background: -webkit-gradient(linear, left top, left bottom, from(#73add1), to(#5a97bf));
   background: -webkit-linear-gradient(top, #73add1, #5a97bf);
   background: -moz-linear-gradient(top, #73add1, #5a97bf);
   background: -ms-linear-gradient(top, #73add1, #5a97bf);
   background: -o-linear-gradient(top, #73add1, #5a97bf);
   background-image: -ms-linear-gradient(top, #73add1 0%, #5a97bf 100%);
   color: #fff;
}

.form-submit:active {
   text-shadow: #292929 0 1px 0;
   border: 1px solid #154773;
   background: #205787;
   background: -webkit-gradient(linear, left top, left bottom, from(#3670a3), to(#5a97bf));
   background: -webkit-linear-gradient(top, #3670a3, #205787);
   background: -moz-linear-gradient(top, #3670a3, #205787);
   background: -ms-linear-gradient(top, #3670a3, #205787);
   background: -o-linear-gradient(top, #3670a3, #205787);
   background-image: -ms-linear-gradient(top, #3670a3 0%, #205787 100%);
   color: #fff;
}

#galleriffic #caption {
  margin: 0 20px 15px 0;
}

/***************************************
 *      IMAGE STYLE
 ***************************************/
.ImageLeft {
  float: left;
  margin-right: 5px;
  padding: 3px;
  border: 1px solid #b5cde1;
}

/***************/
/* BREADCRUMBS */
/***************/

.breadcrumb {
   text-align: right;
   margin-bottom: 10px;
   padding: 5px;
}

.breadcrumb a{
   color: #fff;
}

.views-view-grid td {
  vertical-align: top;
  text-align: center;
	border:none;
}

.lcol {
  float:left;
  width:48%;
  margin-right: 0px;
}

.rcol{
  float:right;
  width:49%;
	padding-left: 10px;
	border-left: 1px solid #c9c9c9;
}

#edit-created {
  width: 146px;
}

.sharethis-buttons {
  padding: 10px 0;
}

.submitted {
	font-style:italic;
	text-align:right;
}

#edit-field-nama-value {
  width: 260px;
}

.grid-product-container {
  clear: both;
}

.grid-product {
  padding: 6px 6px 0 6px;
  border-radius: 2px;
}

.product-list {
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 18px 0 0 12px;
  padding: 5px;
  width:197px;
	height:185px;
  border-radius: 2px;
  border: solid 1px #d7d7d7;
  -webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);
}

.product-list img{
  background: #f3f3f3;
  border-radius: 6px;
}

.product-list h5 {
	text-align: center;
}

.overlay-inner h3 {
	color: #eee;
	font-size: 14px;
}

.overlay-inner h4 {
	color: #ffcf68;
	font-size: 14px;
}

#cboxTitle {
  color: #000;
}