/* ============================= WorldWideWives.com stylesheet ============================= This stylesheet contains the CSS that is valid to most browsers like FireFox, Opera & Safari. It should even be ok for IE7! Well, mostly ok... */ /* * ================================ * Standard HTML element formatting * ================================ */ html, body { color: #000; background-color: #670267; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0px; width: 100%; } a { text-decoration: none; } a:hover { text-decoration: underline; } img { border: 0px; } fieldset { border-color: #000; margin-bottom: 6px; } form { margin: 0px; } h1 { margin-top: 0px; margin-bottom: 0px; font-size: 14px; } h2 { font-size:10px; color:#996666; margin:0px} h3 { margin-top: 0px; margin-bottom: 0px; font-size: 14px; color: #990099; } /* * ================ * Main page layout * ================ */ #page { margin: 0 auto; width: 950px; } #content_container { background-color: #FFF; margin-top: 6px; padding: 6px 0px 6px 0px; width: 100%; } #main_content { float: right; padding: 0px 6px 0px 6px; text-align: left; width: 758px; } /* Header */ #header { color: #000; height: 94px; margin-top: 4px; text-align: left; width: 100%; } #header a { font-weight: bold; } #header .logo { float: left; } #header .established { float: left; margin-left: 4px; width: 102px; } #header .myprofilebox { background-color: #CDB0CC; float: right; height: auto !important; height: 86px; min-height: 86px; width: 460px; } #header .links { color: #FFF; margin-top: 5px; } #header .links a { color: #FFF; font-size: 12px; } #header .supportlinks { color: #000; font-size: 10px; text-align: left; vertical-align: top; } #header .supportlinks a { color: #000 !important; font-size: 10px !important; } #header .login { color: #000; font-size: 12px; font-weight: bold; text-align: left; } #header .login a { color: #FFF; font-size: 12px; } #header .login .loginbutton { float: left; } #header .login td.heading { background-color: #670267; color: #FFF; font-weight: bold; padding-left: 3px; } /* Menu */ #menu { border-right: solid 1px #c4c4c4; float: left; text-align: left; width: 178px; } #menu a { color: #000; font-size: 1em; text-decoration: none; } #menu a:hover { text-decoration: underline; } #menu .section { background-color: #f4f4f4; margin-left: 6px; margin-bottom: 6px; border: solid 1px #c4c4c4; padding: 6px; margin-right: 6px; } #menu .upgrade { background-color: #ecce52; border: 1px solid #000; } #menu .main { font-weight: bold; } #menu .sub { padding-left: 10px; } #menu .active { background-color: #CCCCCC; font-weight: bold; color: #FFF; } /* Footer */ #footer { clear: both; color: #F9B9F2; font-size: 11px; padding-top: 10px; text-align: center; width: 100%; } #footer a { color: #F9B9F2; font-size: 9px; } /* * =================== * Reusable components * =================== */ /* Mainbox is for main page content - it stretches across all available space */ div.mainbox { clear: both; margin-bottom: 6px; width: 100%; } /* Standard header/ content formatting for boxes */ div.boxheader { background-image: url(/images/tit.jpg); color: #FFF; font-weight: bolder; height: auto !important; height: 30px; min-height: 30px; line-height: 30px; padding-left: 6px; vertical-align: middle; } div.boxcontent { background: #CDB0CC; padding: 6px; } div.boxheader a, div.boxcontent a { color: #FFF; font-weight: bolder; } div.boxheader img { margin-top: -2px; vertical-align: middle; } /* For aligning boxheader content to the left/ right */ div.boxheader .boxheaderleft { float: left; line-height: 30px; vertical-align: middle; } div.boxheader .boxheaderright { float: right; line-height: 30px; padding-right: 6px; vertical-align: middle; } div.boxheader .boxheaderleft img, div.boxheader .boxheaderright img { vertical-align: middle; } /* For use in containers where floating divs are used - this should be used after the floating elements. This will make it (parent container) have the correct height as it will wait for floating elements to be rendered before the floatbuster element is. */ .floatbuster { clear: both; font-size: 0; height: 0; margin: 0; overflow: hidden; padding: 0; width: 0; } /* Navigation bars */ .navbar { height: auto !important; height: 27px; min-height: 27px; line-height: 27px; width: 100%;} .navbar .previous { float: left; height: auto !important; height: 27px; min-height: 27px; line-height: 27px; text-align: left; width: 60px; } .navbar .next { float: right; height: auto !important; height: 27px; min-height: 27px; line-height: 27px; text-align: right; width: 60px; } /* Image gallery/ profile preview box */ .previewbox { color: #FFF; font-weight: bolder; float: left; font-size: 12px; height: auto !important; height: 130px; margin: 6px 0 0 10px; min-height: 130px; text-align: center; width: 82px; } .previewbox img { display: block; margin: 0 auto; } .indicator { height: 25px; line-height: 25px; margin: 6px auto 12px; padding: 6px; text-align: center; vertical-align: middle; } .indicator img { margin-top: 5px; } /* Video gallery preview box */ .vidpreviewbox { color: #FFF; font-weight: bolder; float: left; font-size: 12px; height: auto !important; height: 166px; margin-top: 6px; margin-left: 8px; min-height: 166px; text-align: center; width: 177px; } .vidpreviewbox img { display: block; margin: 0 auto 3px; } #gallerylinks img { vertical-align: middle; } /* Friend requests/ alerts/ messages */ .alertbox { background-color: #f4f4f4; border: solid 1px #670267; height: auto !important; height: 80px; margin: 0 auto 10px auto; min-height: 80px; padding: 6px; width: 80%; } .alertbox .thumb { float: left; height: auto !important; height: 80px; min-height: 80px; width: 64px; } .alertbox .detail { float: left; height: auto !important; height: 80px; margin-left: 6px; max-width: 76%; min-height: 80px; text-align: left; line-height: 14px; vertical-align: top; } .alertbox .options { float: right; height: auto !important; height: 80px; min-height: 80px; text-align: right; width: 12%; } .alertbox a { color: #000 !important; } .alertbox .detail img { vertical-align: middle; } .alertbox .detail p { margin-top: 0px; margin-bottom: 6px; } .alertbox .options input { height: 16px; margin-top: 50%; vertical-align: top; } .alertbox .options img { height: 16px; margin-top: 50%; vertical-align: top; } /* Box that typically accompanies the alert box to provide options for all alerts */ .alertboxmain { margin: 0 auto 10px auto; padding: 6px; width: 80%; } .alertboxmain .options { float: left; text-align: left; } .alertboxmain .selectall { float: right; text-align: right; } /* Tables used with forms */ .formTable { width: 100%; } .formTable .label { text-align: right; vertical-align: top; width: 15%; } .formTable .field { padding-left: 5px; padding-bottom: 5px; vertical-align: top; } /* Box to contain page numbers/ number of items etc */ .pagedetail { height: auto !important; height: 25px; margin: 6px auto 12px auto; min-height: 25px; padding: 6px; width: 95%; } .pagedetail .xofx { float: right; height: auto !important; height: 25px; min-height: 25px; text-align: right; width: 30%;} .pagedetail .pagenumbers { float: left; height: auto !important; height: 25px; min-height: 25px; text-align: left; width: 65%; } /* Check boxes for selecting interest/ content groups */ .groupCategory { margin-bottom: 10px; } .groupCategory .catName { clear: both; font-style: italic; font-weight: bold; } .groupCategory .group { float: left; min-width: 165px; width: auto !important; width: 165px; } /* Message box for saved/ error messages */ .messagebox { background-color: #FFF; border: solid 1px #000; font-weight: bolder; margin: 10px 0px 10px 0px; padding: 6px; } .messagebox a { color: #FF0000 !important; } /* Page help bar */ #pagehelp { background-color: #CCCCCC; border: 1px solid #660066; height: 36px; margin-bottom: 6px; } #pagehelp #phinfo { font-size: 12px; height: 36px; overflow: hidden; vertical-align: middle; } #pagehelp .oneline { line-height: 36px; } #pagehelp .twoline { line-height: 18px; } #pagehelp #phtitle { float: left; margin: 0 4px; } /* Tabs */ ul#tabs { background-color: #670267; border-bottom: 1px solid #FFF; height: 29px; list-style: none outside none; margin: 0; padding: 0; } ul#tabs a { color: #FFF; } ul#tabs li { background-color: #670267; border-right: 1px solid #FFF; color: #FFF; cursor: pointer; float: left; font-size: 9pt; font-weight: bold; height: 29px; line-height: 29px; padding: 0 10px 0; overflow: hidden; text-align: center; vertical-align: middle; } ul#tabs li:hover { text-decoration: underline; } ul#tabs li.selected { background-color: #CDB0CC; border-bottom: 1px solid #CDB0CC; color: #670267; } ul#tabs li.selected a { color: #670267; } /* Comments */ #comments .indicator { height: 25px; margin: 6px auto 12px; padding: 6px 0; width: 128px; } #addcomment { margin: 10px auto; width: 95%; } #addcomment p { font-size: 10pt; font-weight: bold; margin: 0; } #addcomment input { display: block; float: right; } #addcomment textarea { display: block; height: 33px; margin: 0 auto 6px; width: 99%; } .gcomment { clear: both; height: auto !important; height: 80px; margin: 10px auto; min-height: 80px; width: 95%; } .gcomment .thumb { float: left; height: 75px; width: 60px; } .gcomment .title { background: #e8cce7; border-bottom: solid 1px #b57eb3; border-top: solid 1px #803882; color: #670267; float: right; font-size: 12px; height: 20px; line-height: 20px; vertical-align: middle; width: 91%; } .gcomment .title .poster { float: left; padding-left: 6px; } .gcomment .title .pname { font-weight: bold; } .gcomment .title .posttime { float: right; padding-right: 6px; } .gcomment .body { float: right; height: auto !important; height: 19px; min-height: 19px; padding: 5px 0 0; width: 90%; } .gcomment .options { border-bottom: solid 1px #b57eb3; float: right; font-size: 12px; height: 16px; line-height: 16px; text-align: right; padding: 6px 0; vertical-align: middle; width: 91%; } .gcomment .options input { vertical-align: bottom; } /* * =============== * Text formatting * =============== */ /* Standard header text */ .header { color: #990099; font-size: 14px; font-weight: bolder; } /* Standard error text */ .errorMessage { color: #FF0000; font-weight: bolder; } .errorMessage li { color: #000; } .errorMessage a { color: #000 !important; } /* * ================ * Individual pages * ================ */ /* /emailprefs.jsp */ #emailprefs form { background: #FFF; padding: 6px; } #emailprefs ul { list-style-type: none; margin: 6px 0; padding: 0; } #emailprefs select { margin-top: 3px; } #emailprefs input[type="text"] { margin-top: 2px; width: 180px; } #emailprefs .email { font-style: italic; font-weight: bold; } #emailprefs .row, #emailprefs .label, #emailprefs .edit { height: 25px; line-height: 25px; vertical-align: middle; } #emailprefs .label, #emailprefs .edit { float: left; } #emailprefs .heading { background: #CCC; font-weight: bold; } #emailprefs .row { margin: 0 auto; padding: 2px; width: 70%; } #emailprefs .alt { background: #EEE; } #emailprefs .label { width: 54%; } #emailprefs .edit { text-align: right; width: 45%; } /* /index.jsp */ #homepage #welcomebar { background-image: url(/images/tit.jpg); color: #FFF; font-weight: bolder; height: auto !important; height: 30px; min-height: 30px; line-height: 30px; padding-left: 6px; vertical-align: middle; } #homepage #welcomebar .greeting { float: left; line-height: 30px; } #homepage #welcomebar .date { float: right; line-height: 30px; padding-right: 6px; } #homepage #blurb { background-image: url(/images/index/michelle.jpg); background-repeat: no-repeat; background-position: bottom right; border-bottom: 1px solid #CDB0CC; border-top: 1px solid #FFF; float: left; height: 240px; width: 50%; } #homepage #quicksearch { border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; background-color: #783975; color: #FFF; float: left; height: 240px; overflow: hidden; width: 50%; } #homepage #highlights { border-bottom: 1px solid #CDB0CC; float: left; height: 310px; width: 50%; } #homepage #featuredProfiles { border-bottom: 1px solid #FFF; background: #CDB0CC; float: left; height: 310px; width: 50%; } #homepage #webcams { border-bottom: 1px solid #CDB0CC; float: left; height: 200px; width: 50%; } #homepage #latestvideos { background: #CDB0CC; float: left; width: 50%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; height: 200px; } #homepage #moviewinner { background: #CDB0CC; float: left; width: 50%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; } #homepage #picturewinners { float: left; width: 50%; } #homepage .getflash { margin: 0; padding: 12px 0; } #homepage .getflash a { color: #FFF; font-weight: bold; } #homepage .inner { margin: 8px; } #homepage .thumbnails { margin: 0 auto; width: 356px; } #homepage .uploadlink { float: left; margin-top: 6px; } #homepage .viewall { float: right; margin-top: 6px; } #homepage .viewall a { color: #783975; text-decoration: underline; } #homepage p.sectionheader { color: #783975; font-size: 13pt; font-weight: bold; margin: 0px 0px 6px 0px; } #homepage #blurb p.sectionheader { font-size: 18pt; margin: 0px; } #homepage #blurb .supportheader { color: #A83AA5; font-size: 13pt; font-weight: bold; margin: 0px 0px 6px 0px; } #homepage #blurb .supporttext { width: 65%; } #homepage #blurb a.header { display: block; font-size: 10px; text-align: center; width: 65%; } #homepage #quicksearch table { color: #FFF; width: 100%; } #homepage #quicksearch .town { width: 68%; } #homepage #quicksearch .sectionheader { color: #FFF; } #homepage #quicksearch .title { text-align: right; vertical-align: top; width: 25%; } #homepage #quicksearch .field { padding-left: 5px; width: 75%; } #homepage #quicksearch .thumbsonly { text-align: center; } #homepage #quicksearch .searchbutton { vertical-align: bottom; } #homepage #webcams .livecam { float: left; height: 120px; margin: 0 12px; width: 152px; } #homepage #picturewinners .winner { float: left; margin: 0 10px; width: 152px; } #homepage #moviewinner .videotitle { margin: 0; text-align: center; } #homepage .winnerstitle { font-size:13px !important; } /* /chat/index.jsp */ #chatlogin p { margin: 12px 0 0 12px; } #chatlogin p.header { margin: 12px 0; } #chatlogin .left { float: left; width: 405px; } #chatlogin .left .rules { margin: 6px 0; } #chatlogin .right { float: right; width: 335px; } #chatlogin .right .text { float: left; width: 220px; } #chatlogin .right .pics { float: right; width: 101px; } #chatlogin .right .pics img { margin: 18px 0; } #chatlogin .right .exclusive { clear: both; font-weight: bold; margin: 0 0 0 12px; padding: 10px 0; } #chatlogin .notloggedin { text-align: center; } #chatlogin .notloggedin img { margin: 4px 0; } #chatlogin .notloggedin p { margin: 4px 0; text-align: left; } #chatlogin .notloggedin ul { margin: 4px 0; padding-left: 16px; text-align: left; } #chatlogin .notloggedin p.subheader { color: #990099; font-weight: bold; } #chatlogin .notloggedin p.header { font-size: 20px; } #chatlogin .notloggedin .separator { background-color: #670267; height: 3px; margin: 0 auto 12px; width: 310px;} /* /errorpages/must_be_logged_in.jsp */ #forcedlogin .loginform { float: left; margin-top: 12px; width: 50%; } #forcedlogin .featuredprofiles { border-left: 1px solid #FFF; float: right; margin-top: 12px; width: 49%; } #forcedlogin .featuredprofiles .inner { margin: 0px 22px 0px 22px; } #forcedlogin .featuredprofile { float: left; height: 160px; text-align: center; width: 105px; } #forcedlogin .featuredprofile img { margin: 0 auto; } #forcedlogin .featuredprofiles p.header { margin: 0; text-align: center; } #forcedlogin .reasons { float: left; margin-top: 12px; width: 50%; } #forcedlogin .reasons .newprofilebtn { margin: 0 auto; width: 165px; } /* /help/ */ .section { border: 1px solid #000; margin-bottom: 6px; padding: 12px; } .section .header { margin-bottom: 12px; } .section .question span { color: #FFF; cursor: pointer; display: block; font-weight: bold; margin-bottom: 6px; } .section .question span:hover { text-decoration: underline; } .section .answer { padding-left: 24px; } /* /help/thegang.jsp */ #thegang div.profilebox div.contentmember { background-image: none; } /* /help/support.jsp */ #supportrequest input[type="text"] { width: 200px; } #supportrequest select { width: 206px; } /* /includes/profilebox.jsp - Profile box is for profile previews */ div.profilebox { float: left; min-height: 125px; height: auto !important; height: 125px; margin: 0px 3px 6px 3px; width: 372px; } div.profilebox .boxheaderright { font-size: 12px; font-weight: normal; } div.profilebox div.boxcontent { background: #CDB0CC; font-size: 12px; height: auto !important; height: 125px; min-height: 125px; padding: 6px; } div.profilebox div.boxcontent a { color: #990099; } div.profilebox div.boxcontent img { vertical-align: middle; } div.profilebox .thumb { float: left; height: 125px; margin-right: 8px; width: 101px; } div.profilebox .textbox { height: 70px; overflow: hidden; } div.profilebox .text { margin-bottom: 4px; } div.profilebox .view { height: 30px; line-height: 30px; vertical-align: middle; } div.profilebox .icons { height: 25px; overflow: hidden; } div.profilebox .header { font-size: 12px; font-weight: normal; } div.profilebox div.headermember { background-image: url(/images/tit-member.jpg); color: #670267; } div.profilebox div.headermember a { color: #670267; } div.profilebox div.contentmember { background: #CDB0CC url(/images/profiles/member-back.jpg) no-repeat 85% center; } /* /includes/profileboxfull.jsp */ .profileboxfull .thumb { float: left; height: auto !important; height: 150px; min-height: 150px; text-align: center; width: 120px; } .profileboxfull .detail { float: left; height: auto !important; height: 150px; line-height: 14px; margin-left: 12px; min-height: 150px; text-align: left; vertical-align: top; } .profileboxfull .detail img { vertical-align: middle; } .profileboxfull .detail p { margin-top: 0px; margin-bottom: 6px; } .profileboxfull .options { color: #FFF; float: right; font-weight: bolder; height: auto !important; height: 150px; min-height: 150px; text-align: right; width: 25%; } /* /me/changethumb.jsp */ #changethumb .option { height: auto !important; height: 196px; margin: 0 0 12px; min-height: 194px; } #changethumb li { margin: 0 0 10px; } #changethumb ul { margin: 0; padding-left: 15px; } #changethumb .optionheading { background: #A368A2; color: #FFF; font-weight: bold; line-height: 20px; margin: 0 0 6px; vertical-align: middle; } #changethumb #currentthumb { background: #A368A2; color: #FFF; float: left; font-size: 12px; font-weight: bold; margin-right: 20px; text-align: center; width: 120px; } #changethumb #uploadform { float: left; } #changethumb #uploadform input { display: block; margin: 0 0 10px; } #changethumb .notice { color: #000; font-weight: bold; } #changethumb #uploadnav { clear: both; height: 22px; } #changethumb #uploadnav input { font-size: 0; height: 22px; } #changethumb .prev { background: url(/images/me/previous.jpg); border: none 0px; cursor: pointer; float: left; padding: 0; width: 102px; } #changethumb .next { background: url(/images/me/next.jpg); border: none 0px; cursor: pointer; float: right; padding: 0; width: 70px; } /* /me/friends.jsp - .friendoptions ... are modified versions of .alertbox .detail ... */ .friendoptions { float: right; height: auto !important; height: 80px; margin-left: 6px; max-width: 25%; min-height: 80px; text-align: right; line-height: 14px; vertical-align: top; } .friendoptions a { font-weight: normal !important; } .friendoptions p { margin-top: 0px; margin-bottom: 6px; } /* /messages/ */ #messages ul#tabs { background-color: #CDB0CC; margin-bottom: 0px; border-bottom: 1px solid #000; height: 30px; } #messages ul#tabs a { color: #000; font-size: 9pt; } #messages ul#tabs li { background-color: #D2D2D2; border-left: 1px solid #000; border-top: 1px solid #000000; border-right: 1px solid #000; color: #000; width: 7%; } #messages ul#tabs li.selected { background-color: #FFF; border-bottom: 1px solid #FFF; color: #670267; } #messages ul#tabs li.selected a { color: #670267; } #messages ul#tabs .newmessage { float: right; width: 15%; } #messages form { background: #FFF; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; } #messages .separator { background: #D2D2D2; height: 1px; } #messages .pagedetail { background: #FFF; font-size: 12px; margin: 0; padding: 10px 8px; width: auto; } #messages .pagedetail a { color: #000; font-weight: normal; } /*#messages .pagedetail .xofx { float: left; height: auto !important; height: 25px; line-height: 25px; margin-right: 6px; min-height: 25px; min-width: 14%; max-width: 20%; text-align: left; vertical-align: middle; width: auto !important; width: 14%; }*/ #messages .pagedetail .options { float: left; height: auto !important; height: 25px; line-height: 25px; min-height: 25px; min-width: 52%; vertical-align: middle; width: 437px; } #messages .pagedetail .options input{ margin: auto; overflow: visible; width: auto; }/* Various browser fixes */ #messages .pagedetail .pagenumbers { float: right; height: auto !important; height: 25px; line-height: 25px; min-height: 25px; text-align: right; vertical-align: middle; width: 39%; } #messages .pagedetail .pagenumbers .current { color: #990099; font-weight: bold; text-decoration: none; } #messages .alertbox { background-color: #FFF; border: none; height: auto !important; height: 80px; margin: 0 auto; min-height: 75px; padding: 6px; width: auto; } #messages .alertbox .thumb { height: auto !important; height: 75px; min-height: 75px; } #messages .alertbox .detail { height: auto !important; height: 75px; max-width: 65%; min-height: 75px; } #messages .alertbox .options { height: auto !important; height: 75px; min-height: 75px; } #messages .unreadmessage { background-color: #FDE6FC; } #messages .alertbox .header { color: #000; } #messages .alertbox .options { line-height: 75px; vertical-align: middle; width: 20%; } #messages .alertbox .options input { height: auto; margin-top: 0; margin-bottom: 0px; vertical-align: middle; width: 28px; } #messages .alertbox .options img { height: 28px; margin-top: 0; vertical-align: middle; width: 28px; } #messages .separator, #messages .alertbox { margin: 0 12px; } #messages #nomessages { padding: 6px 8px; } /* /messages/thread.jsp */ #thread { padding: 4px 12px; } #thread .message { margin-bottom: 12px; height: auto !important; height: 90px; min-height: 90px; } #thread .message .details { background: #F4F4F4; border-bottom: solid 1px #C4C4C4; border-top: solid 1px #C4C4C4; font-size: 12px; height: 20px; } #thread .message .details a { color: #000; } #thread .message .details input { vertical-align: middle; } #thread .message .details .poster { float: left; font-weight: bold; height: 20px; line-height: 20px; margin-left: 75px; vertical-align: middle; width: 69%; } #thread .message .details .date { float: left; height: 20px; line-height: 20px; margin-right: 6px; vertical-align: middle; width: 80px; } #thread .message .details .report { float: left; height: 20px; line-height: 20px; vertical-align: middle; width: 60px; } #thread .message .content { float: right; margin-top: 6px; width: 89%; height: auto !important; height: 24px; min-height: 24px; } #thread .message .content a { color: #000; } #thread .message .content p { height: auto !important; height: 1em; margin: 0 0 1em; min-height: 1em; } #thread .message .thumb { float: left; height: 72px; margin: -16px 6px; width: 60px; } #thread .message .message_attachment_toggle { color: #990099; cursor: pointer; height: 28px; float: right; font-weight: bold; font-size: 12px; line-height: 28px; padding-right: 6px; text-align: right; vertical-align: middle; width: 89%; } #thread .message .message_attachment_toggle img { vertical-align: middle; } #thread .message .message_attachment_toggle span{ text-decoration: underline; } #thread .message .message_attachment { float: right; margin-top: 6px; width: 89%; } #thread .message .twc { float: right; margin-top: 6px; width: 89%; height: auto !important; height: 24px; min-height: 24px; } #thread .message .twc a { color: #000; } #thread .ender { background: #C4C4C4; height: 1px; } #thread .prompt { font-size: 12px; font-weight: bold; height: 15px; margin: 0 11% 4px; } #thread .replyee { float: left; height: 75px; margin: 0 6px; text-align: center; width: 60px; } #thread .replyee a { color: #000; font-size: 12px; } #thread .compose { float: right; margin-bottom: 6px; width: 89%; } #thread .compose #attachment_container { float: left; font-size: 12px; line-height: 30px; vertical-align: middle; width: 70%; } #thread .compose #attachment_container * { vertical-align: middle; } #thread .compose .buttons { float: right; font-size: 12px; height: 30px; line-height: 30px; text-align: right; vertical-align: middle; width: 29%; } #thread .compose .buttons * { vertical-align: middle; } #thread .compose .warning { font-size: 12px; margin-top: 6px; } #thread #reply { font-size: 12px; } #thread #reply a { color: #000; } #thread #reply p { margin: 0; } #thread #reply textarea { margin-top: 0; width: 99%; } /* /messages/(new/compose.jsp) */ #messages #compose a { color: #000; } #messages #compose form { font-size: 12px; padding: 8px 6px; } #messages #compose input[type="text"] { width: 220px; } #messages #compose select#message_to { width: 226px; } #messages #compose .row { clear: both; height: auto !important; height: 16px; line-height: 16px; padding: 8px 0; min-height: 16px; } #messages #compose .heading { color: #000; float: left; font-weight: bold; height: auto !important; height: 16px; line-height: 16px; text-align: right; vertical-align: top; width: 13%; } #messages #compose .field { float: left; height: auto !important; height: 16px; line-height: 16px; padding-left: 12px; vertical-align: top; width: 85%; } #messages #compose textarea { width: 98%; } #messages #compose #attachment_toggle_container { float: left; height: 30px; line-height: 30px; vertical-align: middle; width: 25%;} #messages #compose #attachment_toggle_container span{ cursor: pointer; text-decoration: underline; } #messages #compose #attachment_container { clear: both; padding-top: 6px; } #messages #compose .buttons { float: right; height: 30px; line-height: 30px; padding-right: 5px; text-align: right; vertical-align: middle; width: 74%; } #messages #compose .buttons *, #messages #compose #attachment_toggle_container * { vertical-align: middle; } /* Attachment */ #messages #attachment_toggle_container span { cursor: pointer; text-decoration: underline; } #messages #attachment_existing_file { margin-bottom: 8px; } /* IE button height fix */ #messages button { line-height: normal; } /* /postings vote */ #votebox { background: url(/images/postings/vote-bg.gif) no-repeat; color: #FFF; font-weight: bold; height: 31px; line-height: 31px; margin: 0 auto; vertical-align: middle; width: 424px; } #votebox * { float: left; margin: 0 8px; } #votebox p { height: 31px; line-height: 31px; margin: 0 0 0 13px; vertical-align: middle; width: 160px; } #votebox input { font-size: 14px; margin: 3px; } #votebox select { font-size: 14px; margin: 5px; width: 120px; } #votebox option { margin: 0; } #votebox #starselect div { background: url(/images/postings/star.gif) no-repeat; height: 31px; margin: 0; width: 29px; } #votebox #starselect div.selected { background: url(/images/postings/star_selected.gif) no-repeat; } /* /postings/comments.jsp */ #ginfo { border-bottom: 1px solid #803882; height: 140px; margin: 0 auto; width: 95%; } #ginfo p { margin: 0 0 6px; } #ginfo #thumb { float: left; height: 130px; width: 106px; } #ginfo #main { float: right; height: 92px; overflow: hidden; width: 594px; } #ginfo #pinfo { float: right; width: 594px; } #gtwcpromo { border-bottom: 1px solid #803882; margin: 0 auto; padding: 0 0 12px; text-align: center; width: 95%; } /* /postings/gallery.jsp */ #membersonly { font-size: 12pt; } #membersonly p { margin: 0 0 10px; } #membersonly p.main { font-weight: bold; } #membersonly ul { margin: 0; padding: 0; } #membersonly li { margin: 0 0 6px 16px; } #membersonly .blurb { float: right; width: 352px; } #membersonly .images { float: left; width: 380px; } #membersonly #preview { background: #52115A; color: #FFF; height: 150px; padding: 6px; } #membersonly #preview .images img { margin: 0; } #membersonly #preview .blurb img { float: right; margin: -52px 0 0; } #membersonly #preview .blurb p.main { text-decoration: underline; } #membersonly #alsoget { background: #FFF; color: #990099; height: 112px; padding: 6px; } #membersonly #alsoget li { list-style-type: none; margin: 0 0 6px; } #membersonly #alsoget .blurb { float: left; } #membersonly #alsoget .images { float: right; text-align: right; } #membersonly #alsoget .images img { margin-left: 12px; } .assets { margin: 0 auto 6px; min-width: 400px; text-align: center; width: auto !important; width: 400px; } .assets .comment { background-color: #FFF; height: auto !important; height: 30px; min-height: 30px; line-height: 30px; text-align: left; vertical-align: middle; } .assets .comment a { color: #000; } .assets .comment img { vertical-align: middle; } .assets .spacer { max-height: 15px; min-height: 15px; height: 15px; } .assets #votebox { margin: 6px auto; } .emaillink img { vertical-align: middle; } /* /postings/gallery.jsp */ #posting .movie { margin: 0 auto; width: 500px; } #posting #flashplayer { background: #000; text-align: center; } #posting .joinnow { display: block; margin: 0 auto; padding: 6px 0 0; width: 440px; } #posting #assets .formTable { text-align: left; } #posting .moviewmvonly { color: #FFF; margin: 0 auto; width: 360px; } #posting .moviewmvonly * { margin: 0; padding: 3px 0; } #posting .moviewmvonly .header { color: #FFF; font-size: 30pt; } #posting .moviewmvonly #flashplayer { font-size: 16pt; } #posting .getflash { color: #FFF; margin: 0; padding: 6px 0; } #posting .getflash a { text-decoration: underline; } /* /postings/index.jsp */ #qvtt { background-color: #97A3B9; border: 1px solid #000; color: #FFF; font-size: 10pt; padding: 4px; width: 130px; } #qvtt #title { font-size: 11pt; font-weight: bold; } #leaderboard { text-align: center; vertical-align: middle; } #leaderboard .ranktext { text-align: center; font-weight: bold; } /* Things repeated for the benefit of IE... */ #navdates { text-align: center; } #navdates form, #navdates #navdatesindicator { height: 27px; line-height: 27px; padding: 5px 200px 0px 200px; vertical-align: middle; } #navdates form img { vertical-align: bottom; } #navdates #navdatesindicator { height: 27px; padding-top: 12px; vertical-align: middle; } #navdates #navdatesindicator img { margin: 6px auto; } #text_listings { font-size: 12px; line-height: 18px; text-align: center; } #text_listings .day { background-color: #CDB0CC; font-size: 12px; line-height: 18px; text-align: center; vertical-align: top; } /* Things repeated for the benefit of IE... */ #text_listings .posting { clear: both; height: auto !important; height: 18px; min-height: 18px; } #text_listings .special a:visited { background: url(/images/icons/tick-purple.gif) no-repeat scroll right center; color: #663366; padding-right: 16px; } #text_listings .quickview { float: left; height: auto !important; height: 18px; min-height: 18px; text-align: center; width: 20%; } #text_listings .link { float: left; height: auto !important; height: 18px; min-height: 18px; text-align: left; width: 80%; } #text_listings .link a:visited { background: url(/images/icons/tick-purple.gif) no-repeat scroll right center; color: #663366; padding-right: 16px; } #videopostings .boxheaderleft { font-size: 12px; } #videopostings .boxheaderright { margin-right: 295px; } #videopostings .pagenumbers { padding: 6px 8px; } #videopostings .videos { padding: 0 6px; } #videopostings .video { float: left; font-size: 12px; font-weight: bold; height: 172px; margin: 3px 4px; text-align:center; width: 175px; } #videopostings .video img { border: 1px solid #990099; } #todaysthumbs { text-align: center; vertical-align: middle; } #todaysthumbs ul { float:left; margin-left:10px; text-align: left; padding:0; } #todaysthumbs ul li { padding-left: 25px; margin-left:30px; display:inline; background-image:url(/images/postings/bullet.jpg); background-repeat:no-repeat;} #todaysthumbs ul li#rightli { margin-left:80px;} #todaysthumbs #thumbcontainer { width:90%; vertical-align: middle; margin: 3px auto 0; } #todaysthumbs #thumbcontainer img { float:left; height:150px; width:120px; margin:5px 5px; border: 1px solid #990099;} #todaysthumbs #thumbcontainer img:hover { float:left; height:150px; width:120px; margin:5px 5px; border: 1px solid #FFF;} #todaysthumbs .boxheaderright { font-size:12px; } #todaysthumbs .boxheaderleft { margin-left:305px; } /* /postings/quickview.jsp */ #quickview .navigation { clear: both; margin: 0 auto; text-align: center; width: 96%; } #quickview .navigation img { vertical-align: middle; } #quickview .thumbs { margin: 0 auto; width: 96%; } #quickview .thumbs img { float: left; margin: 4px 11px; width: 120px; } #quickview .stats { border-top: 1px solid #803882; margin: 12px auto 0; padding-top: 6px; width: 96%; } #quickview #membersonly { margin-bottom: 6px; } #quickview .moviethumb { background: #000; margin: 0 auto; text-align: center; width: 500px; } #quickview .moviewmvonly { color: #FFF; margin: 0 auto; width: 360px; } #quickview .moviewmvonly * { margin: 0; padding: 3px 0; } #quickview .moviewmvonly .header { color: #FFF; font-size: 30pt; } #quickview .moviewmvonly #flashplayer { font-size: 16pt; } /* /postings/shots.jsp */ #postingsearch #findpostings { float: right; } #postingsearch #showmoreopts, #postingsearch #selectall, #postingsearch #deselectall { float: left; margin: 0 3px; } #postingsearch .groupCategory .group { min-width: 150px; width: auto !important; width: 150px; } #postingsearch .searchnav { background-color: #CDB0CC; clear: both; height: 22px; margin: 0 0 6px; padding: 4px 0; text-align: center; } #postingsearch .searchnav .bar { margin: 0 auto; width: 99%; } #postingsearch .searchnav .bar div { color: #670267; float: left; height: 22px; line-height: 22px; vertical-align: middle; width: 20%; } #postingsearch .searchnav .bar div img { margin-top: 4px; } #postingsearch .searchnav .butprev input { background: url(/images/profiles/search_previous.jpg) no-repeat; border: none 0px; cursor: pointer; float: left; font-size: 0; height: 22px; padding: 0; width: 102px; } #postingsearch .searchnav .butnext input { background: url(/images/profiles/search_next.jpg) no-repeat; border: none 0px; cursor: pointer; float: right; font-size: 0; height: 22px; padding: 0; width: 70px; } /* /postings/rules.jsp */ #compfaq div.mainbox { margin: 0 auto 6px; width: 94%; } #compfaq div.boxheader { background: #DBC2D8 url('/images/postings/question.jpg') no-repeat 3px 50%; padding-left: 30px; } #compfaq div.boxcontent { background: #FFF url('/images/postings/answer.jpg') no-repeat 3px 3px; padding-left: 30px; } #compfaq div.boxcontent a { color: #990099; } #compfaq div.boxcontent ul { list-style: none; margin: 0; padding: 0; } #compfaq #tips div.boxheader{ background: #EED056 url('/images/postings/light-bulb.gif') no-repeat 3px 50%; font-size: 14pt; height: 38px; line-height: 38px; padding-left: 44px; } #compfaq #tips div.boxcontent{ background: #FFF none; padding-left: 6px; } #compfaq #tips .speech img { margin: 0 4px; vertical-align: text-top; } #compfaq .tip { height: 90px; margin: 0 auto; width: 96%; } #compfaq .tipper { width: 60px; } #compfaq .speech { height: 53px; padding: 10px 32px; width: 460px; } #compfaq .left .tipper { float: left; margin: 30px 10px 0 0; text-align: left; } #compfaq .left .speech { background: url('/images/postings/speech-bubble-left.gif'); float: left; } #compfaq .right .tipper { float: right; margin: 30px 0 0 10px; text-align: right; } #compfaq .right .speech { background: url('/images/postings/speech-bubble-right.gif'); float: right; } /* /includes/profilebox.jsp - Profile box is for profile previews */ .postingbox { float: left; min-height: 150px; height: auto !important; height: 150px; margin: 0px 3px 6px 3px; width: 372px; } .postingbox .boxcontent { background: #CDB0CC; font-size: 12px; height: auto !important; height: 150px; min-height: 150px; padding: 6px; } .postingbox .boxcontent img { vertical-align: middle; } .postingbox .thumb { float: left; height: 150px; margin-right: 8px; width: 120px; } .postingbox .info div { margin: 0 0 4px; } .postingbox .location { height: 15px; text-align: right; } .postingbox .header { font-weight: normal; } .postingbox .contributor, .postingbox .contributor .header { font-weight: bold; } /* /postings/leaderboard.jsp */ #lboard .indvthumbcontainer { float:left; height:166px; width:121px; margin:10px 5px;} #lboard .indvthumbcontainer img { border: 1px solid #990099;} #lboard .indvthumbcontainer img:hover { border: 1px solid #FFF;} #lboard .textcontainer { height:15px; width:120px; text-align:center; font-size:12px; font-weight:bold; line-height:15px; vertical-align:middle;} #lboard .mainbox .boxcontent { text-align:center;} #lboard .mainbox .boxcontent p { line-height:12px;} #lboard .mainbox .boxcontent #container { width:90%; vertical-align: middle; margin: 3px auto 0; } #lboard #thumbcontainer img { float:left; height:150px; width:120px; border: 1px solid #990099; } #lboard .mainbox .boxheader { margin-top:5px; } #lboard .mainbox .boxheaderleft { font-size:12px; } #lboard .mainbox .boxheadermid { float:left; margin-left:180px; line-height:30px; vertical-align:middle; } #lboard .mainbox .boxheader .boxheaderright {font-size:12px;} #lboard .mainbox .boxheader .boxheaderright img { float:right; line-height:27px; } #lboard #extlb .mainbox .boxheader { text-align:center; } #lboard #extlb .mainbox .partition { float:left; width:33%; padding:0; margin-left:0; } #lboard #extlb .mainbox .boxcontent .pos {float:left; height:auto !important; min-height:18px; text-align:center; font-size:12px; width:40px; line-height:18px;} #lboard #extlb .mainbox .boxcontent .link {float:left; height:auto !important; min-height:18px; text-align:left; font-size:12px; width:200px; line-height:18px;} #lboard ul { margin-left:10px; margin-top:2px; margin-bottom:2px; text-align: left; padding:0; } #lboard ul li { padding-left: 25px; margin-left:60px; display:inline; background-image:url(/images/postings/bullet.jpg); background-repeat:no-repeat;} /* /profile/ */ #profile #main { float: left; width: 502px; } #profile #main .gcomment .title { width: 86%; } #profile #main .gcomment .body { width: 85%; } #profile #main .gcomment .options { width: 86%; } #profile #support { float: right; width: 250px; } #profile #support .boxcontent { background: #F4F4F4; border: 1px solid #C4C4C4; } #profile #support .boxcontent a { color: #000; } #profile #maininformation .headermember { background-image: url(/images/tit-member.jpg); color: #670267; } #profile #maininformation .contentmember{ background-image: url(/images/profiles/member-back.jpg); background-repeat: no-repeat; background-position: 75% center; } #profile #maininformation .boxcontent { height: auto !important; height: 150px; min-height: 150px; } #profile #maininformation .thumb { float: left; height: auto !important; height: 150px; min-height: 150px; text-align: center; width: 120px; } #profile #maininformation .detail { float: left; height: auto !important; height: 150px; line-height: 14px; margin-left: 12px; min-height: 150px; text-align: left; vertical-align: top; width: 350px; } #profile #maininformation .detail img { vertical-align: middle; } #profile #maininformation .detail div { margin: 0 0 6px; } #profile #maininformation .detail .twc { margin: 12px 0 0; text-align: center; } #profile #maininformation form { margin-bottom: 6px; } #profile #maininformation #editaboutme { margin-top: 12px; } #profile #maininformation .status { margin: 12px 0 0 2px; text-align: left; } #profile #maininformation .status span { display: block; margin-left: -1px; } #profile #contactbox .boxcontent { height: auto !important; height: 148px; min-height: 148px; } #profile #contactbox table { width: 100%; } #profile .vidpreviewbox { width: 152px } #profile .joinnow { display: block; margin: 0 auto; width: 440px; } #profile .refine { text-align: right; } /* /profile/index.jsp */ #profile #editmain textarea, #profile #editmain input[type="text"] { width: 98%; } #profile .save { clear: both; margin: 12px 0 0; text-align: right; } #profile .comms div { height: 25px; } /* This is needed to stop IE from showing text in paragraphs as invisible. Stupid IE */ #profile .comms p { clear: both; margin: 10px 0; } #profile .comms .label { float: left; width: 64%; } #profile .comms .value { float: right; text-align: center; width: 16%; } #profile .comms .edit { float: right; text-align: right; width: 32%; } #profile .comms .edit img { vertical-align: middle; } #profile .comms .edit .inbox, #profile .comms .edit .email { float: right; text-align: right; width: 49%; } #profile #interests .header, #profile #editinterests .header { margin: 0 0 3px; } #profile #persinfo .header { color: #000; } #profile #editpersinfo .orient { clear: both; } #profile #editpersinfo .orient label { float: left; width: 110px; } #profile #settings .formTable .label { text-align: left; width: 76px; } #profile #settings .formTable .field { padding: 0; width: 350px; } #profile #support .label { float: left; height: 24px; width: 54%; } #profile #support .edit { float: right; height: 24px; width: 45%; } #profile #support .edit select { width: 90px; } #profile .interestcategory { clear: both; margin-bottom: 3px; } #profile .interestcategory .header { color: #000; height: 14px; } #profile .interestgroup { float: left; height: auto !important; height: 20px; min-height: 20px; width: auto !important; width: 49%; min-width: 49%; } #profile .joinbutton { margin: 0 auto; width: 440px; } #profile .preference { font-weight: bold; } #profile .boxheaderright, #profile .boxheaderright a { font-size: 12px; } #profile #orient_checkbox label { display: block; float: left; width: 50%; } /* /profile/postings.jsp */ #profile #maininformation .detail .titles { float: left; margin-right: 6px; text-align: right; width: 45%; } #profile #maininformation .detail .information { float: left; font-weight: bold; text-align: left; width: 50%; } #profilepostings .listings { background-color: #FFF; color: #990099; font-weight: bold; margin: 0 auto; width: 100%; } #profilepostings .listings a { color: #990099; font-weight: bold; } #profilepostings .listings td { border-bottom: solid 1px #000; height: 92px; text-align: center; vertical-align: middle; } #profilepostings .listingsheader td { background-image: url(/images/tit.jpg); color: #FFF; font-weight: bolder; height: auto !important; height: 30px; min-height: 30px; line-height: 30px; vertical-align: middle; } #profilepostings .listingsthumb { width: 76px; } #profilepostings .listingsthumb img { margin: 0 auto; width: 64px; } #profilepostings .listingssection { width: 211px; } #profilepostings .listingsoptions { width: 130px; } /* /profiles/ */ #profilesearch #advancedfp { float: right; } #profilesearch #tabcontents { margin: 0 0 6px; } #profilesearch .searchnav { background-color: #CDB0CC; clear: both; height: 22px; margin: 0 0 6px; padding: 4px 0; text-align: center; } #profilesearch .searchnav .bar { margin: 0 auto; width: 99%; } #profilesearch .searchnav .bar div { color: #670267; float: left; height: 22px; line-height: 22px; vertical-align: middle; width: 20%; } #profilesearch .searchnav .bar div img { margin-top: 4px; } #profilesearch .searchnav .butprev input { background: url(/images/profiles/search_previous.jpg) no-repeat; border: none 0px; cursor: pointer; float: left; font-size: 0; height: 22px; padding: 0; width: 102px; } #profilesearch .searchnav .butnext input { background: url(/images/profiles/search_next.jpg) no-repeat; border: none 0px; cursor: pointer; float: right; font-size: 0; height: 22px; padding: 0; width: 70px; } #profilesearch input[type="text"] { margin-left: 3px; } #profilesearch .group { float: left; min-width: 150px; width: auto !important; width: 150px; } #profilesearch select { margin-left: 3px; } #profilesearch #namesearch .namelinks a { font-size: 16px; } /* /upgrade/ */ #upgrade #content_container { background-color: #CDB0CC; padding: 0; } #upgrade #joinbox { background-color: #FFF; border: 2px solid #4e4e4e; float: left; margin-left: 6px; width: 352px; } #upgrade #joinbox #formheader { background-color: #670267; color: #FFF; font-size: 30pt; font-weight: bold; height: 67px; line-height: 67px; text-align: center; vertical-align: middle; } #upgrade #joinbox #salesoptions td { border-bottom: 1px solid #000; height: auto !important; height: 52px; min-height: 52px; padding: 4px 0; text-align: left; vertical-align: middle; } #upgrade #joinbox #salesoptions .input { width: 30px; } #upgrade #joinbox #salesoptions .bestbuy { width: 79px; } #upgrade #joinbox #salesoptions .price { font-size: 16pt; } #upgrade #joinbox #salesoptions .priceoption { color: #434442; font-size: 8pt; font-weight: bold; margin-top: 4px; } #upgrade #joinbox #salesoptions .mainoption { color: #2b8915; font-size: 12pt; } #upgrade #joinbox #salesoptions .mainoption .price { font-size: 16pt; } #upgrade #joinbox #salesoptions .smallprint { font-size: 9pt; font-weight: bold; margin-bottom: 4px; } #upgrade #joinbox #joinform table { margin-top: 12px; } #upgrade #joinbox #joinform td { font-size: 14px; text-align: right; } #upgrade #joinbox #joinform .pmethod { float: left; text-align: left; width: 100px; } #upgrade #joinbox #joinform .field { width: 150px; } #upgrade #joinbox #joinform .field input { width: 90%; } #upgrade #joinbox #joinform .field select { width: 92%; } #upgrade #joinbox #joinform .errors { color: red; font-weight: bold; text-align: left; } #upgrade #joinbox #promocode td { height: auto !important; height: 25px; min-height: 25px; } #upgrade #joinbox #promocode .label div { float: right; height: 25px; line-height: 25px; text-align: right; } #upgrade #joinbox #promocode .pctext { font-size: 14px; margin: 2px 4px 2px 0; } #upgrade #joinbox #promocode .pcinput { margin: 2px 3px 2px 0; width: 150px; } #upgrade #joinbox #promocode .pcinput input { margin-top: 2px; width: 90%; } /* /upgrade/ */ #upgrade #main #uptop { background-image: url(/images/upgrade/polaroids_top.jpg); background-repeat: no-repeat; background-position: top left; height: 174px; width: 100%; } #upgrade #main #upmain { background-image: url(/images/upgrade/polaroids_left.jpg); background-repeat: no-repeat; background-position: top left; height: 624px; width: 100%; } #upgrade #main #upcontent { height: 612px; padding: 6px; text-align: left; width: 84%; } #upgrade #main #salestext { float: left; font-weight: bold; width: 54%; } #upgrade #main #salestext .limitedoffer { font-size: 16pt; margin: 6px 0 6px 0; } #upgrade #main #salestext .mainprice { color: #2b8915; } #upgrade #main #salestext ul { margin-left: 15px; padding-left: 15px; } #upgrade #main #salestext li { font-size: 13pt; margin-bottom: 10px; } #upgrade #main #tagline { clear: both; font-size: 18pt; font-weight: bold; padding-top: 12px; text-align: center; } #upgrade #main #videothumbs { margin-top: 12px; } /* /upgrade/message.jsp */ #upgrade #message { background-color: #FFF; padding: 6px; text-align: left; } #upgrade #message #salestext { float: left; width: 59%; } #upgrade #message #salestext #maintext { background: #ecd4eb; border: solid 1px #000; padding: 6px; } #upgrade #message #salestext #maintext p { margin: 0 0 6px; } #upgrade #message #salestext .heading { color: #670267; font-size: 15pt; font-weight: bold; margin: 6px; text-decoration: underline; } #upgrade #message #salestext .previewbox { color: #000; font-weight: normal; } #upgrade #message #salestext .previewbox p { margin: 0; } #upgrade #message #salestext .review { float: left; font-size: 8pt; height: 70px; margin: 0 3px 6px; width: 46%; } #upgrade #message #salestext .review img { float: left; margin-right: 6px; } #upgrade #message #salestext .review .score { font-weight: bold; margin: 0; } #upgrade #message .profilebox { margin: 0 0 0 8px; } #upgrade #message .profilebox .slogan { font-size: 10pt; font-weight: bold; margin: 35px 0 0; text-decoration: underline; } #upgrade #message #joinbox { float: none; margin-left: 0; margin-top: 10px; } /* /upgrade/profile.jsp */ #upgrade #profileupgrade { background-color: #FFF; text-align: left; } #upgrade #profileupgrade p { margin: 0; } #upgrade #profileupgrade .heading { font-size: 20pt; font-weight: bold; } #upgrade #profileupgrade .message { font-size: 10pt; } #upgrade #profileupgrade .emphasise { font-weight: bold; } #upgrade #profileupgrade #top { border-bottom: 3px solid #670267; color: #000; font-size: 13pt; height: auto !important; height: 88px; margin-bottom: 6px; min-height: 88px; padding: 6px; } #upgrade #profileupgrade #top #welcome { float: left; padding: 6px; width: 50%; } #upgrade #profileupgrade #top #goto { float: left; margin: 14px 0 14px 126px; width: 233px; } #upgrade #profileupgrade #comparison { float: left; height: 396px; margin: 12px; width: 509px; } #upgrade #profileupgrade #whynot { float: left; margin: 6px 0 16px 24px; width: 350px; } #upgrade #profileupgrade #joinbox { float: left; height: auto !important; height: 350px; margin-left: 26px; min-height: 350px; } #upgrade #profileupgrade #missingout { margin: 12px 6px; } /* /upgrade/ generic upgrade page specific */ #upgrade2 { background: #FFF; padding: 6px; } #upgrade2 #dyncontent { float: left; width: 380px; } #upgrade2 #dyncontent .header { color: #670267; font-size: 16pt; margin-bottom: 12px; text-align: center; } #upgrade2 form { float: right; width: 344px; } #upgrade2 form .header { color: #670267; margin-bottom: 1px; } #upgrade2 form .group { background: #FBE6FB; border: solid 1px #C97DC9; color: #670267; font-size: 12px; margin-bottom: 6px; padding: 3px; } #upgrade2 #thumbs img { margin: 12px 17px; } #upgrade2 form .details input { border: 1px solid #C97DC9; margin-top: 3px; width: 100%; } #upgrade2 form .details .row { height: 25px; line-height: 25px; } #upgrade2 form .details .label { float: left; height: 25px; line-height: 25px; text-align: right; vertical-align: middle; width: 41%; } #upgrade2 form .details .field { float: left; height: 25px; line-height: 25px; margin-left: 10px; vertical-align: middle; width: 50%; } #upgrade2 form .details .error { color: red; font-weight: bold; height: 20px; line-height: 20px; } #upgrade2 form .plans input[type="radio"]{ float: left; height: 40px; line-height: 40px; margin: 0; padding: 0; width: 25px; } #upgrade2 form .plans input#promoCode { border: 1px solid #C97DC9; } #upgrade2 form .plans .price { float: left; height: 40px; line-height: 40px; width: 255px; } #upgrade2 form .special .price { line-height: 20px; } #upgrade2 form .plans div.limited { color: red; font-size: 11px; text-align: center; width: 95%; } #upgrade2 form .plans img.limited { float: left; height: 41px; line-height: 41px; width: 41px; } #upgrade2 form .plans .total { font-weight: bold; } #upgrade2 form .plans .error { color: red; font-weight: bold; height: 20px; line-height: 20px; } #upgrade2 form .payment button { background: none; border: 0; float: right; margin: 3px 8px; padding: 0; width: 128px; } #upgrade2 form .payment input { float: left; height: 20px; margin: 0; padding: 0; width: 30px; } #upgrade2 form .payment .methods{ float: left; width: 50%; } #upgrade2 form .payment .row { height: 20px; line-height: 20px; vertical-align: middle; } #upgrade2 form .payment .label { float: left; height: 20px; width: 130px; } #upgrade2 form .smallprint { clear: both; color: #000; font-size: 9px; padding-top: 6px; } #upgrade2 form .smallprint a{ color: #000; font-weight: normal; } /* /upgrade/ generic upgrade page specific */ #upgrade2.generic { background: #FFF url(/images/upgrade/polaroids_white.jpg) no-repeat 0 100%; height: auto !important; height: 374px; min-height: 374px; } #upgrade2.generic #dyncontent { color: #670267; font-weight: bold; font-size: 12pt; margin-left: 90px; width: 290px; } #upgrade2.generic #dyncontent .spice{ background: #FBE6FB; border: 1px solid #C97DC9; font-size: 18pt; margin-top: 17px; padding: 3px 0; text-align: center; } #upgrade2.generic #dyncontent ul { list-style-position: inside; margin: 0 0 0 2px; padding: 0; } #upgrade2.generic #dyncontent li { margin: 8px 0; padding: 0; } /* /upgrade/newjoinprofile.jsp */ #newjoinprofile .form { border-right: 1px solid #FFF; float: left; width: 65%; } #newjoinprofile .stepheader { margin-bottom: 20px; } #newjoinprofile .stepheader img { float: left; margin: 0 6px 6px 0; } #newjoinprofile .stepheader p.header { font-size: 20pt; margin: 0; } #newjoinprofile .stepheader p.notice { color: #FF0000; font-size: 10pt; font-weight: bold; margin: 0; } #newjoinprofile .steps { float: right; width: 34%; } #newjoinprofile .stepsimg { margin: 0 auto; width: 121px; } /* /upgrade/newprofile(1|2|3).jsp */ #newprofile .mainbox { background: #CDB0CC; border-bottom: 1px solid #C4C4C4; } #newprofile #form.boxcontent { background: #F4F4F4; border-left: 1px solid #C4C4C4; float: left; width: 455px; } #newprofile #form .heading { font-size: 17pt; font-weight: bold; margin: 0 0 6px; width: 310px; } #newprofile #form .subheading { font-weight: bold; } #newprofile #form .errors a { text-decoration: underline; } #newprofile #form #for label { float: left; height: auto !important; height: 20px; min-height: 20px; width: auto !important; width: 40%; min-width: 40%; } #newprofile #form .formTable { clear: both; } #newprofile #form .formTable .label { width: 21%; } #newprofile #form, #newprofile #form .header, #newprofile #reasons { font-size: 12px; } #newprofile #form #nickname { width: 190px; } #newprofile #form select { width: 195px; } #newprofile #form select#day, #newprofile #form select#month, #newprofile #form select#year { margin-right: 0; width: auto; } #newprofile #form textarea { width: 330px; } #newprofile #form #city { width: 250px; } #newprofile #form #selectlocation { width: 255px; } #newprofile #form .nextstep { float: right; } #newprofile #form .textxofx { font-weight: bold; } #newprofile #form .textxofx .xofx { float: left; margin-right: 8px; } #newprofile #form .textxofx .prompt { float: left; font-style: italic; } #newprofile #form #joinbox { float: none; margin-left: 0; margin: 22px auto; } #newprofile #form #joinbox select { margin-left: 12px; width: 160px; } #newprofile #form #finish { font-weight: bold; height: auto !important; height: 26px; line-height: 26px; min-height: 26px; margin: 12px auto 16px; vertical-align: middle; } #newprofile #form #finish .or { font-size: 16pt; } #newprofile #form #finish input { float: right; margin-top: 12px; } #newprofile #form .email { font-style: italic; font-weight: bold; } #newprofile #resendform { margin: 0 auto; text-align: right; width: 415px; } #newprofile #resendform .label { width: 190px; } #newprofile #reasons.boxcontent { float: left; padding: 4px; width: 280px; } #newprofile #reasons .heading { font-size: 10pt; font-weight: bold; margin: 0 0 6px; } #newprofile #reasons .target { background: #E1D1E0; border: 1px solid #7C2A7C; color: #990099; height: 127px; margin: 20px auto; padding: 4px; width: 90%; } #newprofile #reasons .target .avatar { border: 1px solid #7C2A7C; float: left; margin-right: 6px; } #newprofile #reasons .target p { margin: 0 0 6px; } #newprofile #reasons .target .info div { height: 22px; line-height: 22px; margin-bottom: 3px; vertical-align: middle; } #newprofile #reasons .target .icon { float: left; margin-right: 3px; text-align: center; width: 27px; } #newprofile #reasons .target .text { float: left; width: 100px; } #newprofile #reasons ul { margin: 0 0 18px 20px; padding: 0; } #newprofile #reasons li { margin-bottom: 6px; } #newprofile #contactthese p { font-size: 14pt; font-weight: bold; margin: 0 0 12px; } #newprofile #contactthese .thumb { float: left; font-size: 11px; height: 120px; margin: 0 6px; width: 80px; } #newprofile #contactthese .online { height: 17px; line-height: 17px; vertical-align: middle; } #newprofile #contactthese .online img { height: 11px; width: 11px; margin-right: 4px; vertical-align: middle; } /* /upgrade/includes/joinform.jsp */ .priceformbox { background-color: #FFF; border: solid 1px #4e4e4e; height: auto !important; height: 206px; min-height: 206px; } .priceformbox .salestext { background-color: #FFCCFF; float: left; height: auto !important; height: 206px; min-height: 206px; text-align: left; width: 31%; } .priceformbox .salestext .header { font-size: 26pt; text-align: center; } .priceformbox .salestext ul { margin: 2px 0 2px 10px; padding-left: 10px; } .priceformbox .salestext li { font-size: 12px; } .priceformbox .salestext li.etcetc { font-weight: bold; list-style-type: none; } .priceformbox .salesoptions { float: left; height: auto !important; height: 206px; min-height: 206px; width: 30%; } .priceformbox .salesoptions td { text-align: left; } .priceformbox .salesoptions td.input { width: 30px; } .priceformbox .salesoptions .price { font-size: 18pt; } .priceformbox .salesoptions .priceoption { color: #434442; font-size: 10pt; font-weight: bold; margin-top: 4px; } .priceformbox .salesoptions .mainoption { color: #2b8915; font-size: 12pt; } .priceformbox .salesoptions .mainoption .price { font-size: 30pt; } .priceformbox .salesoptions .smallprint { font-size: 7pt; margin-bottom: 4px; } .priceformbox .joinform { float: left; height: auto !important; height: 206px; min-height: 206px; width: 38%; } .priceformbox .joinform td { font-size: 10pt; height: 30px; text-align: right; } .priceformbox .joinform .field { width: 130px; } .priceformbox .joinform .field input { width: 90%; } .priceformbox .joinform .field select { width: 92%; } .priceformbox .joinform .review { font-size: 9pt; height: 35px; margin-bottom: 6px; width: 90%; } .priceformbox .joinform .review img { float: left; margin-right: 6px; } .priceformbox .joinform .review p { margin: 0; } .priceformbox .joinform .review .rating { font-weight: bold; } /* /upgrade/ popup */ .upgradepopup { color: #FFF; text-align: center; width: 712px; } .upgradepopup p { margin: 6px 0; } .upgradepopup .benefits { float: left; font-size: 14pt; width: 53%; } .upgradepopup .onetime { font-size: 20pt; font-weight: bold; } .upgradepopup .checkout { font-weight: bold; } .upgradepopup .price { color: #2B8915; font-size: 16pt; font-weight: bold; } .upgradepopup .others { float: right; font-weight: bold; margin-top: 9px; width: 46%; } .upgradepopup .girls { margin: 0 auto; width: 270px; } .upgradepopup .girls .thumb { float: left; height: 100px; margin: 5px; width: 80px; } .upgradepopup .dontmiss { font-size: 12pt; margin: 6px auto; text-align: left; width: 270px; } .upgradepopup .joinnow { display: block; margin: 12px 0; } /* /upload/index.jsp */ #mainupload p { margin: 0; } #mainupload input[type="text"] { font-family: Arial, Helvetica, sans-serif; font-size: 14px; } #mainupload textarea { font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 340px; } #mainupload input[type="file"] { height: auto! important; height: 24px; min-height: 24px; width: 210px; } #mainupload .boxcontent { text-align: center; } #mainupload .fileupload { float: left; margin: 0px 6px 0px 6px; width: 240px; } #mainupload .fileupload .label { float: left; margin-right: 4px; width: 20px; } #mainupload #makeselection { margin-bottom: 4px; } #mainupload .uploadsection { background: #F4F4F4; border: 1px solid #670267; margin: 0 auto 24px; width: 675px; } #mainupload .uploadsection a { color: #990099; } #mainupload a.help { color: #000; font-size: 12px; font-weight: normal; } #mainupload .uploadsection img { margin-bottom: 6px } #mainupload .uploadsection table { text-align: left; } #mainupload .uploadsection .specialoffer { background: url('/images/upload/specialofferbg.jpg'); color: #990099; height: 118px; margin: 0 auto; padding: 25px 30px 20px 160px; text-align: left; width: 366px; } #mainupload .uploadsection .specialoffer .header { margin-bottom: 6px; } #mainupload .uploadsection .specialoffer .price { float: left; margin-top: 18px; width: 200px; } #mainupload .uploadsection .specialoffer .oldprice { font-size: 14pt; text-decoration: line-through; } #mainupload .uploadsection .specialoffer .newprice { font-size: 14pt; font-weight: bold; } #mainupload .uploadsection .specialoffer .joinnow { float: right; margin-top: 18px; width: 114px; } #mainupload .uploadsection .smallprint { clear: both; font-size: 12px; margin: 6px; text-align: right; } #mainupload .uploadsection .subsection { float: left; font-size: 12px; height: 150px; margin: 0 70px 12px; text-align: center; width: 191px; } #mainupload #uploadvid .submitupload, #mainupload #uploadpic .submitupload, #mainupload #uploadvid .stopupload, #mainupload #uploadpic .stopupload { float: left; } #mainupload #uploadvid .progressbar, #uploadpic .progressbar { float: left; margin-left: 6px; width: 400px; } #mainupload #uploadthumb { margin: 0 auto; width: 655px; } #mainupload #uploadthumb .subsection{ margin: 0 15px 12px; width: 296px; } #mainupload #uploadthumb input[type="file"] { width: 100%; } #mainupload .currentthumb { border: 1px solid #670267; float: left; margin-right: 12px; width: 120px; } #mainupload .thumbform { float: left; text-align: left; width: 520px; } #mainupload .thumbform form { float: left; margin-right: 6px; width: 230px; } #mainupload .thumbform p.notice { float: left; margin: 0; width: 275px; } #mainupload .thumbform .formbuttons { margin-top: 12px; } #mainupload .thumbform .submitupload, #mainupload .thumbform .stopupload { float: left; } #mainupload .thumbform .clearfiles { float: right; } #mainupload .thumbform .progressbar { clear: both; padding-top: 4px; width: 400px; } #mainupload .uploadprogress { background: #FFF url('/images/upload/uploadprogress.gif'); height: 20px; overflow: hidden; width: 400px; } #mainupload .uploadprogress .status { font-size: 16px; font-weight: bold; height: 100%; left: 0; line-height: 20px; position: relative; text-align: center; vertical-align: middle; width: 100%; } #mainupload .upiframe { border: 0; display: none; height: 0; width: 0; } /* /upload/success.jsp */ #uploadsuccess #prizes img { margin: 0 32px; } #uploadsuccess #uploadmore img { margin: 0 68px; } /* /winners/ */ .winnersbox { background-color: #FFF; border: 1px solid #990099; float: left; margin: 0px 10px 0px 10px; text-align: center; width: 220px; } .winnersbox a { color: #000 !important; font-size: 12px; } .winnersbox img { display: block; margin: 0 auto; } .winnersbox .header { font-size: 12px; } .winnersjoinbutton { margin-top: 6px; } .winnersjoinbutton img { display: block; margin: 0 auto; } .dualwinners { margin: 0px 12px 0px 12px; width: 334px; } .singlewinners { float: none; margin: 0 auto; width: 70%; } /* /seo/search.jsp */ .seogallery { height: auto !important; height: 80px; margin-bottom: 10px; min-height: 80px; } .seogallery img { float: left; margin-bottom: 6px; margin-right: 6px; } .seogallery img.flag { float: none; vertical-align: middle; } /* AJAX Autocompletion dropdown boxes */ .autocomplete { background-color: #FFF; border: 1px solid #666666; color: #000; font-size: 11px; overflow: hidden; position: absolute; text-align: left; z-index: 2; } .autocomplete ul { list-style: none; margin: 0; overflow: auto; padding: 0; } .autocomplete li { border: 1px solid #FFF; cursor: pointer; display: block; margin: 0px; padding-left: 5px; padding-right: 5px; white-space: nowrap; } .autocomplete li.selected { background-color: #CDB0CC; border-bottom: 1px solid #9bc; border-top: 1px solid #9bc; } /* Popup window */ #popmask { background: #000; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 200; } #popupwin { background: #CCC; max-width: 950px; min-width: 100px; padding: 6px; position: fixed; width: auto !important; width: 100px; z-index: 201; } #popupwin #pucontainer { background-image: url(/images/tit.jpg); background-repeat: repeat-x; border: 1px solid #000; } #popupwin #puheader { background-image: url(/images/tit.jpg); color: #FFF; font-weight: bolder; height: 30px; line-height: 30px; min-width: 98px; vertical-align: middle; } #popupwin #putitle { margin-left: 6px; } #popupwin #pubody { background: #CDB0CC; padding: 6px; } #popupwin a { color: #FFF; font-weight: bolder; } #popupwin img#popclose { position: absolute; top: 14px; right: 14px; } /* Friend request & wink popup content */ #frwpopupbody { height: auto !important; height: 107px; min-height: 107px; width: 250px; } #frwpopupbody p { margin: 0 0 6px; } #frwpopupbody img { vertical-align: text-top; } #frwpopupbody .thumb { float: left; margin-right: 6px; width: 86px; } #frwpopupbody .message { float: left; width: 150px; } #frwpopupbody .content { height: auto !important; height: 84px; min-height: 84px; } #frwpopupbody .buttons { height: 25px; } /* SEO stuff */ .speciallinks { color: #663399; font-size: 10px; } .speciallinks2 { color: #000 !important; font-size: 14px !important; font-weight:normal !important; } .jmbfoot {position:absolute; width:50px; left:-200px; top:200px} .milfpages { color: #990099 !important; font-size:10px !important } .milfpages a { color: #990099 !important; font-size:10px !important; font-weight: normal !important } .seoprofilebox {background-color:#E7C9E6; border-color:#990099; border-style: solid; border-width:1px; padding:6px;} /* Generic SEO pages */ /*#seo h1 { font-size: 14px; }*/ #seo div.boxcontent { text-align: center; } #seo div.boxcontent * { text-align: left; } #seo img.example { margin: 0 6px; }