@import "shopstyle.css";
@import "js/mlddmenu2.css";
@import "js/bottom.css";
@import "js/skins/tango/skin.css";
@import "js/dcverticalmegamenu.css";
@import "js/jqModal.css?v=1.8.4";
@import "js/supernote.css";
@import "css/banners.css";
@import url(https://fonts.googleapis.com/css?family=Vidaloka);
html {
    font-size: 10px;
}

body {
    margin: 0;
    padding: 0;
    background: #fff;
    text-align: justify;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    font-size: 13px;
    color: #000;
}

a {
    cursor: pointer!important;
}


/*.hyphenate {*/


/*text-align:justify;*/


/*hyphens: auto;*/


/*-webkit-hyphens: auto;*/


/*-ms-hyphens: auto;*/


/*-moz-hyphens: auto;*/


/*}*/

::-webkit-input-placeholder {
    font-style: italic;
    font-size: 11px;
}

::-moz-placeholder {
    font-style: italic;
    font-size: 11px;
}

:-ms-input-placeholder {
    font-style: italic;
    font-size: 11px;
}

input:-moz-placeholder {
    font-style: italic;
    font-size: 11px;
}

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
}

a {
    color: #000;
    text-decoration: none;
}

a:visited {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #737373;
    text-decoration: none;
}

input,
textarea,
select {
    outline: none;
}


/* Input */

#inputArea input[type="text"],
#inputArea textarea {
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 1px #85b1de;
    width: 300px;
    background-color: #EDF2F7;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


/* Start */

#container {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 980px;
    /*border: 1px red solid;*/
}


/*--- pop-upSocialBut ----*/

.pop-upSocialBut {
    margin-top: -140px;
    position: fixed;
    top: 50%;
    transition: 1s;
    opacity: 0;
}

@media all and (max-width: 1070px) {
    .pop-upSocialBut {
        display: none;
    }
}

.pop-upSocialBut-ACTIVE {
    opacity: 1;
}

.pop-upSocialBut > .ico-social-custom {
    left: -40px;
    font-size: 25px;
    float: left;
    clear: left;
}


/*--- Drop & Collapse menu ----*/

.drop_mobi_menu {
    width: 100%;
    height: 300px;
    background-color: #fff;
    position: fixed;
    top: -300px;
    transition: 0.5s;
    z-index: 10001;
    border-bottom: solid #000 1.5px;
}

.drop_mobi_menu.activeDropTopMenu {
    top: 0px;
}

.btn_close_mobi_menu {
    display: table-cell;
    vertical-align: middle;
    font-size: 40px;
    color: #525252;
    cursor: pointer;
}

.drop_mobi_menu .logocity_collapse {
    vertical-align: middle;
}

.drop_mobi_menu .logocity_collapse img {
    height: 60px;
}

.drop_mobi_menu .collapse-menu>ul {
    margin-top: 34px;
    display: block;
    text-align: justify;
}

.collapse-menu strong {
    cursor: pointer;
}

@media screen and (max-width: 1024px) {
    .drop_mobi_menu .collapse-menu-mein {
        text-align: center;
        width: 90px;
    }
    .drop_mobi_menu .collapse-menu {
        width: 100%;
    }
}

.drop_mobi_menu .collapse-menu-pos {
    height: 75%;
    overflow: hidden;
    border-bottom: 0px;
    border-radius: 0px;
    opacity: 1;
    display: block;
}

.drop_mobi_menu .collapse-menu-pos li {
    width: 90px;
    padding: 0px;
    margin: 20px 0px;
    background: #fff;
    transition: 1s;
}

.drop_mobi_menu .drop-menu-pos {
    font: 14px 'Vidaloka';
    font-style: normal;
    display: block;
}


/************* COLLAPSE MENU */

.collapse_menu {
    width: 100%;
    height: 65px;
    background-color: #fff;
    border-bottom: solid 1.5px #000000;
    position: fixed;
    top: -200px;
    transition: .5s;
    z-index: 10000;
    text-align: center;
}


/*.collapse_menu.active_collapse_menu{*/


/*top:0px !important;*/


/*}*/

.wrapCollapse_menu {
    /* text-align: center; */
    margin: 0px auto;
    display: table;
    width: 100%;
    max-width: 960px;
    height: 100%;
}


.subscribe{
    position: relative;
    height: 30px;
    margin: 10px 0;
    text-align: center;
    background-color: #f1f1f1;
}
.subscribe .searchbox{
    position: absolute;
     width: auto;
    height: 30px;
    font-size: 16px;
    color: #50595c;
}
.searchbox_submit-m{
    /*background-color: rgb(195, 195, 195);*/
    position: absolute;
    right: 0px;
    width: 30px;
    height: 30px;
}

/*.btn_dropCollapse {*/


/*display: table-cell;*/


/*vertical-align: middle;*/


/*height: 100%;*/


/*cursor: pointer;*/


/*}*/

.burger {
    /* position: relative; */
    /* vertical-align: middle; */
    display: block;
    /* left: 50px; */
    /* top: 50px; */
    padding: 10px 0px;
    width: 50px;
    height: 45px;
    cursor: pointer;
}

.burger div {
    height: 20%;
    width: 100%;
}

.burger div:nth-child(odd) {
    background-color: #6f6f71;
}

.logocity_collapse {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding-top: 6px;
    cursor: pointer;
}

.logocity_collapse img {
    height: 55px;
}
.search-button-menu {
    font-size: 30px;
    float: left;
    padding: 11px 0px;
}
.collapse-menu {
    display: table;
    height: 100%;
    width: 93%;
    float: left;
    text-align: justify;
}

.collapse-menu-pos {
    width: 100px;
    border-bottom: 1px solid #989898;
    font: 14px 'Vidaloka';
    font-style: normal;
    background: #fff;
    border-radius: 10px;
    display: none;
    opacity: 0;
    transition: 1s;
    position: absolute;
}

.collapse_menu .collapse-menu>ul {
    padding: 14px 0 0;
    display: table-cell;
    vertical-align: middle;
    text-align: justify;
}

.collapse-menu>ul:after {
    width: 100%;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}

.collapse-menu-main {
    width: 90px;
    margin: 0px 10px;
    vertical-align: middle;
    list-style: none;
    display: inline-block;
    text-align: center;
    font: 16px 'Vidaloka';
}

.activeCollapse-menu-pos {
    display: block;
    opacity: 1;
}

.collapse-menu-pos li {
    padding: 5px;
    margin: 10px 0px;
    background: #fff;
    transition: 1s;
}

.collapse-menu-pos li:hover {
    background: #f5f5f5;
}

.collapse-menu-lvl3 {
    display: none;
}

#global_shadow {
    display: none;
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: 0.0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    transition: 1s;
}

.activeGlobal_shadow {
    display: block !important;
    opacity: 0.5 !important;
}

@media screen and (max-width: 1024px) {
    .collapse-menu {
        width: 90%;
    }
}


/*-- pop-up Article and Review --*/


/*div.jqmConfirm3 {*/


/*display: none;*/


/*position: fixed;*/


/*bottom: 10px;*/


/*right: 10px;*/


/*background: none;*/


/*font-family: Arial, Helvetica, sans-serif;*/


/*}*/


/*div.jqmConfirmWindow3 {*/


/*height: auto;*/


/*width: 250px;*/


/*margin: auto;*/


/*background: #fff;*/


/*border: 3px solid #999999;*/


/*-moz-border-radius: 15px;*/


/*-webkit-border-radius: 15px;*/


/*border-radius: 15px;*/


/*padding: 10px;*/


/*}*/


/*div.jqmConfirmContent3 {*/


/*color: #000;*/


/*font: 12px arial;*/


/*margin: 5px;*/


/*letter-spacing: 0px;*/


/*font-weight: normal;*/


/*text-align: left;*/


/*line-height: 16px;*/


/*}*/


/*div.jqmConfirmContent3 h2 {*/


/*font-weight: bold;*/


/*font-family: "Times New Roman", Times, serif;*/


/*color: #000;*/


/*font-size: 16px;*/


/*text-transform: uppercase;*/


/*margin-bottom: 10px;*/


/*}*/

div.jqmConfirmContent3 img {
    height: 170px;
    width: auto;
}

div.jqmConfirmContent3 .text-content {
    float: left;
    /* height: auto; */
    height: auto;
    width: 100%;
}

@media all and (max-device-width: 1024px) {
    div.jqmConfirmContent3 img {
        height: 80px;
        width: auto;
    }
    div.jqmConfirmContent3 .text-content {
        height: 84px;
    }
}

.jqmClose {
    cursor: pointer;
}


/*-- Header mulai --*/

#header {
    margin: 0 0 5px 0;
    height: auto;
    padding: 0px;
}

#header .top {
    float: left;
    width: 100%;
    height: auto;
    color: #c9cacc;
    margin-top: 10px;
    border-bottom: 1px #c9cacc solid;
}

.top a {
    color: #575656;
    text-decoration: none;
}

.top a:visited {
    color: #575656;
    text-decoration: none;
}

.top a:hover {
    color: #000;
    text-decoration: none;
}

.socialnews {
    margin: 10px 0px;
    height: 20px;
    text-align: justify;
}

.socialnews:after {
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}


/*.socialnews a{*/


/*margin: 0px 1%;*/


/*}*/


/*.socialnews img{*/


/*margin: 10px 2px 5px 0;*/


/*}*/

.top .search {
    display: inline-block;
    position: absolute;
    float: left;
    width: 210px;
    height: 24px;
    color: #c9cacc;
    font-size: 11px;
    text-align: left;
}
.top .t-menu table{
    z-index: 2;
    position: relative;
    background: white;
}
.top .t-menu img {
    margin: 2px 2px 0px 0;
}

.top .t-menu {
    display: inline-block;
    float: right;
    max-width: 980px;
    width: 100%;
    height: auto;
    color: #c9cacc;
    font-size: 11px;
    text-align: right;
}

.top .t-menu a.red {
    color: #ff0000;
    text-decoration: none;
}

.top .t-search {
    float: right;
    margin-top: 0px;
    width: auto;
}

.top .t-search img {
    border: none;
    margin-top: 5px;
}

.top .t-search p {
    margin-right: 5px;
}

.top .t-search input,
.top .t-search select {
    border: 1px solid #bbc3c6;
    background-color: #ffffff;
    padding: 2px;
    margin-top: 3px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.top .t-search input.button {
    border: 1px solid #99a5aa;
    background-color: #d3dbdf;
    padding: 1px;
    color: #50595c;
    margin-right: 15px;
    margin-top: 3px;
}

/***********************   search-fild    **************************/
.search-fild{
    position: absolute;
    width: 100%;
    /*max-width: 980px;*/
    top: -150px;
    z-index: 1;
    background: rgba( 255, 255, 255, 0.9);
    display: none;
    opacity: 0;
    transition: 1s;
}
.search-fild .search-bar__input{
    font-family: vidaloka,serif;
    font-size: 32px;
    color: #a7a7a7;
    padding-top: 15px;
    padding-bottom: 19px;
    padding-left: 6%;
    display: block;
    background: none;
    border: none;
    line-height: 1em;
    width: 75%;
    vertical-align: middle;
    outline: none;
}
.search-fild .search-bar__hint{
    display: block;
    margin: 0;
    font-size: 16px;
    padding-right: 3%;
    position: absolute;
    right: 0;
    top: 25px;
    color: #a7a7a7;
    font-family: vidaloka;
}
.search-fild .search-bar__submit{
    right: auto;
    color: #a7a7a7;
    padding: 18px;
    padding-left: 3%;
    left: 0;
    top: 0;
    margin-left: -10px;
    margin-right: 0;
    background: none;
    outline: none;
    border: none;
    font-size: 25px;
    position: absolute;
    cursor: pointer;
}
.wrap-search-but{
    position: relative;
}
.drop-but-search{
    opacity: 1;
    z-index: 1;
    position: absolute;
    cursor: pointer;
}

.drop-but-search-Cansel{
    opacity: 0;
    z-index: 0;
    position: relative;
    cursor: pointer;

}
/***********************   search-fild    ///***********************/
#searchwrapper.search{
    background-image: none;
    width: 100%;
    max-width:375px;
    margin: 0 auto;
}
#searchwrapper .search-bar__submit{
    color: #a7a7a7;
    padding: 18px;
    padding-left: 3%;
    margin-left: -10px;
    margin-right: 0;
    background: none;
    outline: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    float: left;
}
#searchwrapper .search-bar__input{
    font-family: vidaloka,serif;
    font-size: 25px;
    color: #a7a7a7;
    padding-top: 15px;
    padding-bottom: 19px;
    padding-left: 6%;
    display: block;
    background: none;
    border: none;
    line-height: 1em;
    width: 75%;
    vertical-align: middle;
    outline: none;
    float: left;
}





#header .logo {
    float: left;
    margin-top: 5px;
    width: 150px;
    margin-bottom: 5px;
}

#header .tagline {
    position: relative;
    margin: 20px 1% 40px 1%;
    text-align: center;
    width: 98%;
    max-width: 980px;
}

#header .tagline .taglinetxt {
    letter-spacing: 1px;
    font-size: 32px;
    margin-top: 15px;
    letter-spacing: 1px;
    width: 100%;
    font-weight: 500;
    font-family: 'Vidaloka';
}

#header .tagline .burger{
    height: 35px;
    width: 40px;
    float: left;
    display: inline-block;
}

#header .banner {
    float: right;
    margin-top: 15px;
    width: 830px;
}

#header .banner .topbanners {
    margin: 0 auto;
    text-align: center;
    display: block;
}

#header .menu {
    float: left;
    width: 980px;
    height: 30px;
    font-size: 11px;
    color: #fff;
    background: #000;
}

#header .logocity {
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
    position: relative;
}

#header .logocity img {
    width: 150px;
}

.btn_drop_mobi_menu {
    position: absolute;
    left: 0px;
    margin-top: -12px;
    top: 50%;
    cursor: pointer;
}

#header .bannercity {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 35px;
}

#header .bannercity .topbanners {
    margin: 0 auto;
    text-align: center;
    display: block;
}

#header .bannercity .topbanners .banner {
    margin-top: 15px;
    float: none;
    width: auto;
}

.menu ul {
    padding: 0 20px 0 20px;
}

.menu li {
    display: inline;
    padding: 0 65px 0 0;
    list-style: none;
    font-weight: bold;
    text-align: center;
}

#header .menu-city {
    float: left;
    width: 980px;
    height: 50px;
    font-size: 11px;
    color: #000;
    /*border: 1px red solid;*/
}

#header .menu-city .Ctmenu {
    float: left;
}

.menu-city .Ctmenu ul {
    padding: 0;
    margin-top: 30px;
    margin-left: 215px;
    width: 555px;
    left: auto;
    right: auto;
}

.menu-city .Ctmenu li {
    display: inline;
    padding: 0 10px 0 0;
    list-style: none;
    font-weight: bold;
    text-align: center;
}

.menu-city .ctsearch {
    padding: 0;
    margin-top: 25px;
    width: auto;
    float: right;
}

.menu-city .ctsearch input,
.menu-city .ctsearch select {
    border: 1px solid #bbc3c6;
    background-color: #ffffff;
    padding: 2px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.menu-city .ctsearch input.button {
    border: 1px solid #99a5aa;
    background-color: #d3dbdf;
    padding: 1px;
    color: #50595c;
}


/* akhir header */


/* Body */

#body1 {
    margin: 0;
    width: 100%;
    max-width: 980px;
    padding: 0px;
}

#body1 .kiri {
    float: left;
    width: 33%;
}

.strip_blank {
    padding: 5px;
}

#body1 .tengah {
    float: left;
    margin-left: 17px;
    width: 66%;
}


/*#body1 .tengah img:first-child{*/


/*width: 100%;*/


/*}*/


/*.breadcrump + img{*/


/*width: 100%;*/


/*}*/

#body1 .tengah a {
    color: #333333;
    text-decoration: none;
}

#body1 .tengah a:hover {
    color: #000000;
    text-decoration: none;
}

#body1 .tengah .myEditor a {
    color: #8e4265;
    text-decoration: none;
}

#body1 .tengah .myEditor a:hover {
    color: #000000;
    text-decoration: none;
}

#body1 .tengah .articleSpacing {
    color: #333333;
}

.reviewSpacing {
    color: #333333;
}
/*******/
.preloader-listicle{
    height: 2500px;
    width: 100%;
    background-color: white;
    position: fixed;
    z-index: 99999;
}
.buttons-listicles{
    height: 50px;
    padding: 7.5px 0;
    text-align: center;
}
.text-ContinueReading{
    text-align: center;
    display: block;
    color: purple;
    font: 20px arial;
}
#body1 .tengah .text-ContinueReading a{
    color: purple;
    font: 20px arial;
}


