/* GENERAL */
html,body {margin:0; padding:0; background: #FFFFFF; text-align: center; font: 11px/15px Arial, Verdana,"Trebuchet MS", sans-serif;}
img {border:0;}
a {color: #7582A5; outline: 0; text-decoration: none;}
a:hover {color: #AC0E1D; text-decoration: none;}
.wrapper, .middle, .footer, .headerSite {display: inline-block; overflow: hidden;}
.wrapper {width: 1000px; background: #FFFFFF; margin: 0px 0px 0px 0px;}
.headerSite {width: 1000px; height:90px; margin: 8px 0px 0px 0px; text-align: left; overflow:hidden;}
.headerSiteLv3 {width: 1000px; height:90px; margin: 8px 0px 0px 0px; text-align: left; overflow:hidden;}
.middle {width: 1000px; margin: 0px 0px 0px 0px; text-align: left;}
.footer {width: 1000px; margin: 0px 0px 0px 0px; text-align: left;}
/* Header */
.topBanner, .topBannerLeft, .topBannerRight, .logo, .logoMenuSpace{display: inline-block; overflow: hidden;}
.menuTop{overflow: hidden;}
.topBanner {width: 986px; margin: 0px 7px 0px 7px;}
.topBannerLeft {width: 728px; height: 90px; float: left; margin: 0px 8px 0px 0px;}
.topBannerRight {width: 250px; height: 90px; float: left; margin: 0px 0px 0px 0px;}
.topBannerCenter {width: 670px; height: 60px; float: left; margin: 10px 0px 10px 0px;}
.logoMenu {width: 986px; margin: 8px 7px 0px 7px;height:125px;}
.logo {width: 432px; margin: 0px 10px 0px 0px; float: left;}
.logoMenuSpace {width: 13px; height: 87px; margin: 0px 0px 0px 0px; float: left; background: url(../images/image_boxatas_kiri.jpg) no-repeat top left !important;}
.menu {width: 531px; margin: 0px 0px 0px 0px; float: left;}
.menuTop {width: 530px; height: 87px; margin: 0px 0px 0px 0px; background: #3C3092;}
.search {text-align:left;width: 430px; height: 14px; margin: 35px 0px 0px 100px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; font-variant: normal; color: #FFFFFF; text-decoration: none;}
.home {width: 545px; margin: 7px 0px 0px 0px; font: 25px Arial, Verdana, "Trebuchet MS", sans-serif; padding:0; font-weight: normal; color: #FD9500; overflow:hidden; }
.searchCCHome {width: 100px; height: 25px; float: left; margin: 0px 0px 0px 0px;text-align:left; overflow:hidden ; }
.searchCC1 {width: 11px; height: 19px; float: left; margin: 0px 0px 0px 0px; background: url(../images/boxsearch_kiri.jpg) no-repeat top left !important; overflow:hidden ;}
.searchCC2 {height: 19px; float: left; margin: 0px 0px 0px 0px; background: #FFFFFF; overflow:hidden; }
.searchCC3 {width: 10px; height: 19px; float: left; margin: 0px 10px 0px 0px; background: url(../images/boxsearch_kanan.jpg) no-repeat top left !important; overflow:hidden ;}
.searchCC4 {width: 20px; height: 25px; float: left; margin: 0px 0px 0px 0px;}
.menuCC {width: 530px; height: 27px; margin: 0px 0px 0px 0px; background: #FFFFFF;}
.menuCCL {width: 486px; height: 27px; float: left; margin: 8px 0px 0px 0px; background: #FFFFFF;}
.menuCCR {width: 35px; height: 27px; float: left; margin: 0px 0px 0px 0px; background: url(../images/image_boxatas_bawah.jpg) no-repeat top left !important;}
/* MIDDLE Main Home */
.middleLeft, .lineBlue, .issue, .issueBox, .share, .mainHome, .mainPage, .sidebarRight, .shareItem {display: inline-block; overflow: hidden;}
.middleLeft {width: 670px; float: left; margin: 0px 10px 0px 10px;min-height:1500px;}
.mainHome {width: 670px; margin: 0px 0px 0px 0px;}
.mainPage {width: 670px; margin: 10px 0px 10px 0px;}
/* MIDDLE Main Home - Whats Hot */
.whatsHot, .whatsHotAlbum, .whatsHotThumb, .whatsHotSpace, .whatsHotSpace2, .cerdasCeriaCantik, .whatsHotNV
.cerdasCeriaCantikMain, .cerdasCeriaCantikMain2, .cerdasCeriaCantikThumb, .cerdasCeriaCantikSpace, .cerdasCeriaCantikContent,
.cerdasCeriaCantikSpaceFooter, .cerdasCeriaCantikSpaceFooter2 {display: inline-block; overflow: hidden;}
.whatsHot {width: 350px; margin: 0px 10px 0px 0px; float: left;}
.whatsHotAlbum {width: 335px; height:76px; padding:4px 0 8px 10px; border:solid 1px #FC9701 ;}
.whatsHotThumb {width: 50px; margin: 0px 0px 0px 0px; float: left;}
.whatsHotSpace2 {width: 40px; margin: 0px 0px 0px 0px; float: left;}
.whatsHotSpace {width: 5px; margin: 0px 0px 0px 0px; float: left;}
.whatsHotNV {width: 12px; height: 20px; margin: 25px 14px 25px 14px; float: left;}
.cerdasCeriaCantik {width: 310px; height: 594px; margin: 0px 0px 0px 0px; float: left; background: url(../images/image_background_CC.jpg) no-repeat top left !important;}
.cerdasCeriaCantikMain {width: 310px; height: 175px; margin: 20px 0px 0px 0px;}
.cerdasCeriaCantikMain2 {width: 310px; height: 175px; margin: 25px 0px 0px 0px;}
.cerdasCeriaCantikThumb {width: 125px; margin: 11px 0px 0px 0px; float: left;}
.cerdasCeriaCantikSpace {width: 10px; margin: 0px 0px 0px 0px; float: left;}
.cerdasCeriaCantikContentHeader {width: 116px; margin: 0px 0px 10px 0px; text-align: center;}
.cerdasCeriaCantikContent {width: 141px; margin: 2px 0px 0px 10px; float: left; color: #FFFFFF;}
.cerdasCeriaCantikSpaceFooter {width: 293px; height: 10px; margin: 0px 0px 10px 0px;}
.cerdasCeriaCantikSpaceFooter2 {width: 293px; height: 10px; margin: 0px 0px 0px 0px;}
/* MIDDLE Main Home - Jual Beli */
.jualBeliMain, .jualBeli, .jualBeliItem1, .jualBeliItem2, .jualBeliItem3, .jualBeliItem4, .jualBeliItem5 {display: inline-block; overflow: hidden;}
.jualBeliMain {width: 670px; margin: 0px 0px 0px 0px;}
.jualBeli {width: 670px; height: 205px; margin: 10px 0px 0px 0px; background: url(../images/cc_JB.jpg) no-repeat top left !important;}
.jualBeliItem1 {width: 100px; margin: 18px 0px 0px 23px; float: left;}
.jualBeliItem2 {width: 100px; margin: 18px 0px 0px 28px; float: left;}
.jualBeliItem3 {width: 100px; margin: 18px 0px 0px 34px; float: left;}
.jualBeliItem4 {width: 100px; margin: 18px 0px 0px 39px; float: left;}
.jualBeliItem5 {width: 100px; margin: 18px 0px 0px 25px; float: left;}
.jualBeliText {width: 100px; margin: 7px 0px 0px 0px; text-align: center;}
/* MIDDLE Main Home - Razia */
.raziaMain, .raziaHeader, .razia, .raziaImage, .raziaComment, .raziaGanjel {display: inline-block; overflow: hidden;}
.raziaMain {width: 670px; margin: 0px 0px 0px 0px;}
.raziaHeader {width: 670px; height: 34px; margin: 10px 0px 0px 0px; background: url(../images/image_head_razia.jpg) no-repeat top left !important;}
.razia {width: 670px; margin: 0px 0px 0px 0px;}
#raziaImage {width: 183px; margin: 10px 5px 0px 25px; float: left;}
.raziaComment {width: 166px; margin: 10px 5px 0px 15px; float: left;}
.raziaGanjel {width: 34px; height: 26px; float: left; margin: 0px 0px 0px 0px; background: url(../images/image_bawah_razia.jpg) no-repeat top left !important;}
/* MIDDLE Main Home - Friends In Frame */
.fifMain, .fif, .fifItem1, .fifItem2, .fifItem3{display: inline-block; overflow: hidden;}
.fifMain {width: 670px; margin: 0px 0px 0px 0px;}
.fif {width: 670px; height: 220px; margin: 10px 0px 0px 0px; background: url(../images/fif_frame.jpg) no-repeat top left !important;}
.fifItem1 {width: 197px; margin: 43px 0 0 211px; float: left;}
.fifItem2 {width: 197px; margin: 40px 0 0 42px; float: left;}
.fifItemContent {width: 197px; height: 132px; display: table-cell; vertical-align: middle; text-align:center;}
.fifText {width: 100px; margin: 7px 0px 0px 0px; text-align: center;}
/* MIDDLE Main Home - Aku dan CC */
.adccMain, .adcc, .adccItem1, .adccItem2, .adccItem3{display: inline-block; overflow: hidden;}
.adccMain {width: 670px; margin: 0px 0px 0px 0px;}
.adcc {width: 670px; height: 220px; margin: 10px 0px 0px 0px; background: url(../images/adcc_frameHome.jpg) no-repeat top left !important;}
.adccItem1 {width: 187px; margin: 45px 0 0 10px; float: left;}
.adccItem2 {width: 187px; margin: 44px 0 0 39px; float: left;}
.adccItemContent {width: 187px; height: 128px; display: table-cell; vertical-align: middle; text-align:center;}
.adccText {width: 100px; margin: 7px 0px 0px 0px; text-align: center;}
/* Sidebar Left */
.sideBarLeft, .sideBarCenter, .sideBarContentList, .sideBarContent, .sideBarContentL, .sideBarContentR, .polling, .pollingL, .pollingR {display: inline-block; overflow: hidden;}
.sideBarLeft {width: 190px; margin: 0px 10px 0px 0px; float: left; background: #FFFFFF;}
.sideBarCenter {width: 190px; margin: 0px 0px 0px 10px; float: left; background: #FFFFFF;}
.sideBarContent {width: 170px; margin: 10px 9px 10px 9px;}
.sideBarContentL {width: 15px; margin: 0px 0px 5px 0px; float: left; color: #ff0000;}
.sideBarContentR {width: 155px; margin: 0px 0px 5px 0px; float: left;}
.polling {width: 180px; margin: 10px 5px 0px 5px;}
.pollingL {width: 21px; margin: 0px 0px 0px 0px; float: left;}
.pollingR {width: 155px; margin: 0px 0px 0px 4px; float: left;}
/* Sidebar Left - Event*/
.event, .eventContent {display: inline-block; overflow: hidden;}
.event {width: 190px; margin: 0px 0px 0px 0px; background: url(../images/image_event_repeat.jpg) repeat !important;}
.eventContent {width: 160px; margin: 0px 15px 0px 15px; color: #E42E69;}
.eventLogoContent {width: 140px; margin: 10px 10px 0px 10px;}
.eventLogo {width: 57px; margin: 0px 5px 0px 0px; float: left;}
.eventPage {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #E42E6B; text-decoration: none; margin: 4px 0px 0px 0px;}
.eventPage:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #FFC5C3; text-decoration: none; margin: 4px 0px 0px 0px;}
/* Main Page */
.mainContent, .contentPink, .contentBlue, .contentText, .menuLevel2 {display: inline-block; overflow: hidden;}
.mainContent {width: 470px; margin: 0px 0px 10px 0px; float: left;}
.contentPink {width: 470px; margin: 0px 0px 10px 0px; background: #3C3092;}
.contentBlue {width: 470px; margin: 0px 0px 10px 0px; background: #E50E8D;}
.contentText {width: 450px; margin: 10px 10px 10px 10px; color: #FFFFFF;}
.menuLevel2 {width: 670px; height: 25px; margin: 10px 0px 0px 0px; background: #E50E8D; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #F68B95; text-decoration: none;}
/* Main Page - Forum*/
.forum, .forumL, .forumR {display: inline-block; overflow: hidden;}
.forum {width: 450px; margin: 0px 0px 10px 5px; color: #FFFFFF;}
.forumL {width: 340px; margin: 0px 0px 0px 10px; color: #FFFFFF; float: left;}
.forumR {width: 90px; margin: 0px 0px 0px 0px; color: #FFFFFF; float: left;}
.forumGadisHeader {width: 480px; height: 50px; margin: 0px 0px 0px 0px; background: url(../images/image_forum_head.jpg) no-repeat top left !important;}
.forumGadisContentSpace {width: 3px; margin: 0px 0px 0px 0px; float: left;}
/* Main Page - Info*/
.info, .infoL, .infoR {display: inline-block; overflow: hidden;}
.info {width: 450px; margin: 0px 0px 10px 0px; color: #FFFFFF;}
.infoL {width: 450px; margin: 0px 10px 0px 0px; color: #FFFFFF; float: left;}
.infoR {width: 450px; margin: 0px 0px 0px 0px; color: #FFFFFF; float: left;}
/* Main Page - Dunia*/
.dunia, .duniaL, .duniaR {display: inline-block; overflow: hidden;}
.dunia {width: 450px; margin: 0px 0px 10px 0px; color: #FFFFFF;}
.duniaL {width: 200px; margin: 0px 10px 0px 0px; color: #FFFFFF; float: left;}
.duniaR {width: 230px; margin: 0px 0px 0px 0px; color: #FFFFFF; float: right;}
/* Sidebar Right */
.sidebarRight {width: 300px; float: left; margin: 0px 0px 0px 0px;}
.login, .loginImage, .loginInput, .loginOke, .loginInputSpace {display: inline-block; overflow: hidden;}
/* Sidebar Right - Login */
.loginMenu {width: 300px; margin: 0px 0px 10px 0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; text-align: center;}
.login {width: 300px; height:95px; margin: 0px 0px 10px 0px;}
.loginImage {width: 49px; height: 77px; float: left; margin: 0px 0px 0px 0px;}
.loginInput {width: 180px; height: 67px; float: left; margin: 0px 0px 0px 0px;}
.loginOke {width: 60px; height: 67px; margin: 0px 0px 0px 0px;}
.loginInputSpace {width: 181px; height: 3px; margin: 0px 0px 0px 0px;}
.inputLogin {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: #666666; height: auto;width: auto; border: 1px solid #EEEEEE;}
/* Sidebar Right - Kuiz */
.quiz, .quizL, .quizR {display: inline-block; overflow: hidden;}
.quiz {width: 280px; margin: 0px 10px 10px 10px;}
.quizL {width: 21px; margin: 0px 0px 0px 0px; float: left;}
.quizR {width: 255px; margin: 0px 0px 0px 4px; float: left;}
/* Sidebar Right - Zodiak */
.zodiak, .zodiakImage {display: inline-block; overflow: hidden;}
.zodiak {width: 300px; height: 337px; margin: 0px 0px 10px 0px;}
.zodiakContent {width: 280px; height: 262px; margin: 65px 10px 10px 10px; float: left; color: #FFFFFF;}
.zodiakImage {width: 150px; height: 165px; margin: 0px 0px 0px 0px; float: left;}
.zodiakRight {width: 280px; margin: 0px 50px 0px 0px; text-align: right;}
.titleZodiak {font-family:verdana; font-size:11px; font-weight:bold; color:#FFFFFF; width: 150px; height: 100%; margin-left:150px;}
.titleZodiak:hover {font-family:verdana; font-size:11px; font-weight:bold; color:#333333; width: 150px; height: 100%; margin-left:150px;}
.zodiakTitle {font-family:Arial; font-size:11px; font-weight:bold;}
.zodiakLogoContent {width: 280px; margin: 70px 10px 0px 10px;}
/* Footer */
.footerContent {display: inline-block; overflow: hidden;}
.footerContent {width: 986px; margin: 0px 7px 0px 7px; text-align: center;}
.footerMenu {width: 986px; margin: 0px 0px 0px 0px; background: #3C3C3C; text-align: center;font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-variant: normal; color: #F90589; text-decoration: none;}
.footerPartner {width: 986px; margin: 0px 0px 0px 0px; background: #F90589; text-align: center; color: #FFFFFF;}
/* Font Link */
.searchInput {overflow: hidden;}
.afooter {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #FFFFFF; text-decoration: none;}
.afooter:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #C3E2E4; text-decoration: none;}
.asearch {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #FFFFFF; text-decoration: none;}
.asearch:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #FA9700; text-decoration: none;}
.amenu {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; font-variant: normal; color: #EE415F; text-decoration: none;}
.amenu:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; font-variant: normal; color: #3C3092; text-decoration: none;}
.alinkIssue {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; font-variant: normal; color: #777F82; text-decoration: none;}
.alinkIssue:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; font-variant: normal; color: #C36670; text-decoration: none;}
.ahome {font: 25px Arial, Verdana, "Trebuchet MS", sans-serif; margin: 0px 0px 0px 0px; padding:0; font-weight: normal; color: #FD9500;}
.ahome:hover {font: 25px Arial, Verdana, "Trebuchet MS", sans-serif; margin: 0px 0px 0px 0px; padding:0; font-weight: normal; color: #FFFFFF;}
.acerdasCeriaCantik {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; font-variant: normal; color: #314141; text-decoration: none;}
.acerdasCeriaCantik:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; font-variant: normal; color: #FFFFFF; text-decoration: none;}
.textCerdasCeriaCantik {font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 5px 0px; padding:0; font-weight: normal; color: #FFFFFF;}
.amore {color: #EF4061; outline: 0; text-decoration: none;}
.amore:hover {color: #FC9701; text-decoration: none;}
.ajualBeli {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #FFFFFF; text-decoration: none;}
.ajualBeli:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #C3E2E4; text-decoration: none;}
.asignup {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none;}
.asignup:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #EF4061; text-decoration: none;}
.aforum {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #FFF217; text-decoration: none;}
.aforum:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #C3E2E4; text-decoration: none;}
.ainfo {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-variant: normal; color: #FFF217; text-decoration: none;}
.ainfo:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-variant: normal; color: #999999; text-decoration: none;}
.searchInput {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #333333; background-color: #FFFFFF; border: 1px solid #FFFFFF; height: auto; width: auto; margin: auto; }
.textFooter {font: 10px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 0px 0px; padding:0; font-weight: normal; color: #FFFFFF;}
.textForumTittle {font: 25px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 15px 0px 15px 10px; padding:0; font-weight: normal; color: #FFFFFF;}
.amenuF {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-variant: normal; color: #FFFFFF; text-decoration: none;}
.amenuF:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-variant: normal; color: #F90589; text-decoration: none;}
.amenuLevel2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #FFC5C3; text-decoration: none; margin: 4px 0px 0px 0px;}
.amenuLevel2:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #FFFFFF; text-decoration: none; margin: 4px 0px 0px 0px;}
/* Font */
h1 {font: 14px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 5px 0px; padding:0; font-weight: bold; color: #C0EAE9;}
h2 {font: 13px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 2px 0px; padding:0; font-weight: bold; color: #8CDBF9;}
h3 {font: 13px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 10px 10px 10px 10px; padding:0; font-weight: bold; color: #FD6826;}
h4 {font: 12px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 1px 0px; padding:0; font-weight: bold; color: #AED8D6;}
h5 {font: 14pt Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 5px 0px; padding:0; font-weight: normal; color: #FD6826;}
h6 {font: 13pt Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 2px 0px; padding:0; font-weight: bold; color: #619E97;}
h7 {font: 12px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 2px 0px; padding:0; font-weight: normal; color: #8CDBF9;}
div#waitIndicatorDiv
{
position: fixed;
bottom: 0;
left: 46%;
width: 100px;
height: 0;
z-index: 2;
}
* html div#waitIndicatorDiv
{
position: absolute;
top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
left: expression("50%");
width: 100px;
}
/* slight adjustment */
div#waitIndicatorDiv img
{
float: left;
margin: -80px -100px -100px 0;
position: relative;
}
/* UC Razia Gaya */
#sliding {
width:410px;
height:310px;
}
/* Main Page - Blog Redaksi*/
.blogRedaksi {width: 450px; margin: 10px 0px 0px 0px;}
.blogRedaksiThumb {width: 80px; margin: 0px 10px 0px 0px; float: left; overflow:hidden;}
.blogRedaksi, .blogRedaksiHeader, .blogRedaksiContent, .blogRedaksiAlbum, .blogRedaksiThumb,
.blog, .blogLeft, .blogRight, .blogRedaksiFooter {display: inline-block; overflow: hidden;}
.blogRedaksi {width: 480px; margin: 0px 0px 10px 0px;}
.blogRedaksiHeader {width: 480px; height: 46px; margin: 0px 0px 0px 0px; background: url(../images/header_box_abu2.jpg) no-repeat top left !important;}
.blogRedaksiContent {width: 450px; margin: 0px 10px 0px 10px;}
.blogRedaksiAlbum {width: 450px; margin: 10px 0px 0px 0px;}
.blogRedaksiThumb {width: 80px; height: 80px; margin: 0px 10px 0px 0px; float: left;}
.blog {width: 450px; margin: 10px 0px 0px 0px;}
.blogLeft {width: 30px; margin: 0px 10px 0px 0px; float: left;}
.blogRight {width: 410px; margin: 0px 0px 0px 0px; float: left; font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; padding:0; font-weight: normal; color: #FFFFFF;}
.blogRedaksiFooter {width: 480px; height: 11px; margin: 0px 0px 0px 0px; background: url(../images/blog_Tanya_footer.jpg) no-repeat top left !important;}
.textBlogTittle {font: 25px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 10px 0px; padding:0; font-weight: normal; color: #FFF217;}
/* Gallery */
.galleryHeader, .galleryFooter, .galleryContentAll, .gallery, .galleryContent, .galleryAllList,
.galleryFoto, .gallerytext {display: inline-block}
.galleryHeader {width: 480px; height: 49px;}
.galleryFooter {width: 500px; height: 26px;}
.galleryContentAll {width: 660px;}
.gallery {width: 660px;}
.galleryTitle {width: 590px; text-align: center;}
.galleryContent {width: 660px; margin: 0px 0px 14px 0px;}
.galleryAllList { float: left;}
.galleryFoto {width: 150px; height: 150px; background-color:#EEEEEC;}
.gallerytext {width: 90px; height: 20px;}
.galleryList {width: 105px; height: 20px;}
.titlegallery {font: 14px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 5px 0px; padding:0; font-weight: bold; color: #BBECFF;}
/* MIDDLE Main Home - Gallery FIF Frame */
.galleryMain, .gallery, .galleryItem1, .galleryItem2, .galleryItem3{display: inline-block; overflow: hidden;}
.fifMain {width: 670px; margin: 0px 0px 0px 0px;}
.galleryFIF {width: 670px; height: 220px; margin: 10px 0px 0px 0px; background: url(../images/fif_MGframe.jpg) no-repeat top left !important;}
.galleryItem1 {width: 127px; margin: 20px 0 0 23px; float: left;}
.galleryItem2 {width: 127px; margin: 20px 0 0 41px; float: left;}
.galleryItem3 {width: 127px; margin: 20px 0 0 43px; float: left;}
.galleryItemContent {width: 197px; height: 180px; display: table-cell; vertical-align: middle; text-align:center;}
.galleryText {width: 100px; margin: 7px 0px 0px 0px; text-align: center;}
/* MIDDLE Main Home - Zoom In */
.ziMain, .zi, .ziItem1, .ziItem2, .ziItem3{display: inline-block; overflow: hidden;}
.ziMain {width: 193px; margin: 0px 0px 0px 0px;}
.zi {width: 193px; height: 412px; margin: 10px 0px 0px 0px; background: url(../images/zoom_in.jpg) no-repeat top left !important;}
.ziItem1 {width: 134px; margin: 66px 0 0 31px; overflow:hidden;}
.ziItem2 {width: 134px; margin: 12px 0 0 31px; overflow:hidden;}
.ziItem3 {width: 134px; margin: 13px 0 0 31px; overflow:hidden;}
.ziItemImage {width: 134px; height: 84px; display: table-cell; vertical-align: middle; text-align:center;}
.ziItemContent {width: 134px; height: 84px; display: table-cell; vertical-align: middle; text-align:center;}
.ziText {width: 134px; margin: 2px 0px 0px 0px; text-align: center; }
.alinkZI {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #FF5721; text-decoration: none;}
.alinkZI:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #FC9701; text-decoration: none;}
.video {width: 300px; margin: 0px 0px 0px 0px; background: url(../images/G_youtube_01.jpg) repeat !important;}