#procenter, #procenterHeader, #procenterHeaderMenu, .procenterList, 
.proBoxOut, .proBoxList,
#proPhoto,
#proData,
#proVote,
.proDataContent,
.proDataContentLeft,
.proDataContentRight,
.proVoteContent,
.proAlbum, 
.proBlogRow,
.proBlogColom,
.proFansRow,
.proFansColom,
.proFansFoto
{display: inline-block; overflow: hidden;}

#procenter {width: 687px; float: left; background: #C1006A; margin: 0px 0px 0px 0px;}
#procenterHeader {width: 687px; height: 32px; background: url(images/new/gs_gallery_atas.jpg) no-repeat top left !important; margin: 0px 0px 0px 0px;}
#procenterHeaderMenu {width: 674px; height: 20px; margin: 5px 0px 0px 13px;}
.procenterList {width: 687px; height: 5px; background: url(images/GS_galeri_titik.gif) no-repeat top left !important; margin: 0px 0px 0px 0px;}
#proright {width: 307px; float: left; background: #000000; margin: 0px 0px 0px 6px;}
.proBoxHeader {width: 663px; height: 28px; background: #C1006A; margin: 0px 12px 0px 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 23px; font-style: normal; font-weight: normal; font-variant: normal; color: #DF239C; text-decoration: none; line-height: 28px;}
.proBoxOut {width: 663px; background: #fdc7de; margin: 5px 12px 10px 12px;}
.proBoxList {width: 661px; background: #C1006A; margin: 1px 1px 1px 1px;}
#proPhoto {width: 128px; height: 171px; float: left; background: #FFFFFF; margin: 0px 0px 0px 0px;}
#proData {width: 388px; height: 171px; float: left; background: #FBF8CB; margin: 0px 0px 0px 0px;}
.proDataContent {width: 374px; background: #FBF8CB; margin: 5px 7px 5px 7px;}
.proDataContentLeft {width: 120px; float: left; margin: 0px 0px 0px 0px;}
.proDataContentRight {width: 254px; float: left; margin: 0px 0px 0px 0px;}
#proVote {width: 145px; height: 171px; float: left; background: #F9DBE3; margin: 0px 0px 0px 0px;}
.proVoteContent {width: 360px; margin: 5px 7px 5px 7px;}
.proAlbum {width: 150px; float: left; margin: 0px 0px 0px 12px; background: url(images/polaroid.gif); text-align:center; font-size:10px; color:GrayText;}
.proBlogRow {width: 643px; margin: 5px 10px 0px 0px;}
.proBlogColom {width: 300px; float: left; margin: 10px 0px 10px 10px;}
.proFansRow {width: 661px; background: #F9DBE3; margin: 0px 0px 0px 0px;}
.proFansColom {width: 215px; float: left; margin: 0px 0px 5px 5px;}
.proFansFoto {width: 60px; float: left; margin: 0px 5px 0px 0px;}
#albumframe {width: 106px; height: 121px; background: url(../images/polaroid.gif) no-repeat top left !important; margin: 0px 0px 0px 0px;}


/* Class */
.menuProSub {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color: #fdc7de; text-decoration: none;}
.menuProSub:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color: #F80088; text-decoration: none;}
.ProTitle1 {}
.ProTitle2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; color: #DF239C; text-decoration: none;}
.ProTitle3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; font-style: normal; font-weight: normal; font-variant: normal; color: #3EC5B6; text-decoration: none;}
.ProTitle4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; font-style: normal; font-weight: normal; font-variant: normal; color: #633B91; text-decoration: none;}

.nextprev {font-family: Arial; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color: #ffc7df; text-decoration: none;}
.nextprev:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; color: red; text-decoration: none;}

.ProTitle3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; font-style: normal; font-weight: normal; font-variant: normal; color: #fdc7de; text-decoration: none;}
.ProTitle3:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; font-style: normal; font-weight: normal; font-variant: normal; color: #ffffff; text-decoration: none;}

.ProTitle5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; font-style: normal; font-weight: bold; font-variant: normal; color: #fdc7de; text-decoration: none;}
.ProTitle5:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; font-style: normal; font-weight: bold; font-variant: normal; color: #ffffff; text-decoration: none;}

.ProTitle6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; font-style: normal; font-weight: normal; font-variant: normal; color: black; text-decoration: none;}
.ProTitle7 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; font-style: normal; font-weight: normal; font-variant: normal; color: black; text-decoration: none;}


.ProTitle8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color: #F80088; text-decoration: none;}