.buttons-listicles div{
    color: white;
    background-color: black;
    height: 100%;
    width: 30%;
    display: inline-block;
    vertical-align: middle;
    line-height: 44px;
    border-radius: 3px;
}
#body1 .tengah .buttons-listicles div a{
    color: white;
    font-size: 18px;
    font-weight: 600;
    height: 100%;
    width: 100%;
    display: block;
}
.buttons-listicles .info-pages-listicles{
    background-color: transparent;
    color: black;
    vertical-align: inherit;.
    min-width: 80px;
    width: 10%;
    font-size: 18px;
    font-weight: 600;
    min-width: 70px;
}
.buttons-listicles .gray-but-listicles{
    background-color: #e2e2e2;
}
.buttons-listicles .gray-but-listicles a{
    pointer-events: none;
}
/********/
.articleSpacing a,
.articleSpacing_recive a,
.reviewSpacing a {
    color: #8e4265;
}

.articleSpacing a:hover,
.articleSpacing_recive a:hover,
.reviewSpacing a:hover {
    color: #000000 !important;
}

#body1 .tengah .articleSpacing_recive {
    color: #333333;
    width: 100%;
    max-width: 330px;
    float: left;
}

#body1 .tengah .articleSpacing_recive_right {
    color: #333333;
    width: 155px;
    float: left;
    padding-left: 35px;
    position: relative;
    top:-25px;
}

#body1 .tengah .articleSpacing ol {
    padding: 0;
    margin: 0;
}

#body1 .tengah .articleSpacing ul {
    padding: 0;
    margin: 0;
    list-style: outside;
}

#body1 .tengah .articleSpacing ol li,
#body1 .tengah .articleSpacing ul li {
    list-style-position: outside;
    display: block;
}

#body1 .tengah .articleSpacing_recive_right ul,
#body1 .tengah .articleSpacing_recive_right ol {
    padding: 0;
    margin: 0;
    list-style: outside;
}

#body1 .tengah .articleSpacing_recive_right ul li,
#body1 .tengah .articleSpacing_recive_right ol li {
    list-style-position: outside;
}

#body1 .tengah .tit_recive {
    margin-bottom: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    width: 330px;
    float: left;
    color: #000000;
}

#body1 .tengah .tit_recive p {
    margin-bottom: 0;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    width: 330px;
    float: left;
    color: #666666;
    margin: 0;
}

#body1 .tengah .tit_recive_right {
    margin-bottom: 0;
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: bold;
    width: 155px;
    float: right;
    padding-left: 35px;
    color: #828282;
    position: relative;
    top: -35px;
}

#body1 .tengah h1 {
    margin: 30px 0px 10px 0px;
    padding: 0;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
    font-size: 16px;
}

#body1 .tengah h2,
#body1 .tengah h4 {
    /*margin-top: 30px;*/
}

#body1 .tengah .jeda {
    height: 25px;
}

.jeda_lebar {
    height: 120px;
}

#body1 .tengah .Ctmenu {
    padding: 0;
    font-size: 11px;
    margin-bottom: 7px;
    margin-top: 10px;
}

#body1 .tengah .Ctmenu ul {
    padding: 0;
    width: 555px;
    left: auto;
    right: auto;
    margin: 0;
}

#body1 .tengah .Ctmenu li {
    display: inline;
    padding: 0 10px 0 0;
    list-style: none;
    font-weight: bold;
    text-align: center;
}

#body1 .tengah h4 {
    margin: 0;
    padding: 0;
    color: #888888;
    font-family: "Times New Roman", Times, serif;
    font-size: 18px;
}

#body1 .tengah h3 {
    margin: 0;
    padding: 0;
    font-family: "Times New Roman", Times, serif;
    font-size: 18px;
}

#body1 .tengah small {
    font-size: 11px;
    color: #666666;
    margin-top: 5px;
}

#body1 .tengah .small {
    font-size: 12px;
    color: #666666;
    margin-top: 20px;
}

#body1 .tengah h2 {
    margin: 0;
    text-align: left;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
    font-size: 16px;
    margin-bottom: 10px;
}
#body1 .tengah .list_review .titlesCities{
    clear: left;
    text-align: center;
    letter-spacing: 1px;
    font-size: 32px;
    height:45px;
    padding: 35px 0px 15px 0px;
    letter-spacing: 1px;
    width: 100%;
    font-weight: 500;
    font-family: 'Vidaloka';
}

#body1 .tengah input,
#body1 .tengah textarea {
    margin-top: 10px;
    border: 1px solid #cecece;
    padding: 2px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#body1 .tengah textarea {
    margin-top: 0px;
    padding: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#body1 .tengah input[type=submit] {
    margin-top: 10px;
    border: 1px solid #2d2b2c;
    padding: 1px;
    color: #FFFFFF;
    background: #2d2b2c;
    cursor: pointer;
}

#body1 .tengah .fav {
    border-bottom: 1px dotted #999999;
    margin: 0 0 5px;
    text-align: right;
    font-size: 10px;
}

#body1 .tengah .fav img {
    padding: 0 2px 0 30px;
    border: 0;
}

#body1 .tengah .favorite {
    border-bottom: 1px dotted #999999;
    padding-bottom: 2px;
    margin: 20px 0px;
    position: relative;
}

.tengah ul#tabnav {
    text-align: right;
    margin: 0;
    font: bold 10px verdana, arial, sans-serif;
    border-bottom: 1px solid #ccc;
    list-style-type: none;
    padding: 3px 0px 3px 0px;
}

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

.tengah ul#tabnav li a {
    padding: 3px;
    border: 1px solid #ccc;
    background-color: #ddd;
    color: #666;
    margin-right: 0px;
    text-decoration: none;
    border-bottom: none;
    font-size: 10px;
}

.tengah .formbox_left {
    width: 170px;
    float: left;
    margin-bottom: 10px;
}

.tengah .formbox_right {
    width: 250px;
    float: left;
    margin-bottom: 10px;
    text-align: left;
}

#body1 .tengah .formbox_right input,
#body1 .tengah .formbox_right select {
    margin-top: 0px;
    border: 1px solid #cecece;
    padding: 2px;
    width: 99%;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#body1 .tengah .formbox_right .button {
    margin-top: 10px;
    border: 1px solid #2d2b2c;
    padding: 2px 10px;
    color: #FFFFFF;
    background: #2d2b2c;
    cursor: pointer;
    width: auto;
}

.tengah #tab_content {
    border: 1px solid #ccc;
    padding: 10px 5px;
}

.tengah #tab_content.articles-list {
    border: 0px;
}

.tengah #tab_content2 {
    border: 1px solid #ccc;
    border-top: none;
    padding: 10px;
}


/*#body1 .tengah ol {	margin: 0;	padding: 0;	list-style: none;}*/

#body1 .tengah .classified_list {
    border-top: 1px dotted #CCCCCC;
}

#body1 .tengah .classified_list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#body1 .tengah .classified_list ul li {
    border-bottom: 1px dotted #CCCCCC;
    margin-top: 20px;
    padding-bottom: 15px;
}

.loginfirst {}

#body1 .tengah .eventList,
#body1 .tengah .eventList2 {
    margin-top: 5px;
}

#body1 .tengah .classified_list a,
#body1 .tengah .eventList a,
#body1 .tengah .eventList2 a,
#body1 .tengah .eventList a,
.myPages a,
.tengah #tab_content a,
.tengah #tab_content2 a {
    color: #8e4265 !important;
}

.tengah #tab_content .list_article a {
    color: #333333 !important;
}

.tengah #tab_content .list_article a:hover {
    color: #000000 !important;
}

#body1 .tengah .eventList .eventDate {
    border-top: 2px solid #CCCCCC;
    border-bottom: 1px dotted #CCCCCC;
    background: #f1f1f1;
}

#body1 .tengah .eventList .eventDate h2 {
    margin: 0;
    padding: 0;
}

#body1 .tengah .eventList ul {
    margin: 0;
    padding: 15px 0;
    list-style: none;
}

#body1 .tengah .eventList ul li {
    margin-bottom: 5px;
}

#body1 .tengah .eventList2 .eventDate2 {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px dotted #CCCCCC;
    background: #f1f1f1;
}

#body1 .tengah .eventList2 .eventDate2 h4 {
    padding: 0;
    font-size: 14px;
    margin: 0;
}

#body1 .tengah .eventList2 ul {
    margin: 0;
    padding: 10px 0;
    list-style: none;
}

#body1 .tengah .eventList2 ul li .rf_kiri {
    width: 90px;
    float: left;
}

#body1 .tengah .eventList2 ul li .rf_kiri2 {
    width: 60px;
    height: 60px;
    float: left;
}

#body1 .tengah .eventList2 ul li .rf_kiri img {
    border: 1px solid #CCCCCC;
    padding: 2px;
}

#body1 .tengah .eventList2 ul li .rf_kiri2 img {
    border: 0;
    padding: 0;
}

#body1 .tengah .eventList2 ul li .rf_kanan {
    width: 100%;
    max-width: 400px;
    float: left;
}

#body1 .tengah .eventList ul li a.maroon:link,
#body1 .tengah .eventList2 ul li a.maroon:link,
#body1 .tengah .eventList ul li a.maroon:visited,
#body1 .tengah .eventList2 ul li a.maroon:visited {
    color: #333333;
}

#body1 .tengah .eventList ul li a.maroon:hover,
#body1 .tengah .eventList2 ul li a.maroon:hover {
    color: #333333;
}

#body1 .tengah .eventList ul li a.small:link,
#body1 .tengah .eventList2 ul li a.small:link,
#body1 .tengah .eventList ul li a.small:visited,
#body1 .tengah .eventList2 ul li a.small:visited {
    color: #91918f;
}

#body1 .tengah .eventList ul li a.small:hover,
#body1 .tengah .eventList2 ul li a.small:hover {
    color: #333333;
}

#body1 .tengah #event_style {
    border-top: 2px solid #ccc;
    padding: 5px 10px;
    background-color: #f6f6f6;
}

#body1 .tengah #event_style a {
    color: #3B5998;
    cursor: pointer;
    text-decoration: none;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    text-align: left;
}

#body1 .tengah #event_style img {
    border: none;
}

#body1 .tengah .favorite .like img,
#body1 .tengah .favorite .rating img {
    border: 0;
    padding-left: 5px;
}

#body1 .tengah .comment {}

#body1 .tengah .comment h2 {
    margin: 0;
    text-align: left;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
    font-size: 16px;
    margin-bottom: 10px;
}

#body1 .tengah .comment label {
    font-weight: bold;
    margin: 0;
}

#body1 .tengah .comment .security {
    margin: 0;
    padding: 0;
}

#body1 .tengah .comment .security img {
    border: 1px solid #CCCCCC;
}

#body1 .tengah .related {
    width: 100%;
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
}

#body1 .tengah .related h2 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
    font-size: 16px;
}

#body1 .tengah .related img {
    margin: 0 10px 0 0;
    padding: 2px;
    border: 1px solid #737373;
}

#body1 .tengah .related .kirimr {
    float: left;
    width: 48%;
    height: auto;
    min-height: 306px;
    margin-top: 15px;
}

#body1 .tengah .related .kirimr:nth-child(2n) {
    margin-right: 2%;
}



#body1 .tengah .related .kirimr>a>img {
    width: 50%;
}

#body1 .tengah .related .kirimr>div {
    display: inline-block;
    height: auto;
    overflow: hidden;
}

#body1 .tengah .related .kirimr small a {
    color: #999999;
}
#body1 .tengah .related .kirimr .text-relatedReview{
    height: 73px;
}
#body1 .tengah .related .kirimr .text-reatedArticles{
    height: 73px;
}

#body1 .tengah .related .kananmr {
    float: right;
    width: 260px;
    height: 20px;
}

#body1 .tengah .whois {
    width: 100%;
    text-align: justify;
    padding-bottom: 10px;
    margin: 10px 0;
    padding-top: 10px;
}

#body1 .tengah .whois h2 {
    text-align: center;
}

#body1 .tengah .whois:after {
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}

#body1 .tengah .whoish2 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
    font-size: 16px;
}

#body1 .tengah .whois center {
    margin: 0 auto;
}

#body1 .tengah .whois .icon {
    vertical-align: top;
    display: inline-block;
    margin-top: 5px;
    padding: 15px 0px;
    width: 19%;
    right: auto;
    left: auto;
    /*height: 150px;*/
    /*background: url(images/whois.gif) center top no-repeat;*/
}

#body1 .tengah .whois img {
    padding: 0px;
    border-radius: 50%;
    width: 85%;
    height: auto;
}

#body1 .tengah .whois .icon p {
    margin: 10px 0px;
    padding: 0;
    /*width: 95px;*/
    text-align: center;
}

#body1 .tengah .whois .icon p small {
    font-size: 12px;
}

#body1 .tengah .lines {
    border-bottom: 1px dotted #999999;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#body1 .tengah .comment {}

#body1 .tengah .list_article {
    margin: 0;
    padding: 0;
}

#body1 .tengah .list_review {
    margin: 0;
    padding: 10px;
    margin-top: 10px;
    padding-top: 20px;
    border-top: 5px solid #eee;
}

#body1 .tengah .list_review h3 {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
}

#body1 .tengah .back {
    margin: 0;
    font-size: 12px;
    color: #1d3456;
    padding-top: 5px;
}

#body1 .tengah .back img {
    border: 0;
}

#body1 .tengah .list_comment {
    margin: 0;
    padding: 0;
}

#body1 .tengah .list_comment h2 {
    margin: 0;
    padding: 0;
}

#body1 .tengah .list_comment {
    margin: 0;
    padding: 10px;
    border: 1px solid #cccccc;
}

#body1 .tengah .list_comment ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#body1 .tengah .list_comment ul li {
    padding: 20px 0 5px 0;
    border-bottom: 1px dotted #CCCCCC;
    text-align: left;
}

#body1 .tengah .list_comment ul li h3 {
    font-size: 12px;
}

#body1 .tengah .list_comment ul li .img {
    border: 2px solid #CCCCCC;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

#body1 .tengah .list_comment ul li .padTop {
    margin-top: 10px;
}

#body1 .tengah .list_comment ul li .commProfile {
    float: left;
    background: #f5f5f5;
    width: 80px;
    padding: 10px;
    text-align: center;
    border: 1px solid #CCCCCC;
    margin-right: 20px;
}

#body1 .tengah .list_comment ul li .commProfile img {
    border: 1px solid #CCCCCC;
}

#body1 .tengah .list_comment ul li .commText {
    float: left;
    width: 350px;
}

.commentpanel {
    margin-left: 0px;
    margin-right: 0px;
    display: none;
}


/*#body1 .tengah .list_article ul{	margin: 0;	padding: 0;	list-style: none;}#body1 .tengah .list_article ul li{	padding: 20px 0 5px 0;	border-bottom: 1px dotted #CCCCCC;	text-align: left;}#body1 .tengah .list_article ul li h3{	font-size: 12px;}#body1 .tengah .list_article ul li .img{	border: 2px solid #CCCCCC;	float: left;	margin-right: 15px;	margin-bottom: 15px;}#body1 .tengah .list_article ul li .padTop{	margin-top: 10px;}#body1 .tengah .list_article ul li .commProfile{	float: left;	background: #f5f5f5;	width: 80px;	padding: 10px;	text-align: center;	border: 1px solid #CCCCCC;	margin-right: 20px;}#body1 .tengah .list_article ul li .commProfile img{	border: 1px solid #CCCCCC;}#body1 .tengah .list_article ul li .commText{	float: left;	width: 410px;}*/

#body1 .tengah .donate {
    padding: 10px;
    border: 1px dotted #CCCCCC;
    background: #f8fbfc;
    font-size: 10px;
}

#body1 .tengah .donate img {
    border: 0;
}

#body1 .tengah .list_article ul,
#body1 .tengah .list_review ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#body1 .tengah .list_article ul li .commProfile,
#body1 .tengah .list_review ul li .commProfile {
    float: left;
    background: #f5f5f5;
    width: 80px;
    padding: 10px;
    text-align: center;
    border: 1px solid #CCCCCC;
    margin-right: 20px;
}

#body1 .tengah .list_article ul li .commProfile img,
#body1 .tengah .list_review ul li .commProfile img {
    border: 1px solid #CCCCCC;
}

#body1 .tengah .list_article ul li .commText,
#body1 .tengah .list_review ul li .commText {
    float: left;
    width: 410px;
}

#body1 .tengah .list_article .bag,
#body1 .tengah .list_review .bag {
    overflow: hidden;
    height: 280px;
    float: left;
    width: 46%;
    padding: 2%;
}

#body1 .tengah.watch-videos .list_article .bag,
#body1 .tengah.watch-videos .list_review .bag {
    height: 225px;
}

#body1 .tengah .list_article .bag,
#body1 .tengah .list_review .bag:nth-child(odd) {
    float: left;
}

.title-rewItem {
    padding: 0px 5px 0px 0px;
}
.text-rewItem {
    height: 53px;
    overflow: hidden;
}
.title-rewItem strong {
    font-size: 14px;
}
.title-rewItem strong span {
    color: gray;
}

