/* CSS Document */ /* --------------------------------------------- 01. main/default elements --------------------------------------------- */ body { background:#1A1A1A; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:11px; color:#A6A6A6} a:link, a:visited {color:#A6A6A6; text-decoration: none} a:hover {color:#A6A6A6; text-decoration:underline} p { line-height:1.4em} h4 { font-size:16px} /* --------------------------------------------- 02. wrapper --------------------------------------------- */ #wrapper { width:1283px; margin:0 auto;} #left-element { position: relative; padding: 0 0px; padding-top: 100px; padding-right: 15px; float:left; width:160px; margin:0 auto; } #middle-element { position: relative; width:900px; float:left; padding: 0 0px; margin: 0px; } #right-element { padding: 0 0px; padding-top: 27px; padding-left: 20px; float:left; width:327px; margin:0 auto; } /* --------------------------------------------- 03. topbar+history --------------------------------------------- */ #topbar { width:617px; height:33px; float:left; padding-top:17px} #topbar p { float:left; color:#666666; padding-bottom:10px;} #topbar p a { padding-left:3px; padding-right:2px; padding-top:3px; padding-bottom:2px; color:#A6A6A6;} #topbar p a.icon { background:url(../images/icon_search.gif) no-repeat 0px 2px; padding-left:20px;} #topbar h5 { font-size:12px; font-weight:bold; float:right; padding-right:175px;} #topbar h5 a { color:#FFFFFF} #historyHeader { width:178px; height:33px; float:left; padding-top:17px;} #historyHeader h5 { font-size:12px; font-weight:bold; float:none; padding-top:9px; padding-left:27px;} #historyHeader h5 span { color:#FFFFFF} .historyOpen { width:178px; height:33px; float:left; padding-top:17px; background: url(../images/historyHead.gif) no-repeat top left;} .historyClosed { width:178px; height:33px; float:left; padding-top:17px; background: url(../images/history_tail.gif) no-repeat top left;} #historyHeaderClick h5 { font-size:12px; font-weight:bold; float:none; padding-top:9px; padding-left:27px;} /*#historyHeaderClick h5 span { color:#FFFFFF}*/ .hisCloseText {color:#fe25a8; } .hisOpenText {color:white; } .historySpanOpenHover {color:white; font-size:12px; font-weight:bold; float:none; padding-top:9px; padding-left:27px; text-decoration:underline} .historySpanClosedHover {color:#fe25a8; font-size:12px; font-weight:bold; float:none; padding-top:9px; padding-left:27px; text-decoration:underline} #space {width:105px; height:33px; float:left; padding-top:17px;} #historyHeader span:hover {/*color:#FFFFFF;*/ text-decoration:underline} #historyHeaderClick span:hover {/*color:#FFFFFF;*/ text-decoration:underline} /* --------------------------------------------- 04. header --------------------------------------------- */ /* old header #header { width:900px; float:left; background:url(../images/bg_pinkshadow.gif) no-repeat top center; border-top:1px solid #4D4D4D;} */ #header { width:900px; float:left; background:url(../images/main_bg.jpg) no-repeat top center; border-top:1px solid #4D4D4D;} /* --------------------------------------------- 04.1 header - logo --------------------------------------------- */ #logo { width:615px; height:165px; float:left;} /* --------------------------------------------- 04.1 header - history --------------------------------------------- */ #history { width:285px; height:165px; float:right; background:url(../images/bg_history.gif) no-repeat top center; z-index: 3;} #history-inner { width:285px; height:165px; float:right; background:url(../images/innerHis.gif) no-repeat top center;} /* --------------------------------------------- 04.2 header - select --------------------------------------------- */ #select { width: auto; float: right; } #select h4 { font-weight:bold; color:#FFFFFF; padding-bottom:8px} #select p { width:48px; float:left; font-size:12px; color:#A6A6A6; text-align:center; font-weight:bold; padding-top:4px; padding-bottom:10px ; } /* --------------------------------------------- 04.3 header - select - gender --------------------------------------------- */ .selectgender { width:140px; float:left; } .err { width:190px; float:left; } .set { width:58px; float:left; padding-right:8px } .icon { width:50px; height:50px; float:left} .icon-male { width:63px; height:63px; float:left} .icon-male a {width:63px; height:63px; float:left; background:url(../images/btn_male.png) no-repeat top left} .icon-male-pink {width:63px; height:63px; float:left; background:url(../images/cmu_male_btn_selected.png) no-repeat top left} .icon-male-over {width:63px; height:63px; float:left; background:url(../images/cmu_male_btn_over.png) no-repeat top left} .icon-female { width:63px; height:63px; float:left} .icon-female a {width:63px; height:63px; float:left; background:url(../images/btn_female.png) no-repeat top left} .icon-female-pink {width:63px; height:63px; float:left; background:url(../images/cmu_female_btn_selected.png) no-repeat top left} .icon-female-over {width:63px; height:63px; float:left; background:url(../images/cmu_female_btn_over.png) no-repeat top left} .grayText { width:62px; font-size:12px; color:#A6A6A6; text-align:center; font-weight:bold; } .pinkText { width:62px; font-size:12px; color:#fe25a8; text-align:center; font-weight:bold; } .cyanText {float:left; font-family:Tahoma; font-size:14px; font-weight:bold; color:#00f6ff; text-align:center; padding-top:3px; } /* --------------------------------------------- 04.3.5 header - select - errMsg --ohad --------------------------------------------- */ #select .new1 { width:356px; height:26px; float:left;} #select .new2 { width:300px; height:26px; float:left; } #select .emptyspace { width:356px; height:26px; float:left;} /* --------------------------------------------- 04.4 header - select - celebrity --------------------------------------------- */ /*#select .selectcelebritygender { width:465px; float:left;}to hide celebrity genre select*/ #select .selectcelebritygender { width:465px; height: 120px; float:left;} #select .browse { width:80px; height:30px; float:left; font-size:14px} #select .browse a:hover { text-decoration:none} #select .browse-inner { width:300px; height:30px; float:left; font-size:14px} #select .browse-inner a:hover { text-decoration:none} #select .arrow { width:60px; float:left; text-align:center; margin-top: 25px;} #select .textbox { float:left; } #select .textbox input { width:280px; float:left; padding:2px; font-size:12px; color:#000000;/*#808080;*/ padding-top:3px; padding-left:4px; font-family:"Tahoma", Arial, Helvetica, sans-serif; padding-bottom:3px} #select .textboxUrl { float:left; } #select .textboxUrl input { width:205px; float:left; padding:2px; font-size:12px; color:#000000; padding-top:3px; padding-left:4px; font-family:"Tahoma", Arial, Helvetica, sans-serif; padding-bottom:3px} #select .terms { width:285px; float:right; padding-right:10px; padding-top:4px;} #select { width:auto; font-weight:normal; font-size:11px; color:#FFFFFF;} #select a { text-decoration:underline} #select .someCyanText {float:left; font-family:Tahoma; font-size:14px; color:#00f6ff; padding-top:3px; } #select .terms .checkbox { height:20px; vertical-align:middle; margin-right:4px;} #select .button { width:110px; height:40px; float: right; margin-top:-7px; text-align:right; padding-right:10px; } #upload_selector {width :187px; float: left;} #upload_selector_links{ width: 140px; color: white; text-decoration: none;} #uploadImage{position: relative; width: 160px; height: 38px;} #uploadUrl{display: none;} .ui-tabs .ui-tabs-hide { display: none !important; } /* --------------------------------------------- 05. match box --------------------------------------------- */ #matchbox { width:900px; float:left; background:url(../images/bg_shadowping_reverse.gif) no-repeat bottom center; border-top:1px solid #4D4D4D; border-bottom:1px solid #4D4D4D; padding:30px 0px; } #matchbox h1 { width:295px; float:left; padding-bottom:7px} #matchbox .star { width:245px; height:32px; float:left; text-align:center; padding-bottom:6px; padding-top: 3px;} #matchbox .set { width:112px; float:left; padding-right:15px} #matchbox .photo { width:112px; height:112px; float:left; background:url(../images/photo_active.gif) no-repeat top left;} #matchbox .photo a { width:105px; height:105px; float:left; background:url(../images/photo_active.gif) no-repeat top left; padding-top:7px; padding-left:12px} #matchbox .photo-pink { width:105px; height:105px; float:left; background:url(../images/photo_hover.gif) no-repeat top left; padding-top:7px; padding-left:12px} #matchbox p { width:112px; float:left; font-size:11px; text-align:center; margin-top:4px;} #matchbox p a { color:#1A1A1A; text-decoration:underline} #matchbox p a.pink { color:#FF25A8; font-weight:bold} /* --------------------------------------------- 05.1 match box - match of the month --------------------------------------------- */ #matchofthemonth { width:295px; float:left} #matchofthemonth h4 { font-weight:bold; font-size:14px; color:#1A1A1A; padding-bottom:10px; text-align:center} #matchofthemonth h4 span { font-size:10px; color:#808080; font-weight:normal} #matchofthemonth .boxsmall { width:260px; height:195px; float:left; background:url(../images/box_small.png) no-repeat top left; padding:10px 10px 15px 25px} /* --------------------------------------------- 05.2 match box - rate a match --------------------------------------------- */ #rateamatch { width:590px; float: right} #rateamatch h4 { font-weight:bold; font-size:14px; color:#808080; padding-bottom:10px; text-align:center} #rateamatch h4 span { font-size:10px; font-weight:normal} #rateamatch .boxsmall {width:575px; height:205px; float:left; background:url(../images/box_small2.png) no-repeat top left; padding:0px 10px 15px 10px} #rateamatch .leftpanel { width:250px; float:left} #rateamatch .rightpanel { width:230px; height:200px; float:left; padding-left:55px; padding-top:10px;} #rateamatch .rightpanel p {color:#7e7e7e; font-size: 12px; text-align: left; width: 130px;} /* --------------------------------------------- 06. footer styles --------------------------------------------- */ #footer { width:900px; float:left; padding-top:20px; padding-bottom:100px; text-align:center} #footer p { font-size:11px; padding-bottom:5px} #footer p a { padding-left:2px; padding-right:2px} #footer p a.pink { color:#FF25A8} #footer a {font-size: 13px;} #footer a.icon1 { background:url(../images/icon_twiter.gif) no-repeat 0px 0px; padding-left:20px;} #footer a.icon2 { background:url(../images/icon_facebook.gif) no-repeat 0px 0px; padding-left:20px;} #footer a.icon3 { background:url(../images/icon_youtube.gif) no-repeat 0px 0px; padding-left:20px;} #footer a.icon4 { background:url(../images/icon_link.gif) no-repeat 0px 0px; padding-left:20px;} /* --------------------------------------------- 07. innerpage - logo --------------------------------------------- */ #logo-inner { width:250px; float:left;} #select .selectgender-inner { width:160px; float:left; margin:0; padding:0} #select .select-set { width:625px; float:left;} #select .browse-set { width:500px; height:30px; float:left; margin:0; padding:0; margin-bottom:15px; margin-top:-10px;} #select .input-set { width:500px; float:left; margin:0; padding:0;} #select .input-set .button { width:110px; height:40px; float: right; margin:0; padding:0; margin-top:-10px; text-align:right; padding-right:80px; position:relative; } /* --------------------------------------------- 08. innerpage - search results --------------------------------------------- */ #searchresults { width:900px; float:left; border-top:1px solid #4D4D4D; padding-top:30px; } #searchresults h1 { float:left} #searchresults p { font-size:12px; font-weight:normal; color:#939293} #searchresults .text_white { color:#FFFFFF} #searchresults .text_pink { color:#FF0099; font-weight:bold; font-family:Tahoma;} #searchresults .text_gray_dark { color:#4c4c4c; font-weight:bold; font-family:Tahoma;} .facebook a { float:left; background: url(../images/icon_facebook_large.png) no-repeat 60px 0px ; color: #FFFFFF; padding-left:90px; padding-top: 5px; font-size: 12px;padding-bottom: 3px } .facebook_image a { float:left; background: url(../images/icon_facebook_large.png) no-repeat 20px 0px ; color: #FFFFFF; padding-left:50px; padding-top: 5px; font-size: 12px;padding-bottom: 3px } .showlist { float:left; padding-left:160px;} .showlist p { float:left; padding-right:15px; padding-top:5px} .showlist .arrow { float:left; padding-right:5px} .image_showlist_right { float:left; padding-left:100px;} .image_showlist_right p { float:left; padding-right:15px; padding-top:5px} .image_showlist_right .arrow { float:left; padding-right:5px} .image_showlist_left { float:left; padding-left:15px;} .image_showlist_left p { float:left; padding-right:15px; padding-top:5px} .image_showlist_left .arrow { float:left; padding-right:5px} .link_send { float:right; padding-right: 10px;} .link_send p a { height:20px; float:left; background:url(../images/icon_send.png) no-repeat; color:#FFFFFF; text-decoration:none; padding-left:30px; padding-top:4px} .link_send p a:hover { color:#FFFFFF; text-decoration:underline} .searchresultbox_bordertop { width:898px; height:10px; float:left; background:url(../images/bg_searchbox_bordertop.png) no-repeat; margin-top:10px} .searchresultbox_bordermiddle { width:898px; float:left; background:url(../images/bg_searchbox_bordermiddle.png) repeat-y} .searchresultbox_borderbottom { width:898px; height:10px; float:left; background:url(../images/bg_searchbox_borderbottom.png) no-repeat; } #column1 { width:132px; float: left; padding-left:16px; padding-top: 15px;} .originalimage { width:116px; float:left; padding-bottom:15px;} .originalimage p { color:#4D4D4D; font-weight:bold; text-align:left; padding-bottom:7px; padding-left:4px;} .originalimage .photo_left { width:96px; float:left; padding-left:0px; padding-top:6px; padding-left:8px;} .selectedface { width:105px; float:left; padding-bottom:10px} .selectedface p { color:#FF0099; font-weight:bold; text-align:center; padding-left:8px;} .selectedface .photo_left { width:106px; float:left; } .selectedface .photo_left-select { width:72px; height:80px; float:left; background:url(../images/bg_selectedface_hover.jpg) no-repeat center; padding:10px} .selectedface .photo_left a { width:72px; height:80px; float:left; background:url(../images/bg_selectedface.jpg) no-repeat center; padding:8px} .selectedface .photo_left a:hover { background:url(../images/bg_selectedface_hover.jpg) no-repeat center} .selectedface .photo_left a.selected { background:url(../images/bg_selectedface_hover.jpg) no-repeat center} .otherface { width:132px; } .otherface p { color:#FF0099; font-weight:bold; text-align:left; padding-bottom:3px; padding-left:0px;} .otherface .photo_left { width:50px; float:left; padding-left:4px; } .otherface .photo_left a { width:50px; height:50px; float:left; background:url(../images/bg_otherface.jpg) no-repeat; padding-left:5px; padding-top:6px } .otherface .photo_left a:hover { background:url(../images/bg_otherface_hover.jpg) no-repeat} .otherface .photo_left a.selected { background:url(../images/bg_otherface_hover.jpg) no-repeat} .otherface .photo_right { width:50px; float:right; padding-right:18px; } .otherface .photo_right a { width:50px; height:50px; float:right; background:url(../images/bg_otherface.jpg) no-repeat; padding-left:5px; padding-top:6px } .otherface .photo_right a:hover { background:url(../images/bg_otherface_hover.jpg) no-repeat} .otherface .photo_right a.selected { background:url(../images/bg_otherface_hover.jpg) no-repeat} #column2 { width:728px; float:left; padding-left:17px; padding-top:15px;padding-bottom: 15px} .list_photoright { width:728px; float:left; padding-bottom:10px} .list_photoright .photo_right { width:136px; float:left; padding-right:9px; margin-top: 22px;} .list_photoright .photo_right a { width:120px; height:120px; float:left; background:url(../images/bg_photo_right.jpg) no-repeat; padding:8px; padding-left:14px } .list_photoright .photo_right a:hover { background:url(../images/bg_photo_right_hover.jpg) no-repeat} .list_photoright .photo_right p {text-align:center; font-weight:normal; width:120px; padding-top: 8px;} .adsby_google { float:left; padding:10px 0 15px 10px} .spacer { float:left; padding:10px 0 15px 10px; width:728px; height:36px;} .spacer_android { float:left; padding-top:20px;padding-bottom: 0px; width:728px;} .list_persondetails { width:725px; float:left; padding-left:5px} .list_persondetails .set { width:135px; float:left; padding-right:10px} .list_persondetails .set p { float:left; color:#0000FF; font-weight:bold; line-height:1.4em; padding-bottom:15px} .list_persondetails .set p a { color:#0000FF; text-decoration:underline} .list_persondetails .set .photo_person { width:60px; float:left; padding-right:4px} .list_persondetails .set .icon_mail { float:left; padding-right:15px} .list_persondetails .set .icon_lip { float:left} /* --------------------------------------------- 09. ohad-extra --------------------------------------------- */ #btnFile { position: absolute; top: 1.5px; left: 1px; -moz-opacity: 0; opacity: 0; visibility: hidden; cursor: pointer; } #btnUpload { position: relative; float: left; /*width: 121px;*/ overflow: hidden; } .img-orgin-shadow { float:left; background: url("../images/shadowAlpha.png") no-repeat bottom right !important; background: url("../images/shadow.gif") no-repeat bottom right; } .img-shadow { float:left; background: url("../images/shadowAlpha.png") no-repeat bottom right !important; background: url("../images/shadow.gif") no-repeat bottom right; } .img-orgin-shadow img { display: block; position: relative; background-color: #fff; border: 2px solid #ff25a8; margin: -6px 6px 6px -6px; padding: 2px; } .img-shadow img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 2px; } .img-shadow-2 { float:left; background: url("../images/shadowAlpha.png") no-repeat bottom right !important; background: url("../images/shadow.gif") no-repeat bottom right; } .img-shadow-2 img { display: block; position: relative; background-color: #01cbff; border: 1px solid #01cbff; margin: -6px 6px 6px -6px; padding: 2px; } .celeb_photo_place { width:728px; float:left; padding-bottom:10px} .celeb_img {float:left; padding-top:14px; padding-left:10px;} .celeb_data {float:left; width:400px; height:250px; padding-top:24px; padding-left:14px;} #searchresults .pink{ color:#FF0099; font-weight:bold; font-family:Tahoma; font-size:14px;} #searchresults .greyDark{ color:#4d4d4d; font-weight:bold; font-family:Tahoma; font-size:17px; padding-top:10px;} #searchresults .greylight{ color:#929292; font-weight:bold; font-family:Tahoma; font-size:12px; padding-top:10px;} #searchresults .greyDarkSmall{ color:#4d4d4d; font-weight:bold; font-family:Tahoma; font-size:12px; padding-top:10px;} /* --------------------------------------------- 09. nissim-extra --------------------------------------------- */ #imageresults { width:900px; float:left; border-top:1px solid #4D4D4D; padding:30px 0px; } #imageresults h1 { float:left} #imageresults p { font-size:12px; font-weight:normal; color:#939293} #imageresults .text_white2 { color:#FFFFFF} #imageresults .text_pink2 { color:#FF0099; font-weight:bold; font-family:Tahoma;} #imageresults .text_gray_dark { color:#4c4c4c; font-weight:bold; font-family:Tahoma;} .showlistfound { float:left; } .showlistfound p { float:left; padding-left:75px; padding-top:5px} .showlistfound .arrow { float:left; padding-right:5px} .showlistfound h1{ font-family: Tahoma;font-size: 18px;float: left; color: white; padding-left: 10px;} .showlistfound p .text_white{color:#FFFFFF; font-size: 12px;} .showlistfound p .text_pink{color:#FF0099; font-family:Tahoma; font-weight: bold; font-size: 12px;} .image_showlist_right { float:left; padding-left:100px;} .image_showlist_right p { float:left; padding-right:15px; padding-top:5px} .image_showlist_right .arrow { float:left; padding-right:5px} .image_showlist_left { float:left; padding-left:15px;} .image_showlist_left p { float:left; padding-right:15px; padding-top:5px} .image_showlist_left .arrow { float:left; padding-right:5px} .link_send { float:right} .link_send p a { height:20px; float:left; background:url(../images/icon_send.png) no-repeat; color:#FFFFFF; text-decoration:none; padding-left:30px; padding-top:4px} .link_send p a:hover { color:#FFFFFF; text-decoration:underline} .imageresultbox_bordertop { width:898px; height:10px; float:left; background:url(../images/bg_searchbox_bordertop.png) no-repeat; margin-top:10px} .imageresultbox_bordermiddle { width:898px; float:left; background:url(../images/bg_searchbox_bordermiddle.png) repeat-y} .imageresultbox_borderbottom { width:898px; height:10px; float:left; background:url(../images/bg_searchbox_borderbottom.png) no-repeat; } #resultcolumn{width:728px; float:left; padding-left:17px; padding-top:15px;padding-bottom: 15px} .listphoto_center {width:728px; margin-right: auto; margin-left: auto;float:left; padding-bottom:10px; } .listphoto_center .photo_center {width:136px; padding-right:9px; margin-right: auto; margin-left: auto; float:left} .listphoto_center .photo_center a {width:120px; height:120px; margin-right: auto; margin-left: auto;float:left; background:url(../images/bg_photo_right.jpg) no-repeat; padding:8px;} .listphoto_center .photo_center a:hover {background:url(../images/bg_photo_right_hover.jpg) no-repeat;} #resetCookie{font-family: Tahoma;font-size: 13px; color: black; font-weight: bold; padding-top: 2px;} #tdHisTab{padding-left: 11px; padding-top: 20px; } /*.photoCookie{width:80px; }*/ /*#photoCookie {background:url(../images/history_bg.jpg) 50% 50% no-repeat;}*/ #photoCookie{padding: 1px; border: 1px solid white; background: white; width: 48px; height: 48px;} #datetext{font-family: Tahoma; font-size: 11px; color: white; } /* --------------------------------------------- 10. add 3/8/10 --------------------------------------------- */ #bottom_comercial { width:900px; float:left; padding-top:10px; padding-bottom:10px; text-align:center} #expend_comercial { width:900px; float:left; padding-top:10px; text-align:center; border-top:1px solid #4D4D4D; background:url(../images/bg_shadowping_reverse.gif) no-repeat bottom center;display: none; } #expend_bg { width:900px; height: 290px; float:left; text-align:center; background:url(../images/CMU_expand-area.png) no-repeat bottom center;} #expendRight { width:300px; height: 290px; float:right; text-align:center; padding-top:10px; } #expendLeft { width:590px; height: 290px; float:left; text-align:left; padding-top:10px;} #expendLeft h1 {color: white; font-family: Tahoma; font-size: 19px; text-align: left; padding-left: 19px; } #expendLeft h2 {color: white; font-family: Tahoma; font-size: 13px; text-align: left; padding-left: 19px; padding-bottom: 10px;} #Slogen { width:300px; height:100px; float:right; text-align:center; padding-top:92px; } #SlogenTop { width:300px; height:20px; text-align:left;} #SlogenBottom { width:300px; height:50px; float:left; text-align:left; } .slogenText {font-family: Tahoma; color:#ffffff; font-weight: Bold; font-size: 15px;} /* --------------------------------------------- 10. ohad add 4/8/10 --------------------------------------------- */ .OriginalUpper { width:705px; float:left; padding-bottom:10px; margin-left: 5px; border-top:none;} .OriginalBottom { width:705px; float:left; padding-bottom:10px; margin-left: 5px; border-bottom: 1px solid #d9d9d9; margin-bottom: 2px; } .UpperLeft { width:235px; float:left;} .UpperRight { width:465px; float:right;} .UpperRightBottom { width:465px; float:right;} .FeatGray {font-size:12px; font-family: Tahoma; font-weight: bold; color:#4D4D4D;} .FeatCyan {font-size:12px; font-family: Tahoma; color:#00ccff; font-weight: bold;} .FeatGrayLight { color:#4c4c4c; font-family:Tahoma;} .UpperGray {font-size:12px; font-family: Tahoma; color:#4a4a4a;} .resultData { float:left; padding-left:10px; padding-top: 5px;} .resultDataText {font-size:13px; font-weight:normal; color:#939293} #column3 { width:728px; float:left; padding-left:17px;} /* --------------------------------------------- 11. nissim-extra 15/2/10 --------------------------------------------- */ .text_effect{font-size: 35px; font-family: Tahoma; padding-bottom: 8px; padding-left: 4px;} .text_effect_turquize {color: #00c8ff; font-weight: bold; } .text_effect_gray {color:#5b5b5b; font-weight: bold; } .img_effect { padding-top: 2px; padding-left: 10px;} #celeblist { width: auto; float: right; margin-top:18px; padding-bottom:18px;} .celeblist_head h1 {float: left;} .celeblist_head p {float: left; padding-left: 15px; font-size: 12px; margin-top: 7px;} #celeblist_a-z {float: left; padding-left: 12px; margin-top: 3px} #celeblist_a-z .unselected { text-align: left; font-size: 15px; color: #ff0197; text-decoration: underline; padding-left: 2px;} #celeblist_a-z .selected { text-align: left; font-size: 15px; color: white; text-decoration: none; font-weight: bold; padding-left: 2px; padding-top: 2px;} #celeblistheader { width:728px; float:left; padding-left:17px; padding-top:5px;padding-bottom: 15px} #celeblistheader h2 { text-transform: capitalize;} #celebtable{width: 728px; float: left;} #celebtable td {height:18px; font-size: 13px; } #celebtable a {color: #ff009f; text-transform: capitalize;} #celebtable h3 {color:#4d4d4d; padding-left: 170px; font-size: 20px; } #celebcolumn1{width:228px; border-right-color: gray; border-bottom-width: 1px; float:left; padding-left: 22px; margin-top: 20px; margin-bottom: 20px;} .OriginalBottomBottom { width:705px; float:left; padding-bottom:0px; margin-left: 5px; border-top: 1px solid #d9d9d9; margin-bottom: 2px; } #morematch {margin-top: 5px;} #morematch .pink{ color:#FF0099; font-weight:bold; font-family:Tahoma; font-size:13px; } #morematch .black{ color:black; font-family:Tahoma; font-size:13px;} #column4{width:728px; float:left; padding-left:17px;} /* --------------------------------------------- 12.celeb page --------------------------------------------- */ #celebpage_column1 {width:132px; float:left; height: 2px;} #celebpage_column2 {width: 728px; float:left; padding-left: 17px; padding-top:15px;padding-bottom: 15px} #celebpage_top{width:708px; float:left; border-top: 1px solid #d9d9d9; margin-left: 20px;} .celebpage_head h1 {color:#ff0197; font-family: Tahoma; font-weight: bold; } .celebpage_img {float:left; padding-top:14px; padding-left:35px;} #celebpage_paging{float: left; width: 688px; margin-top: 10px;} #celebpage_paging .arrows { margin-bottom: 10px; margin-right: 3px;} .celebpage_paging_head p{font-family: Tahoma; color: black; float: left; margin-left: 30px; padding-top: 5px; margin-right: 15px;} .celebpage_paging_head h1 {color:#4d4d4d; float: left; font-size: 17px; font-family:Tahoma;} #celebpage_bottom{width: 708px;float:left;margin-left: 20px; margin-top: 20px; border-top: 1px solid #d9d9d9;} #celebdata_search { float:left; width:420px; padding-top:24px; padding-left:14px; } #celebdata_search p { color:#929292; font-weight:bold; font-family:Tahoma; font-size:12px; padding-top:10px; } #celebdata_search .pink{ color:#FF0099; font-weight:bold; font-family:Tahoma; font-size: 12px;} #celebdata_search .greyDark{ color:#4d4d4d; font-weight:bold; font-family:Tahoma; font-size:17px; padding-top:10px;} #celebdata_search .greylight{ color:#929292; font-weight:bold; font-family:Tahoma; font-size:12px; padding-top:10px;} #celebdata_search .greyDarkSmall{ color:#4d4d4d; font-weight:bold; font-family:Tahoma; font-size:12px; padding-top:10px;} .rightpanel_celebpage{width:220px; height:270px; float: left;} .celeb_space{ width: 728px; height: 10px; float: left;} /* --------------------------------------------- 13. commments 21/2/10 --------------------------------------------- */ #comments_area{width: 900px; height: 40px;float:left;margin-top: 15px; margin-bottom: 15px; background-color: white;} /* --------------------------------------------- 13. sort column 21/2/10 --------------------------------------------- */ #sortcolumn{ width:132px; float: left; padding-left:16px; padding-top: 15px; } .sortlist { width:116px; float:left; padding-bottom:15px;} .sortlist p { color:#4D4D4D; font-weight:normal; text-align:left; padding-bottom:7px; padding-left:4px; text-transform: capitalize;} .sortlist a { text-decoration: none;} .input_textbox {font-size:8pt; color:#000000; width: 115px; height: 20px; font-size: 12px; color: graytext; padding-top: 4px;} /* --------------------------------------------- 14. news section 2/3/10 --------------------------------------------- */ #news {width: 688px; float: left; margin-bottom: 10px; margin-top: 10px; padding-left: 30px; border-top:1px solid #d9d9d9; } #news .header h1{color: #4d4d4d; font-family: Tahoma; float:none;} #news .newsheadline a {width: auto; color: #FF0099; font-size: 13px; } #news .newsline a {width: auto; color: #FF0099; font-size: 12px; text-decoration: underline; } #news .newsline p {width: auto; color: #4d4d4d; } /* --------------------------------------------- 15. news section 8/3/10 --------------------------------------------- */ #matchboxsearch{width: 256px; float: left; } #matchboxtext{width:160px; float: left; margin-top: 4px; margin-bottom: 10px;} #matchboxtext .input_textbox {font-size:8pt; color:#000000; width: 160px; height: 20px; font-size: 12px; color: graytext; padding-top: 4px;} #morebtn0 a{color:#929292; padding-left: 5px; text-decoration: underline;} #morebtn1 a{color:#929292; padding-left: 5px; text-decoration: underline;} #morebtn2 a{color:#929292; padding-left: 5px; text-decoration: underline;} #lessbtn0 a{color:#929292; padding-left: 5px; text-decoration: underline;} #lessbtn1 a{color:#929292; padding-left: 5px; text-decoration: underline;} #lessbtn2 a{color:#929292; padding-left: 5px; text-decoration: underline;} #comboxes_serach{margin-left: 20px; margin-top: 20px; float: left; width: 680px;} #combox_box{width: 600px; float: left; text-transform: capitalize;} .combox_feat { padding-left: 10px; margin-bottom: 10px; float: left; width: 190px; padding-top: 7px;} .combox_feat select { width: 190px;} .combox_btn{ padding-left: 20px; padding-top: 0px; float: left; height: 50px;} .combox_head { margin-bottom: 20px;} .combox_head h1{ color:#929292; font-weight: bold; font-size: 15px;} #combox_paging{width: 630px; float: left; margin-left: 90px; } #combox_paging a {color:#FF0099; padding-left: 3px; text-decoration: underline; float: left; height: 18px; font-size: 16px;} #combox_paging p {color:#4d4d4d; padding-left: 3px; float:left; height: 18px; font-size: 16px; margin-top: -2px} #combox_paging .arrow{ float:left; padding-right:15px; padding-left: 15px;} .newsbox_bordertop { width:898px; height:10px; float:left; background:url(../images/bg_news_top.png) no-repeat; margin-top:10px} .newsbox_bordermiddle { width:898px; float:left; background:url(../images/bg_news_middle.png) repeat-y} .newsbox_borderbottom { width:898px; height:10px; float:left; background:url(../images/bg_news_bottom.png) no-repeat; } #matchboxtext .input_textbox {font-size:8pt; color:#000000; width: 130px; height: 20px; font-size: 12px; color: graytext; padding-top: 4px;} #vw_panel_wrapper{width: 500px; float: left; margin-top: 30px;} #fiter_ref {float:left; margin-top: 15px;} #fiter_ref a {color:#FF0099; font-size: 12px; font-weight: bold; } /* --------------------------------------------- 17. android page 22/3/10 --------------------------------------------- */ #android {width: 898px; float:left;} #android_head{width: 300px;} #android_section{width:898px; float: left; background: url(../images/and_pink_lights.png) no-repeat right bottom; background-color: white; } #android_text_area{width: 525px; float:left; margin-left: 17px;} #android_image_area{width: 320px; float:left; margin-left: 30px; margin-top: -40px;} #android_subsection{width:475px; border-bottom: 1px solid #ededed; padding-top: 10px; } .android_gray_dark {color: #4e4e4e; font-size: 13px; padding-bottom: 10px; } .android_pink {color: #FF0099; font-weight: bold; font-size: 14px; } #android_download{ margin-top: 50px;} /* --------------------------------------------- 18. spectrum and new select part 25/9/10 --------------------------------------------- */ .spectrumTop{ width:383px; height: 880px; background:url(../images/CMU_spectrum_top_img1.png) no-repeat center bottom; border-top:1px solid #4D4D4D; padding-top: 20px; position: relative; } .spectrumMiddle{ width:375px; height: 77px; padding: 0px 4px; } .spectrumBottom{ width:380px; height: 215px; background:url(../images/CMU_spectrum_btm_img.png) no-repeat center; } .spectrumTopTextPos{ margin-left: 80px; padding: 0px; width: 211px; height: 23px; } .spectrumTopText{ color: #FE25A8; font-size: 12px; font-weight: bold; } .genderTop{ width:180px; height: 45px; background:url(../images/txt_choose_gender.png) center bottom no-repeat; } .genderInner{ width:180px; height:84px; padding-left: 28px; padding-top: 9px; } .genderMale{ width:90px; background:url(../images/btn_male.png) right no-repeat; float: left; height:60px; } .genderFemale{ width:84px; background:url(../images/btn_female.png) no-repeat; float: right; height:60px; } .genderMaleText{ width:90px; height:20px; } .genderFemaleText{ width:84px; height:20px; } .insertTop{ width:218px; height: 45px; background:url(../images/txt_insert_photo.png) center bottom no-repeat; } .insertInner{ width:180px; height:84px; padding-left: 30px; padding-top: 9px; } .emailTop{ width:218px; height: 45px; background:url(../images/txt_enter_email.png) center bottom no-repeat; } .emailInner{ width:180px; height:84px; padding-left: 30px; padding-top: 18px; } .likeTop{ width:133px; height: 45px; background:url(../images/txt_like_us.png) center bottom no-repeat; } .likeInner{ width:133px; height:69px; padding-left: 37px; padding-top: 9px; overflow: hidden; } .getMatch{ width: 116px; height: 146px; float: left; background:url(../images/btn_get_match_reg.png) center center no-repeat; } .getMatch:hover{ background:url(../images/btn_get_match_over.png) center center no-repeat; } .iframeHolder{ width: 320px; height: 589px; background-color: gray; position: absolute; top:208px; left: 30px;