/* 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, .logoMenuSearch, .logo,  .search,
.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, .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;}
.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, .memberGadis, .memberGadisHeadermember, .memberGadisHeaderSignup, .memberGadisHeaderPassword, .memberGadisFooter, .memberGadisContent,
.memberGadisContentLeft, .memberGadisContentRight, .memberGadisContentSpace, .menuLevel2Sub {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;}
.menuLevel2Sub {width: 480px; height: 25px; margin: 0px 0px 10px 0px; background: #E7F6F3; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #74ACAB; text-decoration: none;}
/* Main Page - Member Gadis */
.memberGadis {width: 480px; margin: 0px 0px 10px 0px; background: url(../images/member_repeat.jpg) repeat !important;}
.memberGadisHeader {width: 480px; height: 29px; margin: 0px 0px 10px 0px; background: url(../images/header_member.jpg) no-repeat top left !important;}
.memberGadisFooter {width: 480px; height: 36px; margin: 0px 0px 0px 0px; background: url(../images/footer_member.jpg) no-repeat top left !important;}
.memberGadisContent {width: 460px; margin: 3px 10px 7px 10px;}
.memberGadisContentOke {width: 460px; margin: 3px 10px 7px 10px; text-align: right;}
.memberGadisContentLeft {width: 167px; margin: 0px 5px 0px 0px; float: left; font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; padding:0; font-weight: normal; color: #FFFFFF;}
.memberGadisContentSpace {width: 3px; margin: 0px 0px 0px 0px; float: left;}
.memberGadisContentRight {width: 280px; margin: 0px 0px 0px 5px; float: left;font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; padding:0; font-weight: normal; color: #FFFFFF;}
.memberGadisLine {width: 460px; height: 17px; margin: 0px 0px 0px 0px; background: url(../images/image_garis_member.jpg) no-repeat top left !important;}

.albumframeList, .albumAllList, .albumTitle, .album, .topalbum, .albumContent, .albumAll, .albumFoto, .albumframe, .albumtext, .formLine, .memberContentRight, .memberContentLeft, .memberForm, .centerLine, .memberTopTitleSub, .memberTopTitleSpc, .memberTitle, .memberLine, .memberLineOut, .memberContent {display: inline-block; overflow: hidden;}

.memberLineBack {width: 460px; margin: 0px 0px 0px 0px;}
.memberContent {width: 440px; margin: 10px 10px 10px 10px;}
.memberForm {width: 440px; margin: 0px 0px 0px 0px;}
.memberContentLeft {width: 110px; float: left; margin: 0px 0px 0px 0px; font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; font-weight: normal; color: #FFFFFF;}
.memberContentRight {width: 330px; float: left; margin: 0px 0px 0px 0px;}
.memberImage {width: 420px; margin: 10px 0px 10px 0px;}
.memberNext {width: 16px; float: left; margin: 0px 0px 0px 0px;}
.memberPage {width: 407px; float: left; margin: 0px 0px 0px 0px; font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; font-weight: normal; color: #FFFFFF;}
.memberPrev {width: 17px; float: left; margin: 0px 0px 0px 0px;}
#formLine {width: 450px; height: 1px; background: #EEEEEE; margin: 10px 0px 10px 0px;}

.album {width: 460px; background: #F5F1EE; margin: 0px 0px 0px 0px;}
.albumTitle {width: 440px; margin: 0px 10px 0px 10px;}
.albumContent {width: 440px; background: #FFFFFF; margin: 0px 10px 0px 10px;}
.albumAll {width: 105px; float: left; background: #FFFFFF; margin: 0px 5px 0px 0px;}
.albumAllList {width: 92px; float: left; background: #EEEEEE; margin: 10px 10px 0px 8px;}
.albumFoto {width: 80px; height: 80px; float: left; margin: 5px 5px 0px 5px;}
.albumFoto2 {width: 80px; height: 80px; float: left; margin: 12px 13px 3px 13px;}
.albumframe {width: 106px; height: 121px; background: url(images/polaroid.gif) no-repeat top left !important; margin: 0px 0px 0px 0px;}
.albumframeList {width: 90px; height: 106px; background: #FFFFFF; margin: 1px 1px 1px 1px;}
.albumtext {width: 90px; height: 20px; margin: 4px 0px 0px 0px;}
.albumList {width: 80px; height: 20px; margin: 4px 0px 0px 0px;}

/* 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;}
.amenuLevel2Sub {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #74ACAB; text-decoration: none; margin: 4px 0px 0px 0px;}
.amenuLevel2Sub:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #9AD6D5; 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: 14px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 5px 0px; padding:0; font-weight: bold; color: #FFFFFF;}
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;}
.inputText {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #333333; background-color: #FFFFFF; border: 1px solid #B8B6B7; height: auto; width: auto; margin: auto;}
.pinkText {font-family: Verdana, Arial, sans-serif, Helvetica; font-size: 13px; font-style: normal; letter-spacing: 1pt; font-weight: Bold; font-variant: normal; color: #F10C8B; margin-bottom: 0px; text-decoration: none;}
.title3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight: bold; font-variant: normal; color: #d82b91; text-decoration: none;}
.fL { float: left; font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; font-weight: normal; color: #FFFFFF;}
.sR { overflow: hidden; width: 440px;  font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; font-weight: normal; color: #FFFFFF;}
.title5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #FFC5C3; text-decoration: none;}
.textStatus {font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 0px 0px; padding:0; font-weight: bold; color: #FF0066;}
.text01 {font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 0px 0px; padding:0; font-weight: bold; color: #F6A4D5;}
.text01:hover {font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 0px 0px; padding:0; font-weight: bold; color: #FFFFFF;}
.required{color:white;}
.text03 {font: 14px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 0px 0px; padding:0; font-weight: bold; color: #FFFFFF;}
.text03:hover {font: 14px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 0px 0px; padding:0; font-weight: bold; color: #F6A4D5;}


/* album */
#albumAll {width: 106px; float: left; background: #61a1a0; margin: 10px 10px 0px 10px;}
#albumFoto2 {width: 80px; height: 80px; float: left; margin: 12px 13px 0px 13px; }
#albumList {width: 80px; height: 20px; margin: 4px 0px 0px 0px;}
#albumAllList {width: 92px; float: left; margin: 10px 2px 0px 8px; border: solid 1px #EEEEEE;}
#albumFoto {width: 80px; height: 80px; float: left; margin: 5px 5px 0px 5px;}
.title1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; font-variant: normal; color: white; text-decoration: none;}
#memberImage {width: 406px; background: #0585AA; margin: 10px 0px 10px 0px;}
#memberNext {width: 16px; float: left; margin: 0px 0px 0px 0px;}
#memberPage {width: 395px; float: left; margin: 0px 0px 0px 0px;}
#memberPrev {width: 17px; float: left; margin: 0px 0px 0px 0px;}
#albumframe {width: 106px; height: 121px; background: url(../images/polaroid.gif) no-repeat top left !important; margin: 0px 0px 0px 0px;}
.albumCommentHeader {width: 480px; height: 15px; margin: 0px 0px 10px 0px; background: url(../images/head.jpg) no-repeat top left !important;}
.albumCommentFooter {width: 480px; height: 11px; margin: 0px 0px 0px 0px; background: url(../images/footer.jpg) no-repeat top left !important;}
/* class */
.inputArea {width: 260px; height: 100px; overflow: hidden; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; 
font-style: normal; font-weight: normal; color: #999999; background-color: #FFFFFF; border-bottom: 1px solid #cacdbe; margin: 
auto;}
.friendList {width: 100px; margin: 10px 10px 5px 0px; float: left; border:1px solid #FFFFFF;}
.friendForm {width: 220px; margin: 0px 0px 5px 0px; float: left;}
.friendContentLeft {width: 90px; float: left; margin: 0px 0px 0px 0px; font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; font-weight: normal; color: #FFFFFF;}
.friendContentRight {width: 125px; float: left; margin: 0px 0px 0px 5px;}