.img-rewItem,
.img-rewItemMain {
    width: 100%;
}

.img-rewItem img,
.img-rewItemMain img {
    width: 100%;
}


/*videoThumPlay*/

.img-rewItemMain {
    position: relative;
    z-index: 2;
}

.title-rewItemMain {
    position: relative;
    left: 5%;
}

.text-rewItemMain {
    word-break: break-all;
    text-align: center;
    position: relative;
    left: 10%;
}

#body1 .tengah h5 {
    text-align: left;
    color: #000;
    font-size: 14px;
    margin: 0 0 10px;
}

#body1 .tengah .list_article .bag ul,
#body1 .tengah .list_review .bag ul {
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
    text-align: center;
}

#body1 .tengah .list_article .bag ul li,
#body1 .tengah .list_review .bag ul li {
    width: 95%;
    font-size: 15px;
    font-weight: bold;
    list-style: none;
}

#body1 .tengah .list_article .bag ul li a.big,
#body1 .tengah .list_review .bag ul li a.big {
    color: #000000;
}

#body1 .tengah .list_article .bag ul li a.big:hover,
#body1 .tengah .list_review .bag ul li a.big:hover {
    color: #aaaaaa;
}

#body1 .tengah .list_article .bag .isibag,
#body1 .tengah .list_review .bag .isibag {
    width: 95%;
    list-style: none;
    text-align: left;
    margin: 10px 0;
    height: 102px;
    overflow: hidden;
    font-size: 12px;
}

#body1 .tengah .list_article .bag .isibag img,
#body1 .tengah .list_review .bag .isibag img {
    border: 1px solid #CCCCCC;
    float: left;
    margin-right: 10px;
}

#body1 .tengah .list_article .bag .isibag a.big,
#body1 .tengah .list_review .bag .isibag a.big {
    color: #000000;
}

#body1 .tengah .list_article .bag .isibag a.big:hover,
#body1 .tengah .list_review .bag .isibag a.big:hover {
    color: #aaaaaa;
}

#body1 .tengah .list_article .bag ul li img,
#body1 .tengah .list_review .bag ul li img {
    border: 1px solid #ddd;
}

#body1 .tengah .list_article .bag ul li ol,
#body1 .tengah .list_review .bag ul li ol {
    margin: 0;
    padding: 0;
    padding-left: 20px;
    width: 100%;
}

#body1 .tengah .list_article ol,
#body1 .tengah .list_review ol {
    margin: 0;
    padding: 0;
    padding-left: 30px;
    width: 100%;
}

#body1 .tengah .list_article .bag ul li ol li,
#body1 .tengah .list_article ol li,
#body1 .tengah .list_review .bag ul li ol li,
#body1 .tengah .list_review ol li {
    list-style-image: url(images/listLili.gif);
    font-weight: normal;
    font-size: 12px;
    width: 100%;
}

#body1 .tengah .rsvp {
    border: 1px solid #cacaca;
    padding: 10px !important;
}

#body1 .tengah .rsvp .title {
    border-bottom: 1px dotted #cacaca;
    padding: 5px;
    font-weight: bold;
    font-size: 16px;
}

#body1 .tengah .rsvp input,
#body1 .tengah .rsvp select {
    margin: 0 !important;
    border: 1px solid #d0ccc9;
    font-weight: normal;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#body1 .tengah .event_photo {
    width: 163px;
    float: left;
    margin-right: 10px;
    text-align: left;
    color: #999999;
    font-size: 11px;
}

#body1 .tengah .event_photo img {
    width: 80px;
    float: left;
    margin-right: 7px;
    margin-bottom: 15px;
    border: 1px solid #CCCCCC;
}

#body1 .kanan {
    float: right;
    width: 30.7%;
}


/*#body1 .kanan .ctsearch, #body2 .kanan .kanansearch{	text-align: right;}#body1 .kanan .ctsearch input, #body1 .kanan .ctsearch select, #body2 .kanan .kanansearch input, #body2 .kanan .kanansearch select{	border: 1px solid #bbc3c6;	background-color: #ffffff;	padding: 2px;	margin-bottom: 15px;	font-size: 11px;	margin-top: 32px;}#body2 .kanan .kanansearch input, #body2 .kanan .kanansearch select{	margin-top: 20px;}#body1 .kanan  .ctsearch input.button, #body2 .kanan  .kanansearch input.button{	border: 1px solid #99a5aa;	background-color: #d3dbdf;	padding: 1px;	color: #50595c;}*/

#navigation {
    width: 100%;
    max-width: 208px;
    font-size: 12px;
    margin-top: 25px;
}

#navigation h2,
#navigation h1 {
    margin: 0;
    text-align: left;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
    font-size: 16px;
}


/*#navigation ul {	margin:0px;	padding:0px;	margin-left: -2px;	margin-bottom: 10px;}#navigation ul li {	height:25px;	line-height:25px;	list-style:none;	padding-left:2px;	color:#FFF;	border-top:#fff solid;	border-bottom:#fff solid;	border-width:1px;	cursor:pointer;	font-style: thin;}#navigation #mline {	padding: 5px;	height:1px;	margin: 0;}#navigation ul li:hover {	background-color:#eee;	position:relative;}*/

#navigation ul .active {
    background-color: #eee;
    position: relative;
}


/*#navigation ul li a {	display: block;}*/

#header .navig_user {
    margin-top: 30px;
    float: left;
    width: auto;
}

#nav_user {
    width: 208px;
    font-size: 12px;
}

#nav_user h2 {
    margin: 0;
    text-align: left;
    font-weight: bold;
    font-family: Tahoma;
    color: #000;
    font-size: 14px;
}

#nav_user ul {
    margin: 0px;
    padding: 0px;
}

#nav_user ul li {
    height: 25px;
    line-height: 25px;
    list-style: none;
    padding-left: 10px;
    color: #FFF;
    border-top: #fff solid;
    border-bottom: #fff solid;
    border-width: 1px;
    cursor: pointer;
    font-style: thin;
    color: #000;
}

#nav_user ul li:hover {
    background-color: #eee;
    position: relative;
}

#ads_r {
    width: 208px;
}

#ads_r .newads {
    margin: 5px 0;
    height: 15px;
    border-bottom: 1px solid #737373;
    text-align: right;
}

#ads_r h3 {
    margin: 0;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
}

#ads_r img {
    padding-right: 10px;
}

#ads_r .ads {
    margin-top: 5px;
    padding-bottom: 10px;
    font-size: 11px;
    text-align: left;
    color: #000;
    border-bottom: 1px solid #737373;
}

#ads_r .ads2 {
    margin-top: 5px;
    padding-bottom: 10px;
    font-size: 11px;
    text-align: left;
    color: #000;
}


/* Body level 2 */

#body2 {
    display: inline-block;
    width: 100%;
    max-width: 980px;
    margin-top: 0px;
    padding: 0px;
}

#body2 .kiri .statement,
#body2 .statement {
    border-top: 5px solid #e0e0e0;
    border-bottom: 5px solid #e0e0e0;
    height: 110px;
    text-align: center;
    padding: 7px 0 30px 0;
    font-size: 18px;
    color: #000000;
}

.statement .fsatu {
    font-size: 30px;
    color: #000;
}

.statement .fdua {
    font-size: 25px;
    color: #000;
}

.statement .ftiga {
    font-size: 20px;
    color: #000;
}

.statement .fempat {
    font-size: 30px;
    font-weight: normal;
}

#body2 .kiri .skiri,
#body2 .kanan .skiri {
    float: left;
    width: 210px;
}

#body1 .kiri .skiri h2,
#body2 .kiri .skiri h2,
#body1 .kanan .skiri h2,
#body2 .kanan .skiri h2 {
    margin: 0;
    padding-top: 20px;
    text-align: left;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
}

#body1 .kiri .skiri .shoptop,
#body2 .kiri .skiri .shoptop,
#body1 .kanan .skiri .shoptop,
#body2 .kanan .skiri .shoptop {
    margin: 0;
    text-align: center;
    color: #000;
}

#body1 .kiri .top10,
#body1 .skiri .top10,
#body1 .kanan .top10 {
    margin: 20px 0 15px 0;
    text-align: left;
    color: #000;
    width: 100%;
}

#body1 .kiri .top10 .blackTitle,
#body1 .skiri .top10 .blackTitle,
#body1 .kanan .top10 .blackTitle {
    background-color: #000000;
    padding: 10px;
    color: #FFFFFF;
}

#body1 .kiri .top10 .blackTitle h2,
#body1 .skiri .top10 .blackTitle h2,
#body1 .kanan .top10 .blackTitle h2 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #FFFFFF;
    font-size: 13px;
}

#body1 .kiri .top10 ul,
#body1 .skiri .top10 ul,
#body1 .kanan .top10 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

#body1 .kiri .top10 ul li,
#body1 .skiri .top10 ul li,
#body1 .kanan .top10 ul li {
    height: 70px;
    background: url(images/top10.gif) top left no-repeat;
    border-bottom: 1px dotted #858988;
}

#body1 .kiri .top10 ul #default,
#body1 .skiri .top10 ul #default,
#body1 .kanan .top10 ul #default {
    height: 70px;
    background: url(images/top10_hover.gif) top left no-repeat;
}

#body1 .top10 ul li .tkiri,
#body1 .skiri .top10 ul li .tkiri#body1 .kanan .top10 ul li .tkiri {
    width: 27px;
    float: left;
    text-align: center;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
}

#body1 .top10 ul li .tkiri p,
#body1 .skiri .top10 ul li .tkiri p,
#body1 .kanan .top10 ul li .tkiri p {
    padding-top: 25px;
    margin: 0;
}

#body1 .top10 ul li .ttgh,
#body1 .skiri .top10 ul li .ttgh#body1 .top10 ul li .ttgh {
    float: left;
    width: 96px;
}

#body1 .top10 ul li .ttgh img,
#body1 .skiri .top10 ul li .ttgh img {
    border: 2px solid #cccccc;
    margin: 6px 8px 0 6px;
}

#body1 .top10 ul li .tknn,
#body1 .skiri .top10 ul li .tknn,
#body1 .kanan .top10 ul li .tknn {
    /*float: left;*/
}

#body1 .top10 ul li .tknn p,
#body1 .skiri .top10 ul li .tknn p,
#body1 .kanan .top10 ul li .tknn p {
    padding-top: 7px;
    margin: 0;
}

#body1 .kiri .skiri .shopslide,
#body2 .kiri .skiri .shopslide,
#body1 .kanan .skiri .shopslide,
#body2 .kanan .skiri .shopslide {
    margin-top: 0;
    padding-top: 0;
    width: 195px;
    height: 190px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    font-family: "Times New Roman", Times, serif;
    border: 1px solid #fff;
    background-color: #fff;
}

#body1 .adsgoogle {
    margin-top: 10px;
}

#body2 .skanan {
    float: right;
    margin-top: 5px;
    width: 535px;
    min-height: 626px;
}

#body2 .skanan .trecent {
    float: left;
    width: 250px;
}

#body2 .skanan .treview {
    float: left;
    width: 250px;
}

#body2 .skanan .tblat {
    float: left;
    width: 15px;
}

#body2 .skanan h2 {
    margin: 0;
    text-align: left;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
    margin-top: 10px;
}

#body2 .skanan .latest {
    margin-top: 10px;
    text-align: justify;
    color: #000;
}

#body2 .skanan .latest .lastbg {
    float: left;
    width: 275px;
}

#body2 .skanan .latest .lastbg2 {
    float: left;
    width: 255px;
}

#body2 .skanan .latest img {
    margin: 0 10px 2px 0;
}

#body2 .skanan .latest .kat {
    color: #848687;
    font-size: 10px;
}

#body2 .skanan .latest .judul {
    margin: 0;
    color: #000;
    font-size: 15px;
}

#body2 .skanan .latest .oleh {
    color: #000;
    font-size: 11px;
    margin-bottom: 10px;
}

#body2 .skanan .latest .foot {
    color: #8e8d8c;
    font-size: 12px;
    margin-top: 10px;
}

#body2 .skanan .trecent .most-read,
#body2 .skanan .treview .most-read {
    width: 260px;
    text-align: left;
}

#body2 .skanan .trecent .most-read img,
#body2 .skanan .treview .most-read img {
    margin: 0 10px 0 0;
    padding: 2px;
}

#body2 .skanan .trecent .most-readmr,
#body2 .skanan .treview .most-read .kirimr {
    float: left;
    margin-top: 10px;
    width: 260px;
}

#body2 .skanan .most-read .kananmr {
    float: right;
    width: 260px;
    height: 20px;
}

#body2 .kiri-grs {
    width: 755px;
    border-bottom: 5px solid #e0e0e0;
}

#body2 .yt-lifes,
#body2 .yt-lifes {
    width: 980px;
    margin-top: 0px;
}

#body2 .yt-lifes h2,
#body2 .yt-lifes h2 {
    margin: 0;
    padding-top: 20px;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
}

#body2 .yt-lifes .ytl,
#body2 .yt-lifes .ytl {
    float: left;
    margin-top: 10px;
    padding: 0;
    width: 191px;
    margin-right: 6px;
}

#body2 .yt-lifes p,
#body2 .yt-lifes p {
    margin-top: 5px;
    padding: 0;
    width: 145px;
    text-align: center;
    font-weight: bold;
}

#body2 .yt-lifes img,
#body2 .yt-lifes img {
    border: 0;
    padding: 0 2px;
}

#body2 .yt-lifes .ytl-end,
#body2 .yt-lifes .ytl-end {
    float: left;
    margin-top: 10px;
    width: 120px;
    padding: 0;
    margin-right: 0px;
}

#body2 .yt-lifes .ytl-end,
#body2 .yt-lifes .ytl-end img,
.ytl img {
    width: 191px;
    height: 149px;
}

#body2 .top-yte {
    width: 755px;
    height: 200px;
    margin-top: 0px;
    overflow: none;
}

#body2 .top-yte h2 {
    margin: 0;
    padding-top: 20px;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
}

#body2 .top-yte center {
    margin: 0 auto;
}

#body2 .top-yte .icon {
    float: left;
    margin-top: 5px;
    padding: 15px;
    width: 121px;
    right: auto;
    left: auto;
    height: 150px;
    background: url(images/bg-editor.png) center top no-repeat;
}

#body2 .top-yte img {
    padding: 2px;
}

#body2 .top-yte .icon p {
    margin-top: 5px;
    padding: 0;
    width: 100px;
    text-align: center;
}


/* news */

#body2 .news {
    float: left;
    margin-top: 0px;
    width: 370px;
}

#body2 .news h3 {
    margin: 0;
    padding-top: 10px;
    text-align: left;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
}

#body1 h3 {
    margin: 0;
    padding-top: 10px;
    text-align: left;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
    font-size: 18px;
}

#body2 .news h2 {
    margin: 0;
    padding-top: 10px;
    text-align: left;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
}

#body2 .news ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 12px;
    border-top: 1px dotted #CCCCCC;
}

#body2 .news ul li {
    margin-left: 5px;
    text-align: justify;
    color: #000;
    border-bottom: 1px dotted #CCCCCC;
    padding: 5px 0;
}

#body2 .news ul li:hover {
    background: #f3f3f3;
}

#body2 .news ul li em {
    font-family: "Times New Roman", Times, serif;
}

#body2 .news ul li p {
    color: #666666;
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-weight: bold;
}

.quote_box {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
}

.quote_text {
    text-align: left;
    padding-left: 10px;
}

.skiri .quote_text {
    text-align: left;
    padding-left: 0px;
}

.quote_text_1 {
    margin-right: 5px;
}

.quote_text_2 {
    margin-left: 5px;
}

.quote_text small {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
}

#body2 .fun {
    float: right;
    margin-top: 0px;
    width: 370px;
}

#body2 .fun h3 {
    margin: 0;
    padding-top: 10px;
    text-align: left;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
}

#body2 .fun h2 {
    margin: 0;
    padding-top: 10px;
    text-align: left;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
}

#body2 .fun .foto {
    float: left;
    width: 122px;
    margin-top: 13px;
}

#body2 .fun .foto p {
    padding: 0;
    margin: 0;
    text-align: center;
    width: 70px;
    font-size: 11px;
    color: #737373;
}

#body2 .fun .foto img {
    padding-left: 10px;
}

#body2 .kanan {
    padding-bottom: 10px;
    width: 100%;
}

.ads-medium {
    z-index: 9999;
    margin-top: 4px;
}

#body2 .kanan .searchForm {
    margin-top: 15px;
}

#body2 .kanan h2,
#body1 .kanan h2 {
    margin: 0;
    padding-top: 10px;
    text-align: left;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
    font-size: 16px;
}

#body1 .kanan .shopslide {
    margin-top: 0;
    padding-top: 5px;
    width: 195px;
    height: 190px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    font-family: "Times New Roman", Times, serif;
}

#body2 .kanan .event {
    margin: 0;
    padding-top: 5px;
    border-bottom: 5px solid #e0e0e0;
}

