/* 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: #333333; 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;}
.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 */
.middleLeft, .mainHome, .mainPage, .sidebarRight, .menuLevel2 {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;}
.menuLevel2 {width: 676px; height: 25px; margin: 0px 0px 10px 0px; background: #E91E56; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #F68B95; text-decoration: none;}

/* Sidebar Left */
.sideBarLeft, .sideBarContent, .archivesBlog, .archivesBlogHead, .archivesBlogFooter, 
.archivesBlogContent, .archivesBlogPic, .archivesBlogData {display: inline-block; overflow: hidden;}
.sideBarLeft {width: 180px; margin: 0px 10px 0px 0px; float: left;}
.sideBarContent {width: 180px; margin: 0px 0px 0px 0px;}
.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, .loginGadis, .loginGadisHeaderLogin, .loginGadisHeaderSignup, .loginGadisHeaderReactivate, .loginGadisHeaderPassword, .loginGadisFooter, .loginGadisContent,
.loginGadisContentLeft, .loginGadisContentRight, .loginGadisContentSpace {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 - Login Gadis */
.loginGadis {width: 480px; margin: 0px 0px 10px 0px; background: #0585AA;}
.loginGadisHeaderLogin {width: 480px; height: 62px; margin: 0px 0px 10px 0px; background: url(../images/head2_login.jpg) no-repeat top left !important;}
.loginGadisHeaderSignup {width: 480px; height: 50px; margin: 0px 0px 10px 0px; background: url(../images/head_signup.jpg) no-repeat top left !important;}
.loginGadisHeaderPassword {width: 480px; height: 50px; margin: 0px 0px 10px 0px; background: url(../images/head_password.jpg) no-repeat top left !important;}
.loginGadisHeaderReactivate {width: 480px; height: 50px; margin: 0px 0px 10px 0px; background: url(../images/head_reactivate.jpg) no-repeat top left !important;}
.loginGadisFooter {width: 480px; height: 22px; margin: 0px 0px 0px 0px; background: url(../images/footer_login.jpg) no-repeat top left !important;}
.loginGadisContent {width: 460px; margin: 3px 10px 7px 10px;}
.loginGadisContentOke {width: 460px; margin: 3px 10px 7px 10px; text-align: right;}
.loginGadisContentLeft {width: 117px; margin: 0px 5px 0px 0px; float: left; font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; padding:0; font-weight: normal; color: #FFFFFF;}
.loginGadisContentSpace {width: 3px; margin: 0px 0px 0px 0px; float: left;}
.loginGadisContentRight {width: 330px; margin: 0px 0px 0px 5px; float: left;font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; padding:0; font-weight: normal; color: #FFFFFF;}
.loginGadisLine {width: 460px; height: 17px; margin: 0px 0px 0px 0px; background: url(../images/image_garis_login.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;}
.zodiakTitle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #0585AA; text-decoration: none;}
.zodiakTitle:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #FFFFFF; text-decoration: none;}
.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: #FFFFFF; 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;}
.eventTitle:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-variant: normal; color: #FFFFFF; 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: #FFFFFF; text-decoration: none;}
.agayagaulgosip {font: 14px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 5px 0px; padding:0; font-weight: bold; color: #C0EAE9; 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: #FFFFFF; text-decoration: none;}
.amore {color: #C0EAE9; outline: 0; text-decoration: none;}
.amore:hover {color: #FFFFFF; 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;}
.amenuLevel2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #E1C99D; 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;}
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;}
.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: #FFFFFF;}
.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: #FFFFFF;}
.textSchoolZone {font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 2px 0px; padding:0; font-weight: normal; color: #E3E29F;}
.textNewMember {font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 0px 0px; padding:0; font-weight: bold; color: #FFFDA1;}


div#divNotification 
{
    position: fixed; 
    bottom: 0; 
    width: 1000px;
    height: 0;
    z-index: 200;
}

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