/* 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: #FFFFFF; outline: 0; text-decoration: none;}
a:hover {color: #AC0E1D; text-decoration: none;}

.wrapper, .middle, .footer {display: inline-block; overflow: hidden;}
.wrapper {width: 1000px; background: #FFFFFF; margin: 0px 0px 0px 0px; text-align: left;}
.headerSite {width: 986px; margin: 7px 7px 8px 7px;z-index:1;}
.middle {width: 986px; margin: 0px 7px 8px 7px;}
.footer {width: 986px; margin: 0px 7px 7px 7px;}

/* Header */
.topBanner, .topBannerLeft, .topBannerRight,.logo, 
.searchbyShare, .searchby, .share, .searchInputTombol, .searchInput, .searchTombol  {display: inline-block; overflow: hidden;}
.topBanner {width: 986px; margin: 0px 0px 0px 0px;}
.topBannerLeft {width: 728px; height: 90px; float: left; margin: 0px 8px 0px 0px;}
.topBannerRight {width: 250px; height: 90px; float: left; margin: 0px 0px 0px 0px;}
.logoMenuSearch {width: 986px; margin: 0px 0px 0px 0px;}
.logo {width: 345px; height: 150px; float: left; margin: 0px 0px 0px 0px;}
.menuSearch{width: 641px; height: 160px; float: left; margin: 0px 0px 0px 0px;}
.menuDD {width: 641px; height: 76px; margin: 10px 0px 0px 0px;}
.search {width: 641px; height: 69px; margin: 5px 0px 0px 0px; }
.searchbyShare {width: 641px; height: 17px; margin: 0px 0px 0px 0px;}
.searchby {width: 351px; height: 17px; float: left; margin: 0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #74ACAB; text-decoration: none;}
.share {width: 200px; height: 17px; float: left; margin: 0px 0px 0px 0px;}
.searchInputTombol {width: 641px; height: 28px; margin: 0px 0px 1px 0px;}
.searchSpace {width: 90px; height: 28px; float: left; margin: 0px 0px 0px 0px;}
.searchInput {width: 481px; height: 28px; float: left; margin: 0px 0px 0px 0px; background: url(../images/search_input.jpg) no-repeat top left !important;}
.searchInputText {width: 471px; height: 22px; float: left; margin: 4px 0px 2px 9px;}
.inputSearch {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: #666666; height: auto;width: auto; border: 1px solid #E9CEA1; background-color: #E9CEA1;}
.searchTombol {width: 70px; height: 28px; float: left; margin: 0px 0px 0px 0px;}

/* MIDDLE Main Home */
.middleLeft, .mainHome, .mainPage, .sidebarRight {display: inline-block; overflow: hidden;}
.middleLeft {width: 676px; float: left; margin: 0px 10px 0px 0px;}
.mainHome {width: 676px; height: 615px; margin: 0px 0px 10px 0px;}
.mainPage {width: 676px; margin: 0px 0px 10px 0px;}
.sidebarRight {width: 300px; float: left; margin: 0px 0px 0px 0px;}
/* MIDDLE Main Home - Whats Hot */
.whatsHot, .whatsHotHeader, .whatsHotContentOut, .whatsHotContentIn, .whatsHotContent, 
.whatsHotAlbum, .whatsHotThumb, .whatsHotSpace, .whatsHotFooter, .gayaGaulGosip,
.gayaGaulGosipMain, .gayaGaulGosipThumb, .gayaGaulGosipSpace, .gayaGaulGosipContent, 
.gayaGaulGosipSpaceFooter, .gayaGaulGosipSpaceFooter2 {display: inline-block; overflow: hidden;}
.whatsHot {width: 373px; margin: 0px 10px 0px 0px; float: left; background: url(../images/image_bg_26.jpg) no-repeat top left !important;}
.whatsHotHeader {width: 373px; height: 14px; margin: 0px 0px 0px 0px;}
.whatsHotContentOut {width: 373px; margin: 0px 0px 0px 0px;}
.whatsHotContentIn {width: 365px; margin: 0px 4px 0px 4px;}
.whatsHotContent {width: 345px; margin: 0px 10px 0px 10px;}
.whatsHotAlbum {width: 365px; height:80px; margin: 8px 0px 0px 0px;}
.whatsHotThumb {width: 65px; margin: 0px 0px 0px 0px; float: left;}
.whatsHotSpace {width: 5px; margin: 0px 0px 0px 0px; float: left;}
.whatsHotFooter {width: 373px; height: 14px; margin: 0px 0px 0px 0px;}
.gayaGaulGosip {width: 293px; height: 615px; margin: 0px 0px 0px 0px; float: left; background: url(../images/image_bg_28.jpg) no-repeat top left !important;}
.gayaGaulGosipMain {width: 293px; height: 188px; margin: 0px 0px 0px 0px;}
.gayaGaulGosipThumb {width: 130px; margin: 18px 0px 0px 0px; float: left;}
.gayaGaulGosipSpace {width: 10px; margin: 0px 0px 0px 0px; float: left;}
.gayaGaulGosipContent {width: 133px; margin: 10px 0px 0px 0px; float: left;}
.gayaGaulGosipContentHeader {width: 133px; margin: 0px 0px 5px 0px; text-align: center;}
.gayaGaulGosipSpaceFooter {width: 293px; height: 10px; margin: 0px 0px 10px 0px;}
.gayaGaulGosipSpaceFooter2 {width: 293px; height: 10px; margin: 0px 0px 0px 0px;}
/* MIDDLE Main Home - School Zone */
.schoolZoneOut, .schoolZoneIn, .schoolZoneImageBlog, .schoolZoneImage,
.schoolZoneBlog, .schoolZoneAlbum, .schoolZoneThumbOut, .schoolZoneLine, 
.schoolZoneSpace {display: inline-block; overflow: hidden;}
.schoolZoneOut {width: 676px; margin: 0px 0px 10px 0px; background: url(../images/image_bg_Schoolzone.jpg) no-repeat top left !important;}
.schoolZoneIn {width: 656px; margin: 16px 4px 10px 16px;}
.schoolZoneImageBlog {width: 638px; margin: 10px 14px 10px 14px;}
.schoolZoneVer {width: 30px; margin: 0px 0px 0px 0px; float: left; text-align: center;}
.schoolZoneImage {width: 310px; margin: 0px 0px 0px 0px; float: left; background: #FFFFFF;}
.schoolZoneFrame {width: 300px; height: 199px; margin: 5px 5px 5px 5px; overflow: hidden;}
.schoolZoneBlog {width: 249px; margin: 0px 0px 0px 0px; float: left; font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; padding:0; font-weight: normal; color: #333333;}
.schoolZoneLine {width: 638px; margin: 0px 10px 0px 18px;}
.schoolZoneAlbum {width: 652px; margin: 5px 14px 14px 0px;}
.schoolZoneThumbOut {width: 84px; height: 86px; margin: 0px 0px 0px 0px; float: left; background: #FFFFFF;}
.schoolZoneThumb {width: 84px; margin: 3px 0px 0px 0px; text-align: center; background: #FFFFFF;}
.schoolZoneSpace {width: 9px; margin: 0px 0px 0px 0px; float: left;}

/* Sidebar Left */
.sideBarLeft, .sideBarContent, .cover, .newMember, .newMemberHead, .newMemberFooter, 
.newMemberContent, .newMemberPic, .newMemberData {display: inline-block; overflow: hidden;}
.sideBarLeft {width: 180px; margin: 0px 10px 0px 0px; float: left;}
.sideBarContent {width: 180px; margin: 0px 0px 0px 0px;}
.cover {width: 180px; height: 300px; margin: 0px 0px 0px 0px; background: url(../images/image_bg_cover_49_rev.jpg) no-repeat top left !important;}
.coverImage {width: 180px; margin: 55px 0px 0px 2px; text-align: center;}
.liveChat {width: 180px; height: 149px; margin: 0px 0px 10px 0px; text-align: center;}
.sobatGadis {width: 180px; height: 154px; margin: 0px 0px 0px 0px; text-align: center;}
.newMember {width: 180px; margin: 10px 0px 10px 0px; background: url(../images/image_newmember_ulang.jpg) repeat !important;}
.newMemberHead {width: 180px; height: 72px; margin: 0px 0px 0px 0px; background: url(../images/new_member_header.jpg) no-repeat top left !important;}
.newMemberFooter {width: 180px; height: 17px; margin: 0px 0px 0px 0px; background: url(../images/image_newmember_footer.jpg) no-repeat top left !important;}
.newMemberContent {width: 160px; margin: 5px 10px 0px 10px;}
.newMemberPic {width: 50px; float: left; margin: 0px 5px 0px 5px;}
.newMemberData {width: 95px; float: left; margin: 0px 0px 0px 0px; font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; padding:0; font-weight: normal; color: #FFFFFF;}

/* Main Page */
.mainContent, .content, .forumGadis, .forumGadisHeader, .forumGadisFooter, .forumGadisContent,
.forumGadisContentLeft, .forumGadisContentRight, .forumGadisContentSpace, .forumGadisLine {display: inline-block; overflow: hidden;}
.mainContent {width: 486px; margin: 0px 0px 0px 0px; float: left;}
.content {width: 480px; margin: 0px 3px 0px 3px;}
.bannerCenter {width: 480px; margin: 0px 0px 10px 0px; text-align: center;}
/* Main Page - Forum Gadis */
.forumGadis {width: 480px; margin: 0px 0px 10px 0px; background: url(../images/image_forum_repeat.jpg) repeat !important;}
.forumGadisHeader {width: 480px; height: 50px; margin: 0px 0px 0px 0px; background: url(../images/image_forum_head.jpg) no-repeat top left !important;}
.forumGadisFooter {width: 480px; height: 11px; margin: 0px 0px 0px 0px; background: url(../images/image_forum_footer.jpg) no-repeat top left !important;}
.forumGadisContent {width: 460px; margin: 3px 10px 4px 10px;}
.forumGadisContentLeft {width: 300px; margin: 0px 5px 0px 7px; float: left; font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; padding:0; font-weight: normal; color: #333333;}
.forumGadisContentSpace {width: 3px; margin: 0px 0px 0px 0px; float: left;}
.forumGadisContentRight {width: 130px; margin: 0px 0px 0px 5px; float: left;font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; padding:0; font-weight: normal; color: #333333;}
.forumGadisLine {width: 460px; height: 17px;border-bottom:4px dashed #87258C; margin: 0px 0px 0px 0px; background: url(../images/image_garis_forum.jpg) no-repeat top left !important;}
/* Main Page - Photo Competition */
.photoComp, .photoCompHeader, .photoCompContent, .photoCompContentLeft, .photoCompContentCenter, 
.photoCompContentRight, .photoCompAlbum, .photoCompThumbOut, .photoCompThumb, .photoCompFooter {display: inline-block; overflow: hidden;}
.photoComp {width: 480px; margin: 0px 0px 10px 0px; background: url(../images/image_bg_64.jpg) no-repeat top left !important;}
.photoCompHeader {width: 480px; height: 65px; margin: 0px 0px 0px 0px;}
.photoCompContent {width: 480px; height: 114px; margin: 0px 0px 0px 0px;}
.photoCompContentLeft {width: 41px; float: left; height: 114px; margin: 0px 0px 0px 0px;}
.photoCompContentCenter {width: 399px; float: left; height: 114px; margin: 0px 10px 0px 10px;}
.photoCompContentRight {width: 20px; float: left; height: 114px; margin: 0px 0px 0px 0px;}
.photoCompMenu {width: 399px; margin: 0px 0px 2px 0px; text-align: center;}
.photoCompAlbum {width: 399px; margin: 0px 0px 0px 0px;}
.photoCompThumbOut {width: 84px; float: left; height: 84px; margin: 0px 15px 0px 0px; background: #0087A5;}
.photoCompThumb {width: 80px; height: 80px; margin: 2px 2px 2px 2px;}
.photoCompNext {width: 399px; margin: 0px 0px 0px 0px; text-align: right;}
.photoCompFooter {width: 480px; height: 20px; margin: 0px 0px 0px 0px;}
/* Main Page - Blog Gadis, Tanya Gadis */
.blogTanya, .blogTanyaHeader, .blogTanyaContent, .blogTanyaAlbum, .blogTanyaThumb, 
.blog, .blogLeft, .blogRight, .blogTanyaFooter {display: inline-block; overflow: hidden;}
.blogTanya {width: 480px; margin: 0px 0px 10px 0px; background: url(../images/image_blogtanya_repeats.jpg) repeat !important;}
.blogTanyaHeader {width: 480px; height: 46px; margin: 0px 0px 0px 0px; background: url(../images/forum_gadis_footer.jpg) no-repeat top left !important;}
.blogTanyaContent {width: 450px; margin: 0px 10px 0px 20px;}
.blogTanyaAlbum {width: 450px; margin: 10px 0px 0px 0px;}
.blogTanyaThumb {width: 80px; height: 80px; margin: 0px 10px 0px 0px; float: left; overflow:hidden;}
.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: #333333;}
.blogTanyaFooter {width: 480px; height: 18px; margin: 0px 0px 0px 0px; background: url(../images/image_blogtanya_footer.jpg) no-repeat top left !important;}
/* Main Page - Last Activities */
.lastActiv, .lastActivHeader, .lastActivContent, .lastActivFooter,
.lastActivContentLeft, .lastActivContentSpace, .lastActivContentRight, .activ,
.activLeft, .activRight {display: inline-block; overflow: hidden;}
.lastActiv {width: 480px; margin: 0px 0px 0px 0px; background: url(../images/image_lastactiv_repeat.jpg) repeat !important;}
.lastActivHeader {width: 480px; height: 57px; margin: 0px 0px 10px 0px; background: url(../images/image_lastactiv_header.jpg) no-repeat top left !important;}
.lastActivContent {width: 440px; margin: 0px 20px 0px 20px;}
.activ {width: 210px; margin: 0px 0px 10px 0px;}
.activLeft {width: 30px; margin: 0px 10px 0px 0px; float: left;}
.activRight {width: 170px; margin: 0px 0px 0px 0px; float: left; font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; padding:0; font-weight: normal; color: #333333;}
.lastActivContentLeft {width: 206px; margin: 0px 0px 0px 0px; float: left;}
.lastActivContentSpace {width: 8px; height: 152px; margin: 0px 10px 0px 10px; float: left; background-color:#FDE6F0; }
.lastActivContentRight {width: 206px; margin: 0px 0px 0px 0px; float: left;}
.lastActivFooter {width: 480px; height: 10px; margin: 0px 0px 0px 0px; background: url(../images/image_lastactiv_footer.jpg) no-repeat top left !important;}

/* Sidebar Right */
.login, .loginImage, .loginInput, .loginOke, .banner300x250, .banner300x100, .banner300x600, 
.newsletter, .quizPolling, .quizPollingAtas1, .quizPollingAtas2, .quizPollingContent,
.zodiak, .zodiakHead, .zodiakLogoContent, .zodiakLogo, .zodiakContent, .loginInputSpace,
.event, .eventHead, .eventLogoContent, .eventLogo, .eventContent {display: inline-block; overflow: hidden;}
/* Sidebar Right - Login */
.login {width: 300px; height: 90px; margin: 0px 0px 0px 0px;}
.loginImage {width: 49px; height: 77px; float: left; margin: 0px 0px 0px 0px; background: url(../images/login.jpg) no-repeat top left !important;}
.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;}
.banner300x250 {width: 300px; height: 250px; margin: 0px 0px 10px 0px;}
.newsletter {width: 300px; height: 92px; margin: 0px 0px 10px 0px;}
.inputNewsletter {width: 245px; height: 28px; float: left; margin: 0px 0px 0px 0px; background: url(../images/bg_newsletter_textbox.jpg) no-repeat top left !important;}
.inputEmail {font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color: #000000; height: 12px;width: 220px; margin-left:10px; margin-top:5px; border: 0px solid #FFFFFF; background-color: #FFFFFF;}

/* Sidebar Right - Quiz */
.quizPolling {width: 300px; margin: 0px 0px 10px 0px; background: url(../images/image_polling_repeat.jpg) repeat !important;}
.quizPollingAtas1 {width: 300px; float: left; margin: 0px 0px 0px 0px;}
.quizPollingAtas2 {width: 278px; margin: 0px 11px 0px 11px;}
.quizPollingAtasNext {width: 278px; margin: 0px 11px 0px 11px; text-align: right;}
.quizTitle{color: #FF8000; font-weight:normal; font-size:18px; font-family: verdana, arial, helvetica, sans-serif;}
.quizPollingContent {width: 258px; margin: 0px 10px 0px 10px;}
.val {color:#FF3030;}
.lPol {float:left; width:25px;}
.rPol {width:125px; margin-top:2px; overflow:hidden;}
.rbPol {border:0px; background-color:Transparent;}
.banner300x100 {width: 300px; height: 100px; margin: 0px 0px 10px 0px;}
/* Sidebar Right - Zodiak */
.zodiak {width: 300px; margin: 0px 0px 10px 0px;}
.zodiakHead {width: 300px; height: 77px; margin: 0px 0px 0px 0px; background: url(../images/zodiak.jpg) no-repeat top left !important;}
.zodiakLogoContent {width: 280px; margin: 10px 10px 0px 10px;}
.zodiakLogo {width: 57px; margin: 0px 10px 0px 0px; float: left;}
.zodiakContent {width: 213px; margin: 0px 0px 0px 0px; float: left;}
.zTitle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #0585AA; text-decoration: none;}
.zTitle:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #AED8D6; text-decoration: none;}
.banner300x600 {width: 300px; height: 600px; margin: 0px 0px 0px 0px;}
/* Sidebar Right - Upcoming Events */
.event {width: 300px; margin: 0px 0px 10px 0px; background: url(../images/image_event_repeat.jpg) repeat !important;}
.eventHead {width: 300px; height: 86px; margin: 0px 0px 0px 0px; background: url(../images/event_header.jpg) no-repeat top left !important;}
.eventLogoContent {width: 280px; margin: 10px 10px 0px 10px;}
.eventLogo {width: 57px; margin: 0px 10px 0px 0px; float: left;}
.eventContent {width: 213px; margin: 0px 0px 0px 0px; float: left;float: left; font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; padding:0; font-weight: normal; color: #FFFFFF;}
.eventFooter {width: 300px; height: 32px; margin: 0px 0px 0px 0px; background: url(../images/image_event_footer.jpg) no-repeat top left !important;}
.eventTitle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-variant: normal; color: #74ACAB; text-decoration: none;}
.eTitle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #AED8D6; text-decoration: none;}
.eTitle:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #FFFFFF; text-decoration: none;}

/* Footer */
.footerHeader {display: inline-block; overflow: hidden;}
.footerHeader {width: 1000px; height: 1px; margin: 0px 0px 0px 0px;}
.footerContent {width: 1000px; margin: 0px 0px 0px 0px; text-align: center;}

/* Font Link */
.amenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #74ACAB; text-decoration: none;}
.amenu:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #999999; text-decoration: none;}
.asignup {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #FF0066; text-decoration: none;}
.asignup:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #999999; text-decoration: none;}
.agayagaulgosip {font: 14px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 5px 0px; padding:0; font-weight: bold; color: #D40274; outline: 0; text-decoration: none;}
.agayagaulgosip:hover {font: 14px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 5px 0px; padding:0; font-weight: bold; color: #FF77C1; text-decoration: none;}
.amore {color: #D40274; outline: 0; text-decoration: none;}
.amore:hover {color: #FF77C1; text-decoration: none;}
.aactivities {color: #6BAFB8; font-weight: bold; outline: 0; text-decoration: none;}
.aactivities:hover {color: #999999; font-weight: bold; text-decoration: none;}
.aphoto {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #0094A6; text-decoration: none;}
.aphoto:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #61A6A1; text-decoration: none;}
.aphotoNext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-variant: normal; color: #0094A6; text-decoration: none;}
.aphotoNext:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-variant: normal; color: #61A6A1; text-decoration: none;}
.afooter {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #333333; 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;}
.ascreenName {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #FF0099 ; text-decoration: none; margin: 4px 0px 0px 0px;}
.ascreenName:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #FFC5C3; text-decoration: none; margin: 4px 0px 0px 0px;}
.amore2 {color: #E11F5B; outline: 0; font-weight: bold; text-decoration: none;}
.amore2:hover {color: #FFC5C3; font-weight: bold; text-decoration: none;}
.ascreenName2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #FFC5C3 ; text-decoration: none; margin: 4px 0px 0px 0px;}
.ascreenName2:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 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: #114E91;}
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;}

.textZodiak {font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 0px 0px; padding:0; font-weight: normal; color: #619E97;}
.textGayaGaulGosip {font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 5px 0px; padding:0; font-weight: normal; color: #333333;}
.more {font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 5px 0px; padding:0; font-weight: normal; color: #FFFFFF; text-align: right;}
.textFooter {font: 10px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 0px 0px; padding:0; font-weight: normal; color: #333333;}
.textSchoolZone {font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 2px 0px; padding:0; font-weight: normal; color: #186881;}
.textNewMember {font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 0px 0px; padding:0; font-weight: bold; color: #FFFDA1;}
.h8 {font: 12px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 2px 0px; padding:0; font-weight: normal; color: #114E91;}
.h8:hover {font: 12px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 2px 0px; padding:0; font-weight: normal; color: white;}
.h9 {font: 13px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 2px 0px; padding:0; font-weight: bold; color: #8CDBF9;}
.h9:hover {font: 13px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 2px 0px; padding:0; font-weight: bold; color: white;}
.textBold01 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; font-variant: normal; color: #FFCCCC; text-decoration: none;}
.text02 {font: 11px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 2px 0px; padding:0; font-weight: bold; color: yellow;}
.text02:hover {font: 11px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 2px 0px; padding:0; font-weight: bold; color: white;}
.h2a {font: 13px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 2px 0px; padding:0; font-weight: bold; color: #114E91;}
.h2a:hover {font: 13px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 2px 0px; padding:0; font-weight: bold; color: white;}
.textSchoolZoneA {font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 2px 0px; padding:0; font-weight: normal; color: #186881;}
.textSchoolZoneA:hover {font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 2px 0px; padding:0; font-weight: normal; color: white;}


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;
	
}	
div#divNotification 
{
    position: fixed; 
    bottom: 0; 
    width: 1000px;
    height: 0;
    z-index: 200;
}

div#notificationImg
{
	float: none;
	margin: -20px -100px -100px 300px;
	position: fixed;
	border: 0px;
	width: 1000px;
	

}	



.video {width: 300px; margin: 0px 0px 0px 0px; background: url(../images/G_youtube_01.jpg) repeat !important;}


/* Fashion Blog */
.fashionBlog {width: 676px; height:312px; margin: 0px 0px 10px 0px; background: url(../images/fblog_02.jpg)  no-repeat top left !important;}
.FBLeft {width: 80px;height: 80px; float: left; margin: 5px;  overflow:hidden;}
.FBRight {width: 300px;height:75px; float: left; margin: 15px 5px 5px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #000000; text-decoration: none; overflow:hidden;}
.textName {font: 20px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 2px 0px; padding:0; font-weight: bold; color: #000000;}