#body1 .kanan .event2 {
    margin: 0;
    padding: 20px 0 10px 0;
    margin-bottom: 20px;
    border-bottom: 5px solid #e0e0e0;
}

#body12 .kanan .event2 .more {
    text-align: right;
}

#body1 .kanan .event2 .sdfun {
    width: 100px;
    height: 115px;
    float: left;
}

#body1 .kanan .event2 .sdfun2 {
    width: 100px;
    height: 115px;
    float: right;
}

#body1 .kanan .event2 .sdfun,
#body1 .kanan .event2 .sdfun2 {
    margin: 0px 5% 15px 5%;
}

#body1 .kanan .event2 .sdfun p,
#body1 .kanan .event2 .sdfun2 p {
    margin: 0;
    color: #737373;
}

#body2 .kanan .event .event-list,
#body1 .kanan .event2 .event-list {
    padding: 5px 0 5px 0;
    border-bottom: 1px solid #737373;
    text-align: left;
    font-weight: bold;
    color: #000;
}

#body2 .kanan .event .event-list-end,
#body1 .kanan .event2 .event-list-end {
    padding: 5px 0 5px 0;
    text-align: left;
    font-weight: bold;
    color: #000;
}

#body2 .kanan .event .event-list span,
#body1 .kanan .event2 .event-list span,
#body2 .kanan .event .event-list-end span,
#body1 .kanan .event2 .event-list-end span {
    text-align: left;
    color: #737373;
    font-size: 11px;
    font-weight: normal;
}

#body2 .kanan .event .event-list a.saru,
#body1 .kanan .event2 .event-list a.saru,
#body2 .kanan .event .event-list-end a.saru,
#body1 .kanan .event2 .event-list-end a.saru {
    color: #737373;
    font-weight: normal;
}

#body2 .kanan .event .expand,
#body1 .kanan .event2 .expand {
    margin-top: 10px;
    text-align: left;
    color: #737373;
    font-size: 11px;
    font-weight: normal;
}

#body1 .kanan .ads-google-kanan,
#body2 .kanan .ads-google-kanan {
    margin: 20px 0 0 0;
    border-bottom: 5px solid #e0e0e0;
    padding-bottom: 10px;
}

#body1 .kanan .ads-banner-kanan {
    margin: 20px 0;
}

#body1 .kanan .bdr,
#body1 .bdr,
.tengah .bdr {
    border-bottom: 5px solid #fff;
    margin: 10px 0 15px 0;
}

#body2 .kanan .yt-insider,
#body1 .kanan .yt-insider {
    margin: 5px 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 5px solid #e0e0e0;
    text-align: left;
    min-height: 150px;
}

#body2 .kanan .yt-insider h3,
#body1 .kanan .yt-insider h3 {
    margin: 10px 0 10px 0;
    text-align: left;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
    font-size: 18px;
}

#body2 .kanan .yt-insider img,
#body1 .kanan .yt-insider img {
    margin: 0;
    padding: 0;
}

#body2 .kanan .yt-insider .form,
#body1 .kanan .yt-insider .form {
    margin: 10px 0 0 0;
}

#body2 .kanan .yt-insider .form input,
#body2 .kanan .yt-insider .form select,
#body1 .kanan .yt-insider .form input,
#body1 .kanan .yt-insider .form select {
    border: 1px solid #bbc3c6;
    background-color: #ffffff;
    padding: 2px;
    margin-bottom: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#body2 .kanan .yt-insider .form input.button,
#body1 .kanan .yt-insider .form input.button {
    border: 1px solid #99a5aa;
    background-color: #d3dbdf;
    padding: 1px;
    color: #50595c;
    cursor: pointer;
}

#body1 .kanan .sbookmark,
#body2 .kanan .sbookmark {
    margin: 10px 0 0 0;
}

#body1 .kanan .sbookmark h3,
#body2 .kanan .sbookmark h3 {
    margin: 10px 0 10px 0;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
    font-size: 18px;
}

#body2 .kanan .sbookmark .hbooktabs {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}

#body2 .kanan .sbookmark .hbooktabs li {
    float: right;
    padding: 2px 7px;
    margin-left: 2px;
    background: #ddd;
    color: #000000;
    border: 1px solid #cccccc;
    display: block;
    z-index: 1;
}

#body2 .kanan .sbookmark .booktabs {
    width: 195px;
    border: 1px solid #cccccc;
    margin-top: -1px;
    padding: 10px;
}

#body1 .kanan .sbookmark ul.tabNavigation,
#body2 .kanan .sbookmark ul.tabNavigation {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

#body1 .kanan .sbookmark ul.tabNavigation li,
#body2 .kanan .sbookmark ul.tabNavigation li {
    display: inline;
    margin:
}

#body1 .kanan .sbookmark ul.tabNavigation li a,
#body2 .kanan .sbookmark ul.tabNavigation li a {
    padding: 2px 7px;
    background-color: #ddd;
    color: #000;
    text-decoration: none;
    border: 1px solid #CCCCCC;
    margin: 0;
}

#body1 .kanan .sbookmark ul.tabNavigation li a.selected,
#body1 .kanan .sbookmark ul.tabNavigation li a:hover,
#body2 .kanan .sbookmark ul.tabNavigation li a.selected,
#body2 .kanan .sbookmark ul.tabNavigation li a:hover {
    background-color: #fff;
    color: #000;
    border-bottom: #FFFFFF 1px solid;
    position: relative;
}

#body1 .kanan .sbookmark ul.tabNavigation li a:focus,
#body2 .kanan .sbookmark ul.tabNavigation li a:focus {
    outline: 0;
}

#body1 .kanan .sbookmark div.tabs > div,
#body2 .kanan .sbookmark div.tabs > div {
    padding: 7px;
    margin-top: 1px;
    border: 1px solid #ddd;
}

#body1 .kanan .sbookmark div.tabss > div,
#body2 .kanan .sbookmark div.tabss > div {
    padding: 7px;
    margin-top: 1px;
    border: 1px solid #ddd;
    width: 95%;
}

.bdr2 {
    border-bottom: 3px solid #e0e0e0;
}

#homecontent {
    padding: 15px;
    border-bottom: 3px solid #e0e0e0;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    font-size: 13px;
}

#body2 .kanan .yt-insider,
#body1 .kanan .yt-insider {
    margin: 5px 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 5px solid #e0e0e0;
    text-align: left;
    min-height: 150px;
}

#body2 .kanan .yt-insider h3,
#body1 .kanan .yt-insider h3 {
    margin: 10px 0 10px 0;
    text-align: left;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
    font-size: 18px;
}

#body2 .kanan .yt-insider img,
#body1 .kanan .yt-insider img {
    margin: 0;
    padding: 0;
}

#body2 .kanan .yt-insider .form,
#body1 .kanan .yt-insider .form {
    margin: 10px 0 0 0;
}

#body2 .kanan .yt-insider .form input,
#body2 .kanan .yt-insider .form select,
#body1 .kanan .yt-insider .form input,
#body1 .kanan .yt-insider .form select {
    border: 1px solid #bbc3c6;
    background-color: #ffffff;
    padding: 2px;
    margin-bottom: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#body2 .kanan .yt-insider .form input.button,
#body1 .kanan .yt-insider .form input.button {
    border: 1px solid #99a5aa;
    background-color: #d3dbdf;
    padding: 1px;
    color: #50595c;
    cursor: pointer;
}

#body1 .kanan .sbookmark,
#body2 .kanan .sbookmark {
    margin: 10px 0 0 0;
}

#body1 .kanan .sbookmark h3,
#body2 .kanan .sbookmark h3 {
    margin: 10px 0 10px 0;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
    font-size: 18px;
}

#body2 .kanan .sbookmark .hbooktabs {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}

#body2 .kanan .sbookmark .hbooktabs li {
    float: right;
    padding: 2px 7px;
    margin-left: 2px;
    background: #ddd;
    color: #000000;
    border: 1px solid #cccccc;
    display: block;
    z-index: 1;
}

#body2 .kanan .sbookmark .booktabs {
    width: 195px;
    border: 1px solid #cccccc;
    margin-top: -1px;
    padding: 10px;
}

#body1 .kanan .sbookmark ul.tabNavigation,
#body2 .kanan .sbookmark ul.tabNavigation {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

#body1 .kanan .sbookmark ul.tabNavigation li,
#body2 .kanan .sbookmark ul.tabNavigation li {
    display: inline;
    margin:
}

#body1 .kanan .sbookmark ul.tabNavigation li a,
#body2 .kanan .sbookmark ul.tabNavigation li a {
    padding: 2px 7px;
    background-color: #ddd;
    color: #000;
    text-decoration: none;
    border: 1px solid #CCCCCC;
    margin: 0;
}

#body1 .kanan .sbookmark ul.tabNavigation li a.selected,
#body1 .kanan .sbookmark ul.tabNavigation li a:hover,
#body2 .kanan .sbookmark ul.tabNavigation li a.selected,
#body2 .kanan .sbookmark ul.tabNavigation li a:hover {
    background-color: #fff;
    color: #000;
    border-bottom: #FFFFFF 1px solid;
    position: relative;
}

#body1 .kanan .sbookmark ul.tabNavigation li a:focus,
#body2 .kanan .sbookmark ul.tabNavigation li a:focus {
    outline: 0;
}

#body1 .kanan .sbookmark div.tabs > div,
#body2 .kanan .sbookmark div.tabs > div {
    padding: 7px;
    margin-top: 1px;
    border: 1px solid #ddd;
}

#body1 .kanan .sbookmark div.tabss > div,
#body2 .kanan .sbookmark div.tabss > div {
    padding: 7px;
    margin-top: 1px;
    border: 1px solid #ddd;
}


/*footer */

#footer {
    float: left;
    margin-top: 20px;
    padding: 5px;
    width: 100%;
}

#footer .newhomemenu {
    background: url(images/bg-menus.png) repeat-y left top;
    font-size: 12px;
}

#footer .newhomemenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#footer .newhomemenu ul li {
    width: 180px;
    margin-left: 5px;
    float: left;
}

#footer .newhomemenu ul li a:hover {
    color: #d9d8d8;
}

#footer .newhomemenubdr {
    background: url(images/bgbdr.png) repeat-x left top;
    height: 2px;
    margin: 10px 0;
}

.bigScreen {
    min-height: 3000px;
}

#footer a {
    color: #000;
}

#footer .menu-foot {
    float: left;
    margin-top: 20px;
    width: 185px;
    background: url(images/bg-menus.png) repeat-y left top;
    height: 130px;
    font-size: 12px;
}

#footer .menu-foot2 {
    float: left;
    margin-top: 20px;
    width: 185px;
}

#footer .menu-foot h3,
#footer .menu-foot2 h3 {
    margin: 0 0 5px 5px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
}

#footer .menu-foot ul,
#footer .menu-foot2 ul {
    margin: 0 5px 0 5px;
    padding: 0;
}

#footer .menu-foot li,
#footer .menu-foot2 li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    color: #fff;
    font-size: 12px;
}

#footer .menu-foot li h3 .ftr,
#footer .menu-foot2 li h3 .ftr {
    color: #fff;
    text-decoration: none;
}

#footer .menu-foot li a,
#footer .menu-foot2 li a {
    color: #000;
    text-decoration: none;
}

#footer .menu-foot li a:visited,
#footer .menu-foot2 li a:visited {
    color: #000;
    text-decoration: none;
}

#footer .menu-foot li a:hover,
#footer .menu-foot2 li a:hover {
    color: #d9d8d8;
    text-decoration: none;
}

#footer-menu {
    float: left;
    margin: 3px 0 30px 0;
    padding: 5px;
    width: 100%;
    font-size: 13px
}

#footer-menu .ft-kiri {
    float: left;
    width: 65%;
}

#footer-menu .ft-kiri .menu-foot {
    width: 100%;
    margin-top: 0px;
    font-size: 10px;
}

#footer-menu .ft-kiri .menu-foot ul {
    margin: 0;
    padding: 0;
    float: left;
}

#footer-menu .ft-kiri .menu-foot ul li {
    display: inline;
}

#footer-menu .ft-kiri .menu-foot ul li a {
    float: left;
    text-decoration: none;
    color: #000;
    padding: 5px 5px;
}

#footer-menu .ft-kiri .menu-foot ul li a:visited {
    color: #000;
}

#footer-menu .ft-kiri .menu-foot ul li a:hover,
.menu ul li .current {
    color: #cecece;
}

#footer-menu .ft-kanan {
    float: right;
    width: 35%;
    text-align: right;
    font-size: 10px;
    padding-top: 5px;
}


/* aku */

#header .RegForm {
    margin-top: 30px;
    float: left;
    width: 505px;
}

#header .RegForm_acc {
    margin-top: 30px;
    float: left;
    width: auto;
}

#header .RegForm_flat {
    margin-top: 30px;
    float: left;
    width: 50px;
    height: 900px;
    background: url(images/line.gif) repeat-y center top;
}

#header .RegForm_flat2 {
    width: 300px;
    height: 50px;
    background: url(images/line2.gif) repeat-x center top;
}

#header .RegForm h1,
#header .RegForm_acc h1 {
    padding: 0;
    margin: 0 0 12px 0;
    font-size: 18px;
    color: #666666;
}

.RegForm fieldset,
.RegForm_acc fieldset {
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#header .RegForm ul,
#header .RegForm_acc ul {
    padding: 0;
    margin: 0;
}

#header .RegForm ul li,
#header .RegForm_acc ul li {
    list-style: none;
    height: 35px;
}

#header .RegForm ul li #textInfo,
#header .RegForm_acc ul li #textInfo {
    width: 160px;
    float: left;
    font-size: 14px;
}

#header .RegForm_acc.logIn ul li #textInfo {
    width: 175px;
}

#header .RegForm ul li #textAsc,
#header .RegForm_acc ul li #textAsc {
    width: 10px;
    float: left;
    font-size: 12px;
}

#header .RegForm ul li #formBox,
#header .RegForm_acc ul li #formBox {
    width: auto;
    float: left;
    position: relative;
}

#header .RegForm ul li #formBox2,
#header .RegForm_acc ul li #formBox2 {
    width: auto;
    float: left;
    padding-right: 10px;
}

#header .RegForm #textInfoeditor,
#header .RegForm_acc #textInfoeditor {
    width: auto;
    padding: 2px 0;
}

#header .RegForm #textInfoeditorterm,
#header .RegForm_acc #textInfoeditorterm {
    width: 480px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    margin: 5px 0;
    background-color: #eeeeee;
}

#header .RegForm #textInfoeditorterm2,
#header .RegForm_acc #textInfoeditorterm2 {
    width: 480px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    margin: 5px 0;
    background-color: #ffc5a6;
}

#header .RegForm #textInfoeditorterm a,
#header .RegForm #textInfoeditorterm2 a,
#header .RegForm_acc #textInfoeditorterm a,
#header .RegForm_acc #textInfoeditorterm2 a {
    color: #000000;
    text-decoration: underline;
}

#header .RegForm ul li #formBox input,
#header .RegForm ul li #formBox select,
#header .RegForm ul li #formBox textarea,
#header .RegForm #textInfoeditor input,
#header .RegForm #textInfoeditor select,
#header .RegForm #textInfoeditor textarea,
#header .RegForm_acc ul li #formBox input,
#header .RegForm_acc ul li #formBox select,
#header .RegForm_acc ul li #formBox textarea,
#header .RegForm_acc #textInfoeditor input,
#header .RegForm_acc #textInfoeditor select,
#header .RegForm_acc #textInfoeditor textarea {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    padding: 2px;
    font-size: 14px;
    margin-bottom: 5px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#header .RegForm ul li #formBox2 input.button,
#header .RegForm #textInfoeditor input.button,
#header .RegForm_acc ul li #formBox2 input.button,
#header .RegForm_acc #textInfoeditor input.button {
    background: url(images/button_bg.gif) repeat-x top center;
    border: 1px solid #999999;
    padding: 2px 10px;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
}

#header .RegForm #success,
#header .RegForm_acc #success {
    border: 1px solid #999999;
    padding: 10px;
    color: #006600;
    background-color: #FFFFCC;
    margin-bottom: 15px;
}

#avatar {
    width: 220px;
}

#avatar #icon {
    width: 150px;
    padding: 0 15px;
}

#avatar #icon img {
    padding: 5px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

#avatar #tools {
    width: 170px;
    padding-top: 10px;
}

#acc_menu {
    width: 490px;
    height: auto;
    text-align: left;
    border-bottom: #CCCCCC 1px solid;
    padding-bottom: 7px;
}

#acc_menu .list {
    width: 163px;
    float: left;
}

#acc_menu .list a {
    color: #0093e8;
}

#acc_menu .list a:hover {
    color: #FF6600;
}

#acc_menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#acc_menu ul li {
    display: inline;
}

#acc_menu ul li a {
    color: #ffffff;
    padding: 2px 7px;
    border: #666666 1px solid;
    background: #000000;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#acc_menu ul li a:hover,
