/* 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;}
.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 Level 2 */
.middleLeft, .mainHome, .mainPage, .sidebarRight, .menuLevel2, .mainLeft, .mainRight {display: inline-block; overflow: hidden;}
.middleLeft {width: 676px; float: left; margin: 0px 10px 0px 0px;}
.mainLevel2 {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;}
.mainLeft {width: 373px; float: left; margin: 0px 10px 0px 0px;}
.mainRight {width: 293px; float: left; margin: 0px 0px 0px 0px;}
/* MIDDLE Main Level 2 - Album Gadis */
.albumGadis, .albumGadisHeader, .albumGadisContent, .albumGadisAlbum, .albumGadisThumb, 
.albumNextPrev, .albumNext, .albumSpace, .albumPrev, .albumGadisFooter {display: inline-block; overflow: hidden;}
.albumGadis {width: 373px; margin: 0px 0px 10px 0px; background: url(../images/repeat_albumgadis.jpg) repeat !important;}
.albumGadisHeader {width: 373px; height: 69px; margin: 0px 0px 0px 0px; background: url(../images/header_albumgadis.jpg) no-repeat top left !important;}
.albumGadisContent {width: 360px; margin: 0px 0px 0px 13px;}
.albumGadisAlbum {width: 362px; margin: 0px 0px 10px 0px;}
.albumGadisThumb {width: 80px; height: 80px; margin: 0px 10px 0px 0px; float: left;}
.albumGadisFooter {width: 373px; height: 30px; margin: 0px 0px 0px 0px; background: url(../images/footer_albumgadis.jpg) no-repeat top left !important;}
.albumNextPrev {width: 373px; margin: 0px 0px 0px 0px;}
.albumNext {width: 50px; float: left; margin: 0px 0px 0px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-variant: normal; color: #FFFFFF; text-decoration: none;}
.albumSpace {width: 263px; float: left; margin: 0px 0px 0px 0px;}
.albumPrev {width: 50px; float: left; margin: 0px 5px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-variant: normal; color: #FFFFFF; text-decoration: none;}
/* MIDDLE Main Level 2 - Cover Chat Sobat */
.coverChatSobat, .coverChatSobatLeft, .coverChatSobatRight, .cover, .coverImage, .liveChat, .sobatGadis {display: inline-block; overflow: hidden;}
.coverChatSobat {width: 373px; margin: 0px 0px 10px 0px;}
.coverChatSobatLeft {width: 180px; margin: 0px 13px 0px 0px; float: left;}
.coverChatSobatRight {width: 180px; margin: 0px 0px 0px 0px; float: left;}
.cover {width: 180px; height: 300px; margin: 0px 0px 10px 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;}
/* MIDDLE Main Level 2 - Subscribe */
.subscribe, .subscribeHeader, .subscribeFooter {display: inline-block; overflow: hidden;}
.subscribe {width: 373px; height: 131px; margin: 0px 0px 10px 0px; background: url(../images/subscribe_newsletter.jpg) no-repeat top left !important;}
.subscribeHeader {width: 373px; height: 39px; margin: 0px 0px 0px 0px;}
.subscribeContent {width: 373px; margin: 0px 0px 0px 0px; text-align: center; line-height:14px;}
.subscribeMenu {width: 363px; height: 20px; text-align: center; margin: 3px 0px 0px 0px; background: #E91E56; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #F68B95; text-decoration: none;}
.subscribeFooter {width: 373px; height: 9px; margin: 0px 0px 0px 0px;}
.subscribeInput {font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; height: 28px; color: #666666; height: auto;width: auto; border: 1px solid #EEEEEE;}
/* MIDDLE Main Level 2 - Forum Gadis */
.forumGadis, .forumGadisHeader, .forumGadisFooter, .forumGadisContent, .forumGadisContentLeft {display: inline-block; overflow: hidden;}
.forumGadis {width: 373px; margin: 0px 0px 10px 0px; background: url(../images/repeat_forumgadis.jpg) repeat !important;}
.forumGadisHeader {width: 373px; height: 72px; margin: 0px 0px 0px 0px; background: url(../images/header_forumgadis.jpg) no-repeat top left !important;}
.forumGadisFooter {width: 373px; height: 28px; margin: 0px 0px 0px 0px; background: url(../images/footer_forumgadis.jpg) no-repeat top left !important;}
.forumGadisContent {width: 353px; margin: 3px 10px 4px 10px;}
.forumGadisContentLeft {width: 343px; margin: 0px 0px 7px 10px; font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; padding:0; font-weight: normal; color: #333333;}
.forumGadisGoSpace {width: 245px; float: left; margin: 0px 8px 0px 0px; font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; padding:0; font-weight: normal; color: #FFFFFF;}
.forumGadisGo {width: 100px; float: left; margin: 0px 0px 0px 0px; font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; padding:0; font-weight: normal; color: #FFFFFF;}
/* MIDDLE Main Level 2 - Tanya Gadis */
.tanyaGadis, .tanyaGadisHeader, .tanyaGadisFooter, .tanyaGadisContent, .tanyaGadisNote, .tanyaGadisSend, .tanyaGadisContentLeft {display: inline-block; overflow: hidden;}
.tanyaGadis {width: 373px; height: 331px; margin: 0px 0px 10px 0px; background: url(../images/tanya_gadis.jpg) no-repeat top left !important;}
.tanyaGadisHeader {width: 373px; height: 57px; margin: 0px 0px 0px 0px;}
.tanyaGadisContent {width: 353px; margin: 3px 10px 4px 10px;}
.tanyaGadisContentLeft {width: 110px; float: left; margin: 0px 0px 0px 10px; font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; padding:0; font-weight: normal; color: #FFFFFF;}
.tanyaGadisContentRight {width: 233px; float: left; margin: 0px 0px 0px 0px; font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; padding:0; font-weight: normal; color: #FFFFFF;}
.tanyaGadisNote {width: 270px; float: left; margin: 0px 8px 0px 10px; font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; padding:0; font-weight: normal; color: #FFFFFF;}
.tanyaGadisSend {width: 65px; float: left; margin: 0px 0px 0px 0px; font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; padding:0; font-weight: normal; color: #FFFFFF;}
.tanyaGadisFooter {width: 373px; height: 9px; margin: 0px 0px 0px 0px;}

/* MIDDLE Main Level 2 - Right */
.mainRightWrap, .mainRightContent, .article, 
.articleLeft, .articleRight {display: inline-block; overflow: hidden;}
.mainRightWrap {width: 293px; margin: 0px 0px 10px 0px; background: url(../images/header_besar.jpg) no-repeat top left !important;}
.mainRightHeader {width: 293px; height: 27px; margin: 10px 0px 10px 0px; text-align: center;}
.mainRightContent {width: 259px; margin: 0px 17px 0px 17px;}
.article {width: 259px; margin: 0px 0px 10px 0px;}
.articleLeft {width: 130px; margin: 0px 7px 0px 0px; float: left;}
.articleRight {width: 112px; margin: 0px 0px 0px 0px; float: left; font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; padding:0; font-weight: normal; color: #FFFFFF;}
.mainRightFooter {width: 293px; height: 38px; margin: 0px 0px 0px 0px; text-align: right; background: url(../images/footer_zodiak.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: #FFFFFF; text-decoration: none;}
.eventTitle:hover {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;}
.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;}
.aactivities {color: #6BAFB8; font-weight: bold; outline: 0; text-decoration: none;}
.aactivities:hover {color: #999999; font-weight: bold; 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;}
.amore {color: #C0EAE9; outline: 0; text-decoration: none;}
.amore:hover {color: #FFFFFF; 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;}
.aalbum {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-variant: normal; color: #605399; text-decoration: none;}
.aalbum:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-variant: normal; color: #C5E3E3; text-decoration: none;}
.aarticle {font: 14px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 5px 0px; padding:0; font-weight: bold; color: #114E91; outline: 0; text-decoration: none;}
.aarticle: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;}

/* 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;}

.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;}
.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;}

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;
	
}