#acc_menu ul li .active {
    color: #ffffff;
    padding: 2px 7px;
    border: #666666 1px solid;
    background: #555555;
}

#acc_menu ul li a.actived {
    color: #ffffff;
    padding: 2px 7px;
    border: #666666 1px solid;
    background: #8e4265;
}

#acc_menu ul li.editorlist a:hover,
#acc_menu ul li.editorlist .active {
    background: #850122 none repeat scroll 0 0;
    border: 1px solid #6d061f;
    color: #ffffff;
    padding: 2px 7px;
}

#acc_list {
    width: 470px;
    height: auto;
    text-align: left;
    border: #CCCCCC 1px dotted;
    margin-bottom: 7px;
    padding: 10px;
    background-color: #eeeeee;
    color: #666666;
    font-size: 11px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#acc_list_unview {
    width: 470px;
    height: auto;
    text-align: left;
    border: #CCCCCC 1px dotted;
    margin-bottom: 7px;
    padding: 10px;
    background-color: #f9f9f9;
    color: #666666;
    font-size: 11px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#acc_list_delete {
    width: 470px;
    height: auto;
    text-align: left;
    border: #CCCCCC 1px dotted;
    margin-bottom: 7px;
    padding: 10px;
    background-color: #eeeeee;
    color: #666666;
    font-size: 11px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#acc_list h4,
#acc_list_unview h4 {
    padding: 0;
    margin: 0 0 5px 0;
    color: #000000;
    font-size: 12px;
}

#acc_list_bag {
    width: auto;
    margin-right: 10px;
    float: left;
}

#acc_list_bag img {
    padding-right: 3px;
}

#acc_list #acc_list_kiri,
#acc_list_unview #acc_list_kiri {
    width: 140px;
    margin-right: 40px;
    float: left;
}

#acc_list #acc_list_kiri img,
#acc_list_unview #acc_list_kiri img {
    border: 3px #FFFFFF solid;
    margin-right: 5px;
}

#acc_list #acc_list_kanan,
#acc_list_unview #acc_list_kanan {
    width: 260px;
    float: left;
}

#acc_list #sub_bg {
    width: 440px;
    margin-left: 20px;
    border: #000 1px dotted;
    background-color: #f4f8f9;
    margin-top: 6px;
    padding: 5px;
}

#acc_list #sub_bg h4 {
    padding: 0;
    margin: 0 0 5px 0;
    color: #00a8ff;
    font-size: 11px;
}

#acc_list #sub_bg #sub_bg2 {
    width: 405px;
    margin-left: 20px;
    border: #286a00 1px dotted;
    background-color: #f4f8f9;
    margin-top: 6px;
    padding: 5px;
}

#acc_list #sub_bg #sub_bg2 h4 {
    padding: 0;
    margin: 0 0 5px 0;
    color: #286a00;
    font-size: 11px;
}

div.myPopup_style {
    z-index: 1;
    text-align: left;
    background: #333333;
}

div.myPopup_style div.menu_form_header {
    border-bottom: 1px solid black;
    border-bottom: none;
    height: 20px;
    line-height: 19px;
    vertical-align: middle;
    background: #eeeeee;
    text-decoration: none;
    font-weight: 900;
    font-size: 13px;
    color: #000000;
    cursor: default;
}

div.myPopup_style div.menu_form_body {
    width: auto;
    border: 5px solid #333333;
    background: #ffffff;
}

div.myPopup_style img.menu_form_exit {
    float: right;
    margin: 4px 5px 0px 0px;
    cursor: pointer;
}

div.myPopup_style input.field {
    border: 1px solid #808080;
    font-size: 12px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

div.myPopup_style input.btn {
    margin-top: 2px;
    border: 1px solid #808080;
    background-color: #DDFFDD;
    font-size: 11px;
}

div.myPopup_style_gal {
    z-index: 1;
    text-align: left;
}

div.myPopup_style_gal div.menu_form_header {
    border-bottom: 1px solid black;
    border-bottom: none;
    width: 300px;
    height: 20px;
    line-height: 19px;
    vertical-align: middle;
    background: #eeeeee;
    text-decoration: none;
    font-weight: 900;
    font-size: 13px;
    color: #000000;
    cursor: default;
}

div.myPopup_style_gal div.menu_form_body {
    width: auto;
    border: 5px solid #333333;
    background: #ffffff;
}

div.myPopup_style_gal img.menu_form_exit {
    float: right;
    margin: 4px 5px 0px 0px;
    cursor: pointer;
}

div.myPopup_style_gal input.field {
    border: 1px solid #808080;
    font-size: 12px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

div.myPopup_style_gal input.btn {
    background: url(images/button_bg.gif) repeat-x top center;
    border: 1px solid #999999;
    padding: 2px 10px;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
}

.paginate {
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px 0px;
    margin: 3px;
    text-align: right;
}

.paginate a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #999;
    text-decoration: none;
    color: #666;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.paginate a:hover,
.paginate a:active {
    border: 1px solid #999;
    color: #000;
}

.paginate span.current {
    margin: 2px;
    padding: 2px 5px 2px 5px;
    border: 1px solid #999;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    background-color: #999;
    color: #FFF;
}

.paginate span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #eee;
    color: #DDD;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.paginate ul {
    margin: 0;
    padding: 0px;
}

.paginate li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.paginate li a {
    border: none;
}

.red {
    color: #FF0000;
}


/* * Required*/

.WadahPhoto {
    width: 135px;
    height: 150px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border: 1px solid #fff;
}

.PhotoGeser {
    position: absolute;
    top: 0;
    left: 0;
}

.PhotoGeser div {
    float: absolute;
    top: 0;
    width: 135px;
    display: none;
}


/* * Optional*/

#GeserUlang,
#GeserBaru {
    margin: 0;
    margin-top: 5px;
    width: 135px;
    position: relative;
    clear: both;
}

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

ul.HalGeser li {
    float: left;
}

ul.HalGeser li a {
    padding: 0px 0px;
}

ul.HalGeser li.active a {
    background: blue;
    color: white;
}

#body1 .tengah .favorite .rating {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    float: right;
    border: 1px solid #666666;
}

#body1 .tengah .favorite .rating .hover {
    background: url(images/star.png) no-repeat;
    z-index: 1;
}

#body1 .tengah .favorite .rating span {
    float: left;
    cursor: pointer;
}

#body1 .tengah .favorite .rating .clearleft {
    clear: left;
}

#body1 .tengah .favorite .rating div {
    display: block;
    width: 150px;
    padding-top: 10px;
    height: 16px;
    margin: 0;
}

#body1 .tengah .favorite .rating .floatleft {
    float: left;
}

#body1 .tengah .favorite .rating .highlight {
    font-family: Arial, sans-serif;
    font-size: 12px;
    position: relative;
    bottom: 9px;
    color: #93784b;
    font-weight: bold;
}

#body1 .tengah .favorite .rating .star_rating {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #93784b;
    float: left;
    width: auto;
    position: relative;
    top: 10px;
    padding-top: 5px;
}

#body1 .tengah .favorite .rating img {
    border: 0;
    padding: 0;
    margin: 0;
}

#body1 .tengah .fav .rating {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    float: right;
    /*border: 1px solid #666666;*/
}

#body1 .tengah .fav .rating .hover {
    background: url(images/star.png) no-repeat;
    z-index: 1;
}

#body1 .tengah .fav .rating span {
    float: left;
    cursor: pointer;
    width: 20px;
}

#body1 .tengah .fav .rating .clearleft {
    clear: left;
}

#body1 .tengah .fav .rating div {
    display: block;
    width: 100px;
    margin: 0;
}

#body1 .tengah .fav .rating .floatleft {
    float: left;
    margin-right: 10px;
}

#body1 .tengah .fav .rating .highlight {
    font-family: Arial, sans-serif;
    font-size: 10px;
    position: relative;
    color: #FF9900;
    font-weight: bold;
}

#body1 .tengah .fav .rating .star_rating {
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #000000;
    float: left;
    width: auto;
    position: relative;
    padding-top: 5px;
}

#body1 .tengah .fav .rating img {
    border: 0;
    padding: 0;
    margin: 0;
}

.error {
    color: #FF0000;
}

.comment_result {
    color: #003300;
    background: #FFFFCC;
    border: 1px solid #006600;
}

.ProfileLike {
    max-width: 430px;
}

.ProfileLike .image {
    float: left;
    margin: 2px;
    padding: 0;
}

#body1 .tengah .profilebox {
    /*border: 10px #CCCCCC solid;*/
    margin-right: 30px;
    margin-bottom: 10px;
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
}

#body1 .tengah .profileboxart {
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

#body1 .tengah .tit {
    margin-bottom: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

#body1 .tengah #jumpMenu {
    border: 1px solid #cccccc;
    padding: 2px;
    background-color: #FFFFFF;
    border-bottom: none;
}

.messageboxerror {
    color: #FF0000;
}

.messageboxok {
    color: #006633;
}


/******* FORM *******/

.form {}

.form input {
    border: 1px solid #d0ccc9;
    background: #fff;
    font-size: 11px;
    font-weight: 700;
    padding-bottom: 2px;
    font-weight: normal;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.form input.text {
    font-weight: normal;
    border: 1px solid #9c9c9c;
    width: 250px;
    padding: 2px;
    margin-bottom: 5px;
    text-align: left;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.form input.text.active {
    background: #ddeff6;
    border: 1px solid #0099d4;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


/******* /FORM *******/

#searchwrapper {
    width: 210px;
    height: 24px;
    background-image: url(images/search.png);
    background-repeat: no-repeat;
    padding: 0px;
    margin: 21px 0px;
    position: relative;
}


#searchwrapper2 {
    width: 210px;
    height: 24px;
    background-image: url(images/namaste_enews.png);
    background-repeat: no-repeat;
    padding: 0px;
    margin: 10px 0 21px 0;
    position: relative;
}
.top-line #searchwrapper2{
    margin: 10px auto 21px auto;
}

#searchwrapper3 {
    width: 210px;
    height: 24px;
    background-image: url(images/search.png);
    background-repeat: no-repeat;
    padding: 0px;
    position: relative;
}

#searchwrapper form,
#searchwrapper2 form,
#searchwrapper3 form {
    display: inline;
}

#searchwrapper form input,
#searchwrapper2 form input,
#searchwrapper3 form input {
    padding: 0px;
    margin: 0px;
    top: 0;
    border: 0px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.searchbox {

    background-color: transparent;
    position: absolute;
    left: 10px;
    width: 168px;
    height: 24px;
    font-size: 11px;
    color: #50595c;
}

.searchbox_submit {
    border: 0px;
    background-color: transparent;
    position: absolute;
    left: 168px;
    width: 41px;
    height: 24px;
    padding: 0;
    border: 0;
}


/*comment css*/

#posting {
    font-size: 11px;
}

.likePanel {
    width: 99%;
    padding: 3px;
    background: #f0f0f0;
    margin-top: 3px;
    font-size: 11px;
}

.commentPanel {
    width: 99%;
    padding: 3px;
    background: #f0f0f0;
    margin-top: 3px;
    font-size: 11px;
}

.hcellclass {
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    color: #000000;
    text-align: center;
}

.tcellclass {
    font-size: 11px;
    font-family: arial, helvetica, sans-serif;
    color: #444444;
    text-align: center;
}

.evcellclass {
    font-size: 11px;
    font-family: arial, helvetica, sans-serif;
    color: #444444;
    text-align: center;
    background: #FFFFFF url(images/event.gif) right bottom no-repeat;
}

#body1 .tengah .cal_search {
    padding-top: 30px;
}

#body1 .tengah .cal_search .gbr {
    width: 100%;
    max-width: 324px;
    height: auto;
    float: left;
}
#body1 .tengah .cal_search .gbr img {
    width: 100%;
}
#body1 .tengah .cal_search .cal {
    width: 196px;
    height: 182px;
    float: left;
}

#body1 .tengah .greytext {
    color: #868684;
    padding: 25px 0;
    font-weight: bold;
    text-align: left;
}

.search_finder {
    color: #868684;
}

.search_finder .bag {
    float: left;
    padding-right: 5px;
    width: auto;
}

#body1 .tengah .search_finder .bag input {
    margin: 0px !important;
    padding: 1px !important;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#body1 .tengah .search_finder .bag .input {
    border: 1px solid #d0ccc9;
    background: #fff;
    font-weight: normal;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#body1 .tengah .search_finder .bag .button {
    border: none !important;
}

#top10Content {
    text-align: ;
}

#top10Content-toggle {
    text-align: right;
    cursor: pointer;
}

.city_kiri {
    width: 747px;
    float: left;
}

.city_kanan {
    width: 210px;
    float: right;
}

#body1 .statement {
    width: 747px;
    border-top: 5px solid #e0e0e0;
    border-bottom: 5px solid #e0e0e0;
    height: auto;
    text-align: center;
    padding: 30px 0;
    font-size: 18px;
    color: #000000;
}

#body1 .statement2 {
    width: 747px;
    border-bottom: 5px solid #e0e0e0;
    height: auto;
    text-align: center;
    padding: 14px 0;
    font-size: 18px;
    color: #000000;
}

.skiri {
    float: left;
    width: 210px;
}

.skiri h2 {
    margin: 0;
    padding-top: 20px;
    text-align: left;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
}

.skiri .shoptop {
    margin: 0;
    text-align: center;
    color: #000;
}

.skanan {
    float: right;
    margin-top: 5px;
    width: 535px;
    min-height: 626px;
}

.skanan .trecent {
    float: left;
    width: 250px;
}

.skanan .treview {
    float: right;
    width: 250px;
}

.skanan .tblat {
    float: left;
    width: 15px;
}

.skanan h2 {
    margin: 0;
    text-align: left;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
    margin-top: 10px;
}

.skanan .latest {
    margin-top: 10px;
    text-align: justify;
    color: #000;
}

.skanan .latest .lastbg {
    float: left;
    width: 275px;
}

.skanan .latest .lastbg2 {
    float: left;
    width: 255px;
}

.skanan .latest img {
    margin: 0 10px 2px 0;
}

.skanan .latest .kat {
    color: #848687;
    font-size: 10px;
}

.skanan .latest .judul {
    margin: 0;
    color: #000;
    font-size: 15px;
}

.skanan .latest .oleh {
    color: #000;
    font-size: 11px;
    margin-bottom: 10px;
}

.skanan .latest .foot {
    color: #8e8d8c;
    font-size: 12px;
    margin-top: 10px;
}

.skanan .trecent .most-read,
.skanan .treview .most-read {
    width: 250px;
    text-align: left;
}

.skanan .trecent .most-read img,
.skanan .treview .most-read img {
    margin: 0 10px 0 0;
    padding: 2px;
    border: 0;
}

.skanan .trecent .most-read .kirimr,
.skanan .treview .most-read .kirimr {
    float: left;
    margin-top: 10px;
    width: 260px;
}

.skanan .most-read .kananmr {
    float: right;
    width: 260px;
    height: 20px;
}

.top-yte {
    width: 755px;
    height: 200px;
    margin-top: 0px;
}

.top-yte h2 {
    margin: 0;
    padding-top: 20px;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
}

.top-yte center {
    margin: 0 auto;
}

.top-yte .icon {
    float: left;
    margin-top: 5px;
    padding: 15px;
    width: 121px;
    right: auto;
    left: auto;
    height: 150px;
    background: url(images/bg-editor.png) center top no-repeat;
}

.top-yte img {
    padding: 2px;
}

.top-yte .icon p {
    margin-top: 5px;
    padding: 0;
    width: 100px;
    text-align: center;
}

.bdr {
    border-bottom: 5px solid #fff;
    margin: 10px 0 5px 0;
}

.news {
    float: left;
    margin-top: 0px;
    width: 370px;
}

.news h3 {
    margin: 0;
    padding-top: 10px;
    text-align: left;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
}

.news h2 {
    margin: 0;
    padding-top: 10px;
    text-align: left;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
}

.news ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 12px;
    border-top: 1px dotted #CCCCCC;
}

.news ul li {
    margin-left: 5px;
    text-align: justify;
    color: #000;
    border-bottom: 1px dotted #CCCCCC;
    padding: 5px 0;
}

.news ul li:hover {
    background: #f3f3f3;
}

.news ul li em {
    font-family: "Times New Roman", Times, serif;
}

.news ul li p {
    color: #666666;
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-weight: bold;
}

.fun {
    float: right;
    margin-top: 0px;
    width: 370px;
}

.fun h3 {
    margin: 0;
    padding-top: 10px;
    text-align: left;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
}

.fun h2 {
    margin: 0;
    padding-top: 10px;
    text-align: left;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
}

.fun .foto {
    float: left;
    width: 122px;
    margin-top: 13px;
    height: 119px;
}

.fun .foto p {
    padding: 0;
    margin: 0;
    text-align: center;
    width: 70px;
    font-size: 11px;
    color: #737373;
}

.fun .foto img {
    padding-left: 10px;
}

.signature {
    width: 200px;
    float: right;
    text-align: center;
}

.red {
    color: #FF0000;
}

.green {
    color: #156d00;
}

.charleft {
    display: block;
}

.tempatIklan {
    width: 230px;
    border: 1px dotted #CCCCCC;
}

.tempatIklanDalam {
    width: 208px;
    margin: 11px auto;
}

.tempatListing {
    width: 480px;
    border: 1px dotted #CCCCCC;
}

.tempatListingDalam {
    width: 458px;
    margin: 11px auto;
}

.tempatListingDalam #ads_r {
    width: 458px;
}

.tempatListingDalam #ads_r .newads {
    margin: 5px 0;
    height: 15px;
    border-bottom: 1px solid #737373;
    text-align: right;
}

.tempatListingDalam #ads_r h3 {
    margin: 0;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
}

.tempatListingDalam #ads_r img {
    padding-right: 10px;
}

.tempatListingDalam #ads_r .ads {
    margin-top: 5px;
    padding-bottom: 10px;
    font-size: 11px;
    text-align: left;
    color: #000;
    border-bottom: 1px solid #737373;
}

.tempatListingDalam #ads_r .ads2 {
    margin-top: 5px;
    padding-bottom: 10px;
    font-size: 11px;
    text-align: left;
    color: #000;
}

.tempatListingDalam #ads_r .ads2 span {
    color: #999999;
}


/* root element for tabs  */

.tabs {
    list-style: none;
    margin: 0 !important;
    padding: 0;
    height: 30px;
}


/* single tab */

.tabs li {
    width: 17%;
    max-width: 82px;
    min-width: 52px;
    float: left;
    text-indent: 0;
    padding: 0;
    margin: 0 !important;
    list-style-image: none !important;
}


/* link inside the tab. uses a background image */

.tabs a {
    background: url(images/infoTabs.png) no-repeat -652px 0;
    font-size: 12px;
    display: block;
    height: 30px;
    line-height: 30px;
    width: 111px;
    text-align: center;
    text-decoration: none;
    color: #000;
    padding: 0px;
    margin: 0px;
    position: relative;
    top: 1px;
}

.tabs a:active {
    outline: none;
}


/* when mouse enters the tab move the background image */

.tabs a:hover {
    background-position: -652px -31px;
    color: #fff;
}


/* active tab uses a class name "current". it's highlight is also done by moving the background image. */

.tabs .current,
.tabs .current:hover,
.tabs li.current a {
    background-position: -652px -62px;
    cursor: default !important;
    color: #000 !important;
}


/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */

.tabs .w5 {
    background-position: -552px 0;
    width: 100%;
}

.tabs .w5:hover {
    background-position: -552px -31px;
}

.tabs .w5.current {
    background-position: -552px -62px;
}

.tabs .w1 {
    background-position: -420px 0;
    width: 134px;
}

.tabs .w1:hover {
    background-position: -420px -31px;
}

.tabs .w1.current {
    background-position: -420px -62px;
}


/* width 2 */

.tabs .w2 {
    background-position: -366px -0px;
    width: 154px;
}

.tabs .w2:hover {
    background-position: -366px -31px;
}

.tabs .w2.current {
    background-position: -366px -62px;
}


/* width 3 */

.tabs .w3 {
    background-position: -193px -0px;
    width: 174px;
}

.tabs .w3:hover {
    background-position: -193px -31px;
}

.tabs .w3.current {
    background-position: -193px -62px;
}


/* width 4 */

.tabs .w4 {
    background-position: -0px -0px;
    width: 194px;
}

.tabs .w4:hover {
    background-position: -0px -31px;
}

.tabs .w4.current {
    background-position: -0px -62px;
}

.panes {
    border: 1px solid #999999;
    padding: 15px;
    padding-top: 25px;
}

.panes img {
    border: 0;
}


/* initially all panes are hidden */

.panes .pane {
    display: none;
}

.border_tabs {
    border-bottom: 1px solid #999999;
    height: 1px;
}

.big_tabs {
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    font-weight: bold;
}

.big_tabs2 {
    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
}

.classifiedbg {
    border: 1px solid #bebebe;
    padding: 20px;
}

.classifiedbg_box {
    width: 180px;
    margin-bottom: 20px;
    float: left;
    margin-right: 27px;
    margin-left: 27px;
}

.classifiedbg_box img {
    border: 1px solid #dddddd;
}

.classifiedbg_box p {
    padding: 0;
    margin: 2px 0;
    text-align: left;
    color: #463d34;
}

.classifiedbg_box span {
    color: #b2b3ae;
    width: 105px;
    float: left;
    margin-right: 5px;
}

.classifiedbg_box b {
    color: #000;
    width: 70px;
    float: left;
    text-align: right;
    height: 20px;
    overflow: hidden;
}

.classified {
    color: #000;
    width: 230px;
    float: left;
    margin-right: 10px;
}

.classified2 {
    color: #000;
    width: 280px;
    float: left;
}

.album_gallery img {
    border: 1px solid #dddddd;
    margin-right: 20px;
    height: 100px;
}

.gallery_photo img {
    border: 1px solid #dddddd;
    margin-right: 5px;
    margin-bottom: 5px;
}

.photo_gallery_slide {
    width: 520px;
}

.photo_gallery_slide_left {
    width: 31px;
    float: left;
    text-align: left;
}

.photo_gallery_slide_center {
    width: 458px;
    float: left;
    text-align: left;
    color: #666666;
    font-size: 12px;
}

.photo_gallery_slide_right {
    width: 31px;
    float: left;
    text-align: right;
    margin-left: 31px;
}

.photo_gallery_slide_left img,
.photo_gallery_slide_center img,
.photo_gallery_slide_right img {
    border: 0;
}

.garis_bawah {
    border-bottom: 1px solid #dddddd;
}

.preview_event {
    padding: 10px;
    border-color: #e0e0e0;
    border-style: solid;
    border-width: 1px 2px 2px 1px;
}

.preview_event .judul {
    font-family: "Times New Roman", Times, serif;
    color: #000000;
    padding: 0px;
    margin: 0px;
    font-size: 18px;
}

.preview_event .tit {
    color: #676767;
    font-weight: bold;
    font-size: 14px;
}

.classified_event {
    padding: 10px;
    border-color: #e0e0e0;
    border-style: solid;
    border-width: 1px 2px 2px 1px;
}

.results {}

.results .url {
    border-bottom: 1px dashed #CCCCCC;
    padding-bottom: 10px;
    color: #009900;
}

.results a.title {
    color: #666666;
    font-size: 14px;
}

#other_pages {
    margin-bottom: 40px;
}

.oembed-container {
    margin-top: 15px;
}

.videoThumPlay {
    width: 120px;
    height: 90px;
}

.videoThumPlay .play {
    position: relative;
    left: 0;
    top: -93px;
    z-index: 1;
}

.videoThumPlay .play2 {
    position: relative;
    left: 0;
    top: -102px;
    z-index: 1;
    border: none;
}

.historyplace {
    width: auto;
    height: 750px;
    overflow: auto;
    margin-top: 30px;
    border: #CCCCCC 1px solid;
    padding: 7px;
}


/* home slider */

.slideshow {
    display: block;
    width: 980px;
    height: 630px;
}

#citytitle {
    border-bottom: 3px solid #e0e0e0;
    font-family: "Arial", Helvetica, sans-serif;
    font-weight: bold;
}

#citytitle h2 {
    font-size: 12px;
    font-family: "Arial", Helvetica, sans-serif;
    font-weight: bold;
    line-height: 24px;
}

#breadcrumb {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    padding: 2px 2px 5px 2px;
    margin-bottom: 8px;
}

#breadcrumb a:link,
#breadcrumb a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    text-decoration: none;
}

#breadcrumb a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    text-decoration: underline;
}


/*.pikachoose>.pika-stage>a>img{*/


/*width: 100%;*/


/*height: auto;*/


/*}*/

.img-title-article,
.img-title-review {
    width: 100%;
    height: auto;
}

#contactform input {
    margin-top: 10px;
    border: 1px solid #cecece;
    padding: 2px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#contactform textarea {
    margin-top: 10px;
    border: 1px solid #cecece;
    padding: 2px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#contactform textarea {
    margin-top: 0px;
    padding: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#contactform input[type=submit] {
    margin-top: 10px;
    border: 1px solid #2d2b2c;
    padding: 1px;
    color: #FFFFFF;
    background: #2d2b2c;
    cursor: pointer;
}


/*.st_facebook_custom{*/


/*background: url(images/icons/facebook.jpg);*/


/*background-repeat:no-repeat;*/


/*display:inline-block;*/


/*width:58px;*/


/*height:23px;*/


/*cursor:pointer;*/


/*margin-right:0;*/


/*}*/


/*.st_facebook_custom:hover{*/


/*background: url(images/icons/facebook.jpg);*/


/*background-repeat:no-repeat;*/


/*display:inline-block;*/


/*width:58px;*/


/*height:23px;*/


/*cursor:pointer;*/


/*margin-right:0;*/


/*opacity:0.8;*/


/*}*/


/*.st_twitter_custom{*/


/*background: url(images/icons/twitter.jpg);*/


/*background-repeat:no-repeat;*/


/*display:inline-block;*/


/*width:58px;*/


/*height:23px;*/


/*cursor:pointer;*/


/*margin-right:2px;*/


/*}*/


/*.st_twitter_custom:hover{*/


/*background: url(images/icons/twitter.jpg);*/


/*background-repeat:no-repeat;*/


/*display:inline-block;*/


/*width:58px;*/


/*height:23px;*/


/*cursor:pointer;*/


/*margin-right:2px;*/


/*opacity:0.8;*/


/*}*/


/*.st_sharethis_custom{*/


/*background: url(images/icons/share.jpg);*/


/*background-repeat:no-repeat;*/


/*display:inline-block;*/


/*width:58px;*/


/*height:23px;*/


/*cursor:pointer;*/


/*margin-right:5px;*/


/*}*/


/*.st_sharethis_custom:hover{*/


/*background: url(images/icons/share.jpg);*/


/*background-repeat:no-repeat;*/


/*display:inline-block;*/


/*width:58px;*/


/*height:23px;*/


/*cursor:pointer;*/


/*margin-right:5px;*/


/*opacity:0.8;*/


/*}*/


/*.st_pinterest_custom{*/


/*background: url(images/icons/pinit.jpg);*/


/*background-repeat:no-repeat;*/


/*display:inline-block;*/


/*width:44px;*/


/*height:23px;*/


/*cursor:pointer;*/


/*margin-right:2px;*/


/*}*/


/*.st_pinterest_custom:hover{*/


/*background: url(images/icons/pinit.jpg);*/


/*background-repeat:no-repeat;*/


/*display:inline-block;*/


/*width:44px;*/


/*height:23px;*/


/*cursor:pointer;*/


/*margin-right:2px;*/


/*opacity:0.8;*/


/*}*/


/*.st_email_custom{*/


/*background: url(images/icons/email.jpg);*/


/*background-repeat:no-repeat;*/


/*display:inline-block;*/


/*width:58px;*/


/*height:23px;*/


/*cursor:pointer;*/


/*margin-right:2px;*/


/*}*/


/*.st_email_custom:hover{*/


/*background: url(images/icons/email.jpg);*/


/*background-repeat:no-repeat;*/


/*display:inline-block;*/


/*width:58px;*/


/*height:23px;*/


/*cursor:pointer;*/


/*margin-right:2px;*/


/*opacity:0.8;*/


/*}*/


/*.st_googleplus_custom{*/


/*background: url(images/icons/google.jpg);*/


/*background-repeat:no-repeat;*/


/*display:inline-block;*/


/*width:52px;*/


/*height:23px;*/


/*cursor:pointer;*/


/*margin-right:2px;*/


/*}*/


/*.st_googleplus_custom:hover{*/


/*background: url(images/icons/google.jpg);*/


/*background-repeat:no-repeat;*/


/*display:inline-block;*/


/*width:52px;*/


/*height:23px;*/


/*cursor:pointer;*/


/*margin-right:2px;*/


/*opacity:0.8;*/


/*}*/


/*.comment_custom{*/


/*background: url(images/icons/comment.jpg);*/


/*background-repeat:no-repeat;*/


/*display:inline-block;*/


/*position:relative;*/


/*width:68px;*/


/*height:23px;*/


/*cursor:pointer;*/


/*margin:5px 0;*/


/*right:11px;*/


/*float:right;*/


/*}*/

.morereviews {
    margin-top: 15px;
}

.morereviews a:link,
.morereviews a:visited {
    color: #8e4265;
}

.morereviews a:hover {
    color: #000;
}

h2 {
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #000;
    font-size: 16px;
}

#texttengah a:link,
#texttengah a:visited {
    color: #984568 !important;
}

#texttengah a:hover {
    color: #000 !important;
}


/*#textads{ display:table; text-align:left; width:45% !important; height:auto; margin:0 20px 15px 0; float:left; position:relative;}*/

#textads {
    display: block;
    text-align: left;
    height: 200px;
    margin: 5px 20px 15px 0;
    float: left;
    position: relative;
}

#textads #ads_r {
    display: block;
    position: relative;
    width: 100% !important;
    padding-bottom: 20px;
}

#textads #ads_r .ads,
#textads #ads_r .ads2 {
    margin-top: 5px;
    padding-bottom: 10px;
    font-size: 11px;
    text-align: left;
    width: 100% !important;
    border-bottom: 1px dotted #999;
    white-space: -moz-pre-wrap !important;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    white-space: pre-wrap;
    /* css-3 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}

#textads a:hover h3 {
    text-decoration: underline;
}

#textads a h3 {
    font-weight: bold;
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

#textads .adtitle {
    font-weight: bold;
    font-size: 11px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    color: #333 !important;
    margin-bottom: 10px;
}

#textads .linkbuy a:link,
#textads .linkbuy a:visited {
    font-weight: normal;
    font-size: 10px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    color: #333 !important;
    float: right;
    margin-top: 10px;
    text-decoration: none;
    right: 0px;
    bottom: 0px;
    position: absolute;
}

#textads .linkbuy a:hover {
    font-weight: normal;
    font-size: 10px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    color: #333 !important;
    float: right;
    margin-top: 10px;
    text-decoration: underline;
}


/* end */


/* social icons */

.fb-thumb {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(images/social-icons.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-right: -1px;
}

.fb-thumb:hover {
    opacity: 0.6;
}

.twitter-thumb {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(images/social-icons.png);
    background-repeat: no-repeat;
    background-position: -20px 0px;
    margin: 0 1px;
}

.twitter-thumb:hover {
    opacity: 0.6;
}

.rss-thumb {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(images/social-icons.png);
    background-repeat: no-repeat;
    background-position: -40px 0px;
    margin: 0 1px;
}

.rss-thumb:hover {
    opacity: 0.6;
}

.pinterest-thumb {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(images/social-icons.png);
    background-repeat: no-repeat;
    background-position: -80px 0px;
    margin: 0 1px;
}

.pinterest-thumb:hover {
    opacity: 0.6;
}

.youtube-thumb {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(images/social-icons.png);
    background-repeat: no-repeat;
    background-position: -60px 0px;
    margin: 0 1px;
}

.youtube-thumb:hover {
    opacity: 0.6;
}

.gplus-thumb {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(images/social-icons.png);
    background-repeat: no-repeat;
    background-position: -100px 0px;
    margin: 0 1px;
}

.gplus-thumb:hover {
    opacity: 0.6;
}

.instagram-thumb {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(images/social-icons.png);
    background-repeat: no-repeat;
    background-position: -120px 0px;
    margin: 0 1px;
}

.instagram-thumb:hover {
    opacity: 0.6;
}

.fb-medium {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-size: 185px 47px;
    background-image: url(images/social-icons.png);
    background-repeat: no-repeat;
    background-position: 0px -20px;
}

.fb-medium:hover {
    opacity: 0.6;
}

.twitter-medium {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-size: 185px 47px;
    background-image: url(images/social-icons.png);
    background-repeat: no-repeat;
    background-position: -26px -20px;
    margin: 0 1px;
}

.twitter-medium:hover {
    opacity: 0.6;
}

.rss-medium {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-size: 185px 47px;
    background-image: url(images/social-icons.png);
    background-repeat: no-repeat;
    background-position: -53px -20px;
    margin: 0 1px;
}

.rss-medium:hover {
    opacity: 0.6;
}

.pinterest-medium {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-size: 185px 47px;
    background-image: url(images/social-icons.png);
    background-repeat: no-repeat;
    background-position: -106px -20px;
    margin: 0 1px;
}

.pinterest-medium:hover {
    opacity: 0.6;
}

.youtube-medium {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-size: 185px 47px;
    background-image: url(images/social-icons.png);
    background-repeat: no-repeat;
    background-position: -80px -20px;
    margin: 0 1px;
}

.youtube-medium:hover {
    opacity: 0.6;
}

.gplus-medium {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-size: 185px 47px;
    background-image: url(images/social-icons.png);
    background-repeat: no-repeat;
    background-position: -133px -20px;
    margin: 0 1px;
}

.instagram-medium:hover {
    opacity: 0.6;
}

.instagram-medium {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-size: 185px 47px;
    background-image: url(images/social-icons.png);
    background-repeat: no-repeat;
    background-position: -159px -20px;
    margin: 0 1px;
}

.gplus-medium:hover {
    opacity: 0.6;
}

.icon-find {
    display: inline-block;
    width: 209px;
    height: 52px;
    background-image: url(images/icons-sprite.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin: 0px;
}

.icon-join {
    display: inline-block;
    width: 209px;
    height: 52px;
    background-image: url(images/icons-sprite.png);
    background-repeat: no-repeat;
    background-position: 0px -114px;
    margin: 0px;
}

.icon-join2 {
    display: inline-block;
    width: 209px;
    height: 60px;
    background-image: url(images/icons-sprite.png);
    background-repeat: no-repeat;
    background-position: 0px -55px;
    margin: 0px;
}

.icon-video {
    display: inline-block;
    width: 210px;
    height: 270px;
    background-image: url(images/icons-sprite.png);
    background-repeat: no-repeat;
    background-position: 0px -167px;
    margin: 0px;
}

.icon-email {
    display: inline-block;
    width: 14px;
    height: 10px;
    background-image: url(images/icons-sprite.png);
    background-repeat: no-repeat;
    background-position: 0px -440px;
    margin: 0px;
}

.icon-globe {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(images/icons-sprite.png);
    background-repeat: no-repeat;
    background-position: -14px -440px;
    margin: 0px;
}

.event-arrow {
    display: inline-block;
    width: 11px;
    height: 10px;
    background-image: url(images/icons-sprite.png);
    background-repeat: no-repeat;
    background-position: -28px -440px;
    margin: 0px;
}

.star-blank {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(images/icons-sprite.png);
    background-repeat: no-repeat;
    background-position: -61px -440px;
    margin: 0px;
}

.normal ol {
    list-style: circle outside !important;
}

.normal ol li {
    list-style: square outside !important;
    background-image: url(images/listLili.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 20px;
}


/*custom css*/


/*search result*/

.idented {
    margin: 5px;
    padding: 5px 0;
    min-height: 85px;
}
.idented .img-result-search{
    position: relative;
    height: 85px;
    width: 120px;
    float: left;
    padding-right: 15px;
}
.idented .img-result-search .img-play{
    position: absolute;
    top: 0;
}
.idented .img-result-search img{
    width: 100%;
}
.idented .title {
    font-size: 15px;
    font-weight: bold;
    padding: 2px 0;
}

.idented .title a {
    color: #8E4265 !important;
}

.idented .title a:hover {
    color: #8f0744 !important;
}

.idented .title a:active {
    color: #c3276d !important;
}

.idented .description {
    font-size: 13px;
    text-align: justify;
    padding: 2px 0;
}

.idented .description a.readmore {
    font-size: 11px;
    color: #8E4265 !important;
}

.idented .description a:hover {
    color: #8f0744 !important;
}

.underd {
    margin: 5px 0;
    border-bottom: 1px dotted #333333;
}

.underl {
    margin: 30px auto;
    width: 75%;
    border-bottom: 2px solid #CCCCCC;
}


/*search*/

.keyword {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 10px 0px 0px 5px;
}

.keyword span {
    font-size: 20px;
    color: #8E4265;
    text-decoration: underline;
}

.paging {
    font-size: 15px;
    color: #8b1329;
}

.paging span.fpage {
    font-size: 16px;
    color: #8b1329;
    letter-spacing: 1px;
    font-family: arial;
}

.paging a {
    font-size: 12px;
    color: #333333;
}

.paging a.current {
    font-size: 13px;
    font-weight: bold;
    color: #8b1329;
    text-decoration: underline;
}

.searchtab {
    font-size: 13px;
    font-weight: bold;
    color: #8E4265;
}

.searchtab a {
    color: #555555;
}

.searchtab a:hover {
    color: #333333;
}

.searchtab a.active {
    color: #8E4265;
    text-decoration: underline;
}

.radioform {
    margin: 0px 0 10px;
    float: right;
    width: 400px;
}
.radioform div {
    margin: 3px;
    display: inline-block;
}


/*update*/

.normal-review,
.normal-article {
    font-size: 16px !important;
    font-family: Arial !important;
}

.normal-review p,
.normal-article p {
    margin: 10px 0;
    font-size: 16px !important;
    font-family: Arial !important;
}

.normal-review span,
.normal-article span,
.normal-review ul li,
.normal-article ul li,
.normal-review ol li,
.normal-article ol li {
    font-size: 16px !important;
    font-family: Arial !important;
}

.normal-review a,
.normal-article a,
.normal-review p a,
.normal-article p a {
    color: #8e4265 !important;
}

.icon-shop {
    background-image: url(images/icons-sprite.png);
    background-repeat: no-repeat;
    background-position: -40px -60px;
    display: inline-block;
    width: 122px;
    height: 52px;
    margin: 0px;
}


/*.icon-shop{	display:inline-block;	width:122px;	height:52px;	background-image:url(images/shop.png);	background-repeat:no-repeat;	background-position:0px 0px;	margin:0px;}*/


/*pop-up survey*/

.popcontent {
    margin: 20px 0;
}

.popcontent p {
    margin: 15px 0;
    font-size: 15px;
    letter-spacing: 1px;
}

.popbutton {
    letter-spacing: 0;
    -moz-box-shadow: inset 0px 1px 0px 0px #f5978e;
    -webkit-box-shadow: inset 0px 1px 0px 0px #f5978e;
    box-shadow: inset 0px 1px 0px 0px #f5978e;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
    background: -moz-linear-gradient( center top, #f24537 5%, #c62d1f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
    background-color: #f24537;
    -webkit-border-top-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-left-radius: 7px;
    text-indent: 0;
    border: 1px solid #d02718;
    display: inline-block;
    color: #ffffff !important;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    height: 40px;
    line-height: 40px;
    width: 117px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #810e05;
}

.popbutton:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
    background: -moz-linear-gradient( center top, #c62d1f 5%, #f24537 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
    background-color: #c62d1f;
    cursor: pointer;
}

.popbutton:active {
    position: relative;
    top: 1px;
}


/*for category list*/

.list-catlink {
    padding: 0 10px;
    font-size: 11px;
    margin: 10px 0;
    padding: 0 10px 10px;
    border-bottom: 1px solid #E0E0E0;
}

.list-catlink h1 {
    font-size: 12px !important;
    font-family: arial !important;
    font-weight: 400 !important;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.list-catlink a h1 {
    color: #8E4265 !important;
    font-size: 12px !important;
    font-family: arial !important;
    font-weight: 400 !important;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.category-list {
    margin: 0 0 10px;
    padding: 5px 0;
    clear: both;
}

.category-list .cat-title {
    border-bottom: 1px solid #DFDFDF;
    font-size: 13px;
    font-weight: 900;
    margin: 10px 0 15px;
    padding: 5px;
}

.cat-lineup {
    text-align: center;
}

.lineup {
    width: 45%;
    display: inline-block;
    margin: 5px 3px 5px 4px;
    height: 250px;
    overflow: hidden;
}

.lineup .divhover {
    background-color: #333333;
    cursor: pointer;
    height: 97px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    position: absolute;
    width: 120px;
    z-index: 2;
    display: none;
}

.lineup .divhover span {
    bottom: 0;
    color: #CFCFCF;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 1px;
    position: absolute;
}

.lineup .lineup-img {
    height: auto;
    margin-bottom: 5px;
}

.lineup .lineup-img img {
    width: 100%;
    height: auto;
}

.lineup .lineup-text {
    text-align: left;
    padding: 2px;
    overflow: hidden;
    display: table-row;
}

.lineup .lineup-text a {
    color: #333333;
    font-size: 12px;
}

.lineup .lineup-text p {
    color: #555555;
    font-size: 11px;
}


/*banner rotator*/

.banner-rotator {
    margin: 20px 0 0;
    padding: 5px 5px 10px;
}

.favorite .shares {
    /*margin: 0 10% 10px;*/
    text-align: justify;
    width: 100%;
    clear: both;
}
table .favorite .shares {
    height: 32px;
}

.favorite .shares:after {
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}


/*.favorite .shares {*/


/*clear: both;*/


/*float: left;*/


/*margin: 0 auto 10px;*/


/*text-align: center;*/


/*width: 365px;*/


/*}*/

.favorite .shares span {}

.fbbutton {
    margin: 0 5px 0 0 !important;
    bottom: 7px;
}

.fbbutton-head {
    margin: 0 !important;
    top: 2px;
    left: 5px;
}

.fbbutton-head-home {
    margin: 0 !important;
    top: -4px;
    left: 2px;
}

.fbbutton-popup {
    margin: 0 !important;
    top: 3px;
    left: 5px;
}

span.st_fbsend_large span {
    bottom: 3px !important;
}

.ads-eco {
    margin: 5px auto 20px;
    text-align: center;
}

.ads-eco img {
    width: 100%;
    max-width: 500px;
}


/*new york pop-up*/

div.jqmConfirmWindow4 {
    display: inline-block;
    background: none repeat scroll 0 0 #fff;
    border: 5px solid #999999;
    border-radius: 15px;
    height: auto;
    margin: auto;
    /*max-width: 500px;*/
    padding: 10px;
    /*width: 85%;*/
    /*max-width: 460px;*/
}


div.jqmConfirm2 .jqmCloseNY {
    background: url("../images/w_close.gif") no-repeat scroll 0 0 transparent;
    clear: right;
    display: inline-block;
    float: right;
    height: 20px;
    width: 20px;
}


/*valentine popup*/

div.jqmConfirmWindow5 {
    background: none repeat scroll 0 0 #fff;
    border: 5px solid #999999;
    border-radius: 15px;
    height: auto;
    margin: auto;
    max-width: 500px;
    padding: 10px;
    width: 500px;
}

#gads {
    display: block;
    height: 200px;
    width: 200px;
    padding-bottom: 20px;
    position: relative;
}


/*review page layout*/

.reviewlink-bottom {
    margin: 0 auto 15px;
    float: none !important;
}

.reviewlink {
    float: right;
    width: 150px;
}

.reviewlink a img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
}

.reviewlink a img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
}

.reviewlink img {
    width: 130px;
}

.reviewlink-single img {
    width: 150px;
}

#body1 .tengah .favorite {
    overflow: hidden;
    padding-bottom: 5px;
    position: relative;
    border-bottom: 0 none;
    margin-bottom: 0;
}

.address-review {
    float: left;
    width: 100%;
    max-width: 355px;
}

#mapcontainer {
    float: right;
    padding: 0;
    width: 150px;
    margin: 0;
}

.maplocation {
    position: relative;
    padding: 0;
}

.maplocation a {
    text-decoration: none;
}

.maplocation a:hover {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    /* IE 5-7 */
    filter: alpha(opacity=70);
    /* Netscape */
    -moz-opacity: 0.7;
    /* Safari 1.x */
    -khtml-opacity: 0.7;
    /* Good browsers */
    opacity: 0.7;
}

.maplocation a img {
    box-shadow: 0 0 10px #cecece;
}


/*new layout for article page*/

#header-photo-box {
    margin: 0 auto;
    padding: 10px 0;
    background-color: #fff;
    overflow: hidden;
    display: block;
    position: relative;
    /*max-width:980px;*/
}

#header-photo-box .title-header-img {
    bottom: 60px;
    left: 10%;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 80%;
}

#header-photo-box .title-header-img h1 {
    color: #fff;
    letter-spacing: 1px;
    text-transform: lowercase;
}

#header-photo-box .title-header-img h1 span {
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 2.65rem;
    line-height: 1.36667;
    padding: 2px 5px;
    text-transform: lowercase;
}

#header-photo {
    width: 100%;
    /*max-width:980px;*/
    /*max-height:300px;*/
    margin: 0 auto;
    display: block;
}

.full-width-photo #header-photo {
    max-width: none;
    max-height: none;
}

#header-breadcrumb {
    width: 100%;
    margin: 10px auto 0;
    display: block;
}

#header-breadcrumb #breadcrumb {
    margin-bottom: 5px;
}

.photoby {
    background-color: #666;
    bottom: 10px;
    color: #fff;
    font-size: 14px;
    font-style: italic;
    zoom: 1;
    filter: alpha(opacity=70);
    opacity: 0.7;
    padding: 0 10px;
    position: absolute;
    right: 0;
}

#body1 .tengah .jeda-article {
    height: 17px;
}


/*== new style for header menu ==*/

.header-menu {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 3px solid #e0e0e0;
    height: 28px;
    padding: 0;
    visibility: visible;
    text-align: justify;
    margin: 0px 1%;
    width: 97%;
    max-width: 980px;
}

.header-menu:after {
    width: 100%;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}

.header-menu li {
    border-left: 0 solid #91918f;
    display: inline-block;
    list-style: outside none none;
    /*margin-right: 30px;*/
    /*margin-left: 30px; padding: 0;*/
}

@media screen and (max-device-width: 767px) {
    .header-menu li {
        margin-right: 10px;
        margin-left: 10px;
    }
}

.header-menu li:first-child {
    margin-right: 32px;
    margin-left: 0;
}

.header-menu li:last-child {
    margin-right: 0;
    margin-left: 32px;
}

@media not all and (-webkit-min-device-pixel-ratio:0) {
    /* chrome */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .header-menu li:first-child {
        margin-right: 15px;
    }
    .header-menu li:last-child {
        margin-left: 15px;
    }
}

.header-menu li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #000;
    display: block;
    margin: 0;
    padding: 7px 0px 7px 0;
    font-size: 15px;
    font-weight: 300 !important;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    font-family: 'Vidaloka';
    cursor: pointer;
}

.header-menu li>strong {
    cursor: pointer;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #000;
    display: block;
    margin: 0;
    padding: 7px 0px 7px 0;
    font-size: 15px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    font-family: 'Vidaloka';
    cursor: pointer;
}

.header-menu li:hover a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #000;
}

.header-menu li ul {
    visibility: hidden;
}

.header-menu li:hover ul {
    min-width: 50px;
    width: auto;
    margin-top: 1px;
    visibility: visible;
}

.header-menu ul {
    background: #fff none repeat scroll 0 0;
    clear: both;
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    z-index: 100;
}

.header-menu ul li {
    border: medium none;
    color: #000;
    float: none;
    font: 11px arial;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.header-menu ul li:hover ul {
    min-width: 50px;
    width: auto;
    margin-top: 1px;
    visibility: visible;
}

.header-menu ul li a {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #000;
    padding: 9px 15px;
    text-align: left;
    width: auto;
    font-size: 14px;
}

.header-menu ul li a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #a4a4a4 none repeat scroll 0 0;
    border-color: #fff;
    border-image: none;
    border-style: solid;
    border-width: 1px 0;
    color: #000;
    padding: 9px 16px;
}

.header-menu ul li ul li a {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #000;
    padding: 7px 15px;
    text-align: left;
    width: auto;
}

.header-menu ul li ul li a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff;
    border-image: none;
    border-style: solid;
    border-width: 1px 0;
    color: #fff;
    padding: 7px 16px;
}

.header-menu .hsub {
    background: rgba(0, 0, 0, 0) url("arroww.gif") no-repeat scroll right center;
}

.header-menu .hsub:hover {
    background: #213866 url("arroww.gif") no-repeat scroll right center;
}


/* msgbox on registration*/

.resultbox {
    background-color: #ececec;
    border: 1px solid #dadada;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0 0 4px #ddd;
    -webkit-box-shadow: 0 0 4px #ddd;
    -o-box-shadow: 0 0 4px #ddd;
    margin-bottom: 15px;
    padding: 15px 10px;
    width: 355px;
}

.resultbox h3 {
    font-size: 17px;
    margin-bottom: 5px;
}

.resultbox p {
    color: #333;
    font-size: 13px;
}

.approvecontainer {
    margin: 0 auto;
    display: block;
    text-align: center;
}

.approvecontainer #acc_list {
    margin: 0 auto;
    display: block;
}


/* msgbox on approval*/

.approvebox {
    margin: 15px auto;
    padding: 5px 15px;
}

.approvebox h3 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 15px;
    color: #333;
}

.approvebox p {
    color: #333;
    font-size: 16px;
    margin: 0 0 15px;
    text-align: center;
}


/*big ads + full size*/

.container-body {
    margin: 0 auto !important;
    overflow: hidden;
    width: 980px;
}

#sticky-menu {
    display: none;
    position: fixed;
    background: #fff;
    z-index: 10;
    width: 100%;
    -webkit-box-shadow: 0 8px 11px 6px white;
    -moz-box-shadow: 0 8px 11px 6px white;
    box-shadow: 0 8px 11px 6px white;
}

#sticky-menu ul.header-menu {
    margin: 0 auto;
}

#sticky-menu .secondary {
    text-align: center;
}

.formContactUs {
    width: 100%;
    max-width: 390px;
}


/*!*featured articles*!*/


/*#featured-box{*/


/*border-bottom: 1px solid #cfcfcf;*/


/*margin: 0 0 30px;*/


/*overflow: hidden;*/


/*padding: 5px 0 20px;*/


/*}*/


/*.featured-article{*/


/*padding: 0 5px;*/


/*width: 225px;*/


/*min-height:200px;*/


/*margin-left:10px;*/


/*float:left;*/


/*}*/


/*.featured-article:nth-child(1){*/


/*margin-left:0;*/


/*}*/


/*.featured-category{*/


/*font-family: arial;*/


/*font-size: 12px;*/


/*padding: 3px 0;*/


/*}*/


/*.featured-category a{*/


/*color: #8e4265;*/


/*text-decoration:none;*/


/*}*/


/*.featured-title h2{*/


/*font-family: "Vidaloka";*/


/*font-size: 15px;*/


/*font-weight: 200;*/


/*letter-spacing: 0.0085em;*/


/*}*/


/*.featured-excerpt{*/


/*color: #393939;*/


/*font-size: 12px;*/


/*font-weight: 200;*/


/*padding: 3px 0;*/


/*}*/


/*.featured-thumb{*/


/*position:relative;*/


/*}*/


/*.featured-thumb .video-thumb{*/


/*height: 150px;*/


/*width: 225px;*/


/*}*/


/*.featured-thumb .playicon{*/


/*height: 150px;*/


/*left: 0;*/


/*position: absolute;*/


/*width: 225px;*/


/*opacity:0.8;*/


/*top:0;*/


/*}*/


/*.featured-thumb .playicon:hover{*/


/*opacity:1;*/


/*}*/

#body1 .tengah .list_review .bag.watchVideosAllCat {
    height: 210px;
    position: relative;
}
#body1 .tengah .list_review .bag.watchVideosAllCat {
    height: 210px;
    position: relative;
}

#body1 .tengah .list_review .bag.watchVideosAllCat .vid-list-ol {
    display: inline-block;
    padding-left: 0px;
}

.bag.watchVideosAllCat .big {
    font-size: 15px;
    font-weight: bold;
}

.bag.watchVideosAllCat .big.more {
    font-size: 18px;
    display: block;
}

.title-videosItemMain {
    text-align: center;
    height: 30px;
}

.img-videos {
    position: relative;
    width: 100%;
}

.img-videos img {
    width: 40%;
}

.img-videos:nth-child(1) {
    width: 40%;
}

#uploaheaderUploader object {
    position: absolute;
}

.butUploadify {
    position: absolute;
    width: 110px;
    height: 30px;
    z-index: -1;
    background: url("/imgUpload/upload.jpg");
}


/********* yoga-advertising-green-marketing-media-kit (ads-info.php) ***********/

.titleImgInyogaAdv {
    width: 100%;
    max-width: 360px;
    height: auto;
    float: right;
    margin-left: 50px;
}


/********* yoga-advertising-green-marketing-media-kit (ads-info.php) ///********/


/*********************** manage-account-test.php ********************/

.countryok,
.stateok,
.cityok {
    height: auto!important;
}

#textCountry,
#textState,
#textCity {
    width: auto!important;
}

#removeState img,
#removeCountry img,
#removeCity img {
    margin-top: -6px;
}


/*********************** manage-account-test.php ///*****************/


/********************************* Contact-us ***********************/

.contentContact-us {
    width: 100%;
}


/********************************* Contact-us ***********************/


/********************************* Who-did-it ***********************/

.myPages #aswift_1_expand,
.myPages #aswift_0_expand {
    display: none !important;
}

.mobiNavigation {
    margin-bottom: 30px;
}

.mobiNavigation #navigation {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.fotoAuthorYogi {
    width: 100%;
    height: auto;
    max-width: 520px;
}


/********************************* Who-did-it ///********************/


/*********************** Sliders in home page ***********************/

.slideshowSmall {
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.slideshowSmall img {
    margin: 0px auto;
}

.slideshowBig img {
    text-align: center;
    margin: 0px auto;
    width: 100%;
    display: block;
    max-width: 850px;
}


/*********************** Slider in home page ///*********************/


/*********************** city-guides.php   **************************/

#body1 .tengah.city-guides {
    width: 100%;
}
#body1 .tengah .city-guides {
    padding-left: 1%;
}

.title-cityGuid {
    width: 100%;
    font: 600 25px "Times New Roman", serif;
}

.img-cityGuid {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    float: left;
    /*padding: 0.5% 0.5% 0px 0.5%;*/
    margin: 0.5%;
    height: 300px;
}

.img-cityGuid.big-cityGuid {
    width: 65%;
}

.img-cityGuid.small-cityGuid {
    width: 32%;
}

.img-cityGuid img {
    width: 100%;
}

.img-cityGuid .shadow {
    height: 300px;
    opacity: 0;
    transition: all 0.5s linear;
    z-index: 100;
    background-color: #000;
}

.img-cityGuid .shadow:hover {
    opacity: 0.5;
}

.text-cityGuid {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    font: bolder 26px Arial;
    color: white;
}


/*********************** city-guides.php   ///***********************/


/********************************* account.php **********************/

#header .welcomeText {
    font-size: 14px;
    width: 85%;
    text-align: left;
}


/********************************* account.php **********************/
.smallDFP{
    display: none;
}
@media all and (max-device-width: 767px),
all and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) {
    .hide-inPhone {
        display: none !important;
    }
    .visible-inPhone {
        display: block;
    }

    #body1 .tengah .related .kirimr{
        min-height: 233px;
    }
    #body1 .tengah .related .kirimr .text-reatedArticles{
        height: 84px;
    }
    .lineup {
        height: 148px;
    }
    .header-menu {
        height: auto;
        text-align: center;
    }
    #header .logocity {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    #header .logocity img {
        width: 100px;
    }
    #header .tagline {
        margin: 10px 1% 40px 1%;
    }

    #header .tagline .taglinetxt {
        font-size: 16px;
    }


    #header-photo-box .title-header-img {
        bottom: 9px;
        left: 0%;
        text-align: center;
        width: 100%;
    }
    #header-photo-box .title-header-img h1 span {
        font-size: 1.6rem;
    }
    #body1 .tengah .related .kirimr>div {
        display: block;
    }
    #body1 .tengah .related img {
        width: 100%;
    }

    #body1 .tengah .list_review .bag {
        height: 200px;
    }
    #body1 .tengah .list_review .bag.watchVideosCat {
        height: 180px;
    }

    #body1 .tengah.watch-videos .list_review .bag {
        height: 282px;
    }


    #header-photo-box .title-header-img h1 {
        margin-bottom: 4px;
        letter-spacing: 0px;
        line-height: 25px;
    }
    .img-rewItem,
    .img-rewItemMain {
        width: 100%;
    }
    .text-rewItem {
        height: 106px;
    }
    .lineup {
        width: 45%;
    }

    .photoby {
        bottom: initial;
        top: 10px;
        font-size: 12px;
        opacity: 0.3;
    }

    #body1 .tengah .list_review .bag.watchVideosAllCat {
        height: 245px;
        border-bottom: 1px solid gray;
    }
    .bag.watchVideosAllCat .big {
        font-size: 12px;
    }
    .img-videos img {
        width: 100%;
    }
    .bag.watchVideosAllCat .big.more {
        text-align: center;
        position: absolute;
        bottom: 15px;
        left: 30%;
        font-size: 18px;
        display: block;
        padding: 0px 15px;
    }
    /*********    (search.php) ***********/

    .radioform{
        width: 250px;
    }
    .radioform div{
        margin: 8px;
    }
    /********* ///(search.php) ***********/
    /********* yoga-advertising-green-marketing-media-kit (ads-info.php) ***********/
    .wrapperContentInads-info {
        width: 96%;
        padding: 2%;
    }
    .titleImgInyogaAdv {
        float: none;
        margin: 0 auto;
        display: block;
    }
    .panes img {
        width: 100%;
    }
    img.btnUploadYour {
        width: auto;
    }
    #footer-menu .ft-kiri.footer2 {
        width: 100%;
    }
    #footer-menu .ft-kiri.footer2 .menu-foot ul {
        text-align: center;
    }
    #footer-menu .ft-kiri.footer2 .menu-foot ul li {
        display: inline-block;
    }
    /********* yoga-advertising-green-marketing-media-kit (ads-info.php) ///********/
    /*********************** manage-account-test.php ********************/
    #header .RegForm {}
    #container.manage-account {
        margin: 2%;
        width: 96%;
    }
    #header .RegForm {
        width: 100%;
        max-width: 505px;
    }
    #header .RegForm ul li {
        height: auto;
    }
    #header .RegForm ul li #textInfo {
        width: auto;
    }
    #header .RegForm ul li #formBox {
        clear: left;
    }
    #header .RegForm ul li #formBox strong {
        display: block;
        margin-bottom: 16px;
    }
    .dropdown-menu {
        opacity: 0;
        transition: all 1s linear;
    }
    .open>.dropdown-menu {
        opacity: 1;
    }
    .manage-account .btn-group>.btn:first-child {
        width: 120px;
    }
    .manage-account .btn-group .dropdown-menu {
        padding: 15px;
    }
    .countryok,
    .stateok,
    .cityok {
        height: auto!important;
    }
    #textCountry,
    #textState,
    #textCity {
        width: auto;
    }
    /*********************** manage-account-test.php ///*****************/
    /********************************* account.php **********************/
    #container.account {
        margin: 2%;
        width: 96%;
    }
    #header .logo {
        text-align: center;
        width: 100%;
    }
    #header .welcomeText {
        width: 100%;
    }
    #header .RegForm_acc {
        margin-top: 15px;
    }
    #header .RegForm_acc ul li {
        height: auto;
    }
    #header .RegForm_acc ul li #textInfo,
    #header .RegForm_acc.logIn ul li #textInfo {
        width: auto;
        margin: 3% 0% 0% 0%;
    }
    #header .RegForm_acc ul li #textAsc {
        margin: 3% 0% 0% 0%;
    }
    #header .RegForm_acc ul li #formBox {
        margin: 1% 0%;
        clear: left;
        text-align: center;
    }
    /********************************* account.php **********************/
    /********************************* Contact-us ***********************/
    .tengah.contact-us ins {
        display: none!important;
    }
    .contentContact-us {
        text-align: center;
    }
    /********************************* Contact-us ***********************/
    /**************************** yoga-pages-test ***********************/
    .myPages.yoga-pages-test ol li {
        margin-left: 12px;
    }
    /**************************** yoga-pages-test ***********************/
    /********************************* Who-did-it ***********************/
    .titleInWho-did-it {
        width: 100%;
    }
    .minfotoAuthorYogi {
        width: 45%;
        height: auto;
    }
    /********************************* Who-did-it ///********************/
    /*********************** city-guides.php   **************************/
    .text-cityGuid {
        font: bolder 14px Arial;
    }
    /*********************** city-guides.php   ///***********************/
    div.jqmConfirmWindow4 {
        padding: 0px;
    }
}

@media all and (max-device-width: 767px) and (orientation: portrait),
all and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #body1 .tengah .list_article .bag,
    #body1 .tengah .list_review .bag {
        width: 96%;
    }
}

@media all and (max-device-width: 767px) and (orientation: landscape),
all and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    #body1 .tengah .list_review .bag {
        height: 270px;
    }
    #body1 .tengah .list_review .bag.watchVideosCat {
        height: 230px;
    }
    #body1 .tengah .list_review .bag.watchVideosAllCat {
        height: 325px;
    }
    #body1 .tengah .related .kirimr {
        height: 345px;
    }
    .lineup {
        width: 30%;
    }
    .collapse_menu {
        height: 40px !important;
    }
    .collapse_menu .burger {
        padding: 5px 0px !important;
    }
    .collapse_menu .logocity_collapse {
        margin-top: -3px;
    }
    .collapse_menu .logocity_collapse img {
        height: 36px;
    }
    .search-button-menu {
        padding: 0px 0px;
    }


    /*********************** city-guides.php   **************************/
    .text-cityGuid {
        font: bolder 18px Arial;
    }
    /*********************** city-guides.php   ///***********************/
}

@media all and (min-device-width: 768px) and (max-device-width: 1023px),
all and (min-device-width: 768px) and (max-device-width: 1023px) and (-webkit-min-device-pixel-ratio: 2) {
    .hide-inTab{
        display: none !important;
    }
}

@media all and (max-device-width: 1023px) {
    .hide-inMobile {
        display: none !important;
    }
    body {
        font-size: 16px;
    }
    .search-fild .search-bar__submit{
        right: 0;
        left: auto;
    }

    .drop_mobi_menu {
        height: auto;
        top: -500px;
    }
    .collapse_menu .wrapCollapse_menu {
        display: block;
    }
    .collapse_menu .burger {
        position: absolute;
        display: inline-block;
        left: 10px;
        width: 30px;
        height: 30px;
        padding: 21px 0px;
    }
    .logocity_collapse {
        display: inline-block;
        width: 70%;
        margin-top: 3px;
    }
    .search-button-menu {
        position: absolute;
        display: inline-block;
        right: 10px;
        /*padding: 14px 0px;*/
    }
    .btn_close_mobi_menu {
        float: right;
    }
    .collapse_menu {
        width: 100%;
        height: 70px;
    }
    .wrapCollapse_menu {
        margin: 0% 5%;
        width: 90%;
    }
    .featured-category {
        font-size: 13px;
    }
    .featured-title h2 {
        font-size: 14px;
    }
    .featured-thumb img {
        width: 100%;
    }
    /*#header .top {*/
    /*height: 45px;*/
    /*}*/
    /*.top .t-menu {*/
    /*font-size: 2.8rem;*/
    /*text-align: center;*/
    /*}*/
    .header-menu ul li a {
        font-size: 23px;
    }
    #body1 .kanan {
        display: none !important;
    }
    #body1 .tengah {
        margin: 0px 3%;
        width: 94%;
    }
    #body1 .tengah h1 {
        margin: 0px 0px 10px 0px;
    }
    /*********************** city-guides.php   **************************/
    #body1 .tengah.city-guides {
        margin: 0px 0%;
    }
    .img-cityGuid {
        height: 180px;
    }
    .img-cityGuid .shadow {
        height: 180px;
    }
    /*********************** city-guides.php   ///***********************/
    #footer-menu {
        padding: 0px;
    }
    #footer-menu .ft-kanan {
        width: 100%;
        text-align: center;
    }
}

@media all and (min-device-width: 1024px) {
    .hide-desktop {
        display: none!important;
    }

    .search-fild {
        max-width: 980px;
        margin-left: -490px;
        left:50%;
    }

    .idented .description {
        font-size: 14px;
        text-align: justify;
        padding: 2px 0;
    }
    .idented .title {
        font-size: 18px;
        font-weight: bold;
        padding: 2px 0;
    }
}

.top-line {
    width: 100%;
    text-align: center;
}

.top-lineBut {
    display: inline-block;
    padding: 2% 4%;
}


/* mobi drop menu*/

.accordion-container {
    position: relative;
    width: 80%;
    height: auto;
    margin: 20px auto;
}

.accordion-container > h2 {
    text-align: center;
    color: #fff;
    padding-bottom: 5px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

.set {
    width: 100%;
    height: auto;
    /*background-color: #f5f5f5;*/
    /*border-bottom: 1px solid #ddd;*/
}

.set > a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #555;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.accordion-href{
    float: left;
    width: 70%;
    padding: 12px 5%;
    height: 21px;
}
.accordion-drop{
    float: left;
    width: 20%;
    text-align: center;
    height: 100%;
}
.accordion-drop.active{
    background-color: #a2a2a2;
    color: #fff;
}
.accordion-drop i {
    font-size: 22px;
    display: block;
    padding: 8px 0px;
}
.content {
    width: 100%;
    height: auto;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    display: none;
}

.content div {
    padding: 10px 15px;
    margin: 0;
    color: #333;
}

/* banners */
.photo-author-rw{
    margin: 3px;
    text-align: right;
}
.banner_listPosts {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #e9ebee;
    border-top: 1px solid #e9ebee;
    padding: 10px 0;
    text-align: center;
    margin: 10px 0;
}
.banner_inPost {
    border-bottom: 1px solid #e9ebee;
    border-top: 1px solid #e9ebee;
    padding: 10px 0;
    text-align: center;
    margin: 10px 0;
}
.banner_listHome{
    border-bottom: 1px solid #e9ebee;
    border-top: 1px solid #e9ebee;
    padding: 10px 0;
    text-align: center;
    margin: 10px 0;
}




.text-center{
    text-align: center;
}
@media all and (orientation: portrait){
    .hide-inPortrait{
        display: none;
    }
}

@media all and (orientation: landscape){
    .hide-inLandscape{
        display: none;
    }
}

/* --*/