#outerFrameBodyId { font-family: Verdana, Arial, Sans-Serif; font-size: 11px; text-decoration: none; margin: 0px; padding: 0px; text-align: center; background-color: #edffff; } #innerFrameBodyId { font-family: Verdana, Arial, Sans-Serif; font-size: 11px; text-decoration: none; margin: 0px; padding: 0px; background-color: #ffffff; } .siteMainWrapper { text-align: left; width: 1000px; border: 0px solid #02aad7; border-top: 0px; margin: auto; background-color: #ffffff; } /* */ .siteMainWrapperMobile { text-align: left; width: 300px; border: 0px solid #02aad7; border-top: 0px; margin: auto; background-color: #ffffff; } /* Sections */ .sideColumnWrapper { width: 125px; padding-left: 10px; float: left; clear: both; text-align: center; } .tripleColumnWrapper { float: left; width: 275px; padding-left: 10px; } .doubleColumnWrapper { float: right; margin-right: 10px; width: 560px; padding-left: 10px; } /* float: left; */ .tripleColumnAll { float: left; width: 845px; padding-left: 10px; } /* background: url(images/newLookRoundTop.gif); background-color: #ddaacc; */ .headerPicture { height: 60px; } .messageLine { width: 1000px; height: 20px; background: url(images/newHeaderbackdropFromGModified001_stripeA.jpg); background-position: top left; text-align: right;} .messageLineLeft { width: 500px; height: 17px; float: left; text-align: left; padding-top: 3px;} .messageLineRight { width: 500px; height: 17px; float: right; text-align: right; padding-top: 3px; } .footer { clear: both; } /* Basic Elements */ strong { font-weight: bold; } form { margin: 0px; padding: 0px; } img { border: 0px; } a { color: #000040; font-weight: bold; } a:hover { color: #0000ff; font-weight: bold; text-decoration: underline; } a.current { color: #0000dd; font-weight: bold; } a.current:hover { color: #0000ff; font-weight: bold; text-decoration: underline; } input.textbox { background-color: #ffffff; } input.textboxDisabled { background-color: #aaaaaa; } input.checkbox { background: #ffffff; padding: 0px; margin: 0px; } input.password { background-color: #ffffff; } input.file { background-color: #e8ffff; } input.radio { background-color: #ffffff; } input.button { background-color: #e8ffff; border-color: #3ab6da; margin: 1px; cursor: hand; cursor: pointer; } /* { background: url(images/buttonTile.jpg) repeat-x; height: 18px; border: 0px solid blue; cursor: default; margin: 1px; padding: 0px; } */ input.button:hover { background-color: #3ab6da; border-color: #3ab6da; margin: 1px; cursor: hand; cursor: pointer; } /* { background: url(images/buttonTileHover.jpg) repeat-x; height: 18px; border: 0px solid blue; cursor: pointer; margin: 1px; padding: 0px; } */ input.buttonDisabled { background-color: #aaaaaa; border-color: #aaaaaa; margin: 1px; } /* { background-color: #aaaaaa; border: 1px solid blue; cursor: pointer; margin: 1px; cursor: default; } */ input.buttonSmall { background-color: #e8ffff; height: 17px; font-size: 9px; margin: 1px; cursor: hand; cursor: pointer; } input.buttonSmall:hover { background-color: #3ab6da; height: 17px; font-size: 9px; margin: 1px; cursor: hand; cursor: pointer; } input.submit { background-color: #e8ffff; border-color: #3ab6da; margin: 1px; cursor: hand; cursor: pointer; } input.submit:hover { background-color: #3ab6da; border-color: #3ab6da; margin: 1px; cursor: hand; cursor: hand; cursor: pointer; } input.submitDisabled { background-color: #aaaaaa; border-color: #aaaaaa; margin: 1px; cursor: default; } .textarea { background-color: #ffffff; } /* this one works..... */ .textareaDisabled { background-color: #aaaaaa; } .select { background-color: #ffffff; } .selectDisabled { background-color: #aaaaaa; } /* More basic elements */ .error { color: #cc0000; } .anchorDisabled { color: #cccccc; } /* Main Menu */ .mainMenuHeader { width: 1000px; height: 20px; background: url(images/newHeaderbackdropFromGModified001_stripeB.jpg); background-position: top left; } /* */ .menuLinkBox { height: 18px; width: 130px; float: right; text-align: center; border: 1px solid blue; border-right: 0px; border-left: 0px; padding-top: 0px; } /* margin-top: -2px; */ .menuLinkBoxFlags { height: 17px; width: 90px; float: right; text-align: center; border: 1px solid blue; border-left: 0px; border-right: 0px; padding-top: 1px; } .menuLinkBoxFlagsAndOpinionFiller { height: 18px; width: 220px; float: right; text-align: center; border: 1px solid blue; border-left: 0px; border-right: 0px; padding-top: 0px; } .menuLink { font-size: 12px; height: 12px; text-decoration: none; font-weight: bold; color: #000000; } / .menuLink:hover { font-size: 12px; height: 12px; text-decoration: underline; color: #0000ff; } .menuLinkDisabled { font-size: 12px; height: 12px; text-decoration: none; color: #cccccc; cursor: default; } .menuLinkDisabled:hover { font-size: 12px; height: 12px; text-decoration: none; color: #cccccc; cursor: default; } /* General */ .generalHeading { width: 845px; padding-top: 5px; padding-bottom: 5px; text-align: center; } .generalContentBoxOuter { background: url(images/regularTop845x70.gif) no-repeat; background-position: top left; width: 845px; padding-top: 5px; } .generalContentBoxInner { background: url(images/regularBottom845x70.gif) no-repeat; background-position: bottom left; width: 845px; padding-bottom: 5px; } .generalContentBox { background: url(images/regularSide845x1.gif) repeat-y; width: 835px; padding-left: 5px; padding-right: 5px; overflow: hidden; } /* background-color: #dd0000; */ .generalContentBoxSpacer { height: 20px; clear: both; } .generalContentSpacerWithLine { height: 1px; width: 845px; background: url(images/regularHorizontalLine845x1.gif) no-repeat; overflow: hidden;} /* General - small shade */ .generalSmallHeading { width: 845px; text-align: center; } .generalSmallContentBoxOuter { background: url(images/regularTop845x25.gif) no-repeat; background-position: top left; width: 845px; padding-top: 5px; } .generalSmallContentBoxInner { background: url(images/regularBottom845x25.gif) no-repeat; background-position: bottom left; width: 845px; padding-bottom: 5px; } .generalSmallContentBox { background: url(images/regularSide845x1.gif) repeat-y; width: 835px; padding-left: 5px; padding-right: 5px; overflow: hidden; } /* background-color: #dd0000; */ .generalSmallContentBoxSpacer { height: 20px; clear: both;} /* General Darker */ .generalDarkerHeading { width: 845px; text-align: center; } .generalDarkerContentBoxOuter { background: url(images/darkerTop845x50.gif) no-repeat; background-position: top left; width: 845px; padding-top: 5px; } .generalDarkerContentBoxInner { background: url(images/darkerBottom845x50.gif) no-repeat; background-position: bottom left; width: 845px; padding-bottom: 5px; } .generalDarkerContentBox { background: url(images/regularSide845x1.gif) repeat-y; width: 835px; padding-left: 5px; padding-right: 5px; overflow: hidden; } /* background-color: #dd0000; */ .generalDarkerContentBoxSpacer { height: 20px; clear: both; } /* General Darker - small shade */ .generalDarkerSmallHeading { width: 845px; text-align: center; } .generalDarkerSmallContentBoxOuter { background: url(images/darkerTop845x25.gif) no-repeat; background-position: top left; width: 845px; padding-top: 5px; } .generalDarkerSmallContentBoxInner { background: url(images/darkerBottom845x25.gif) no-repeat; background-position: bottom left; width: 845px; padding-bottom: 5px; } .generalDarkerSmallContentBox { background: url(images/regularSide845x1.gif) repeat-y; width: 835px; padding-left: 5px; padding-right: 5px; overflow: hidden; } /* background-color: #dd0000; */ .generalDarkerSmallContentBoxSpacer { height: 20px; } /* General divider in half*/ .generalDividerLeft { width: 420px; padding-top: 5px; padding-bottom: 5px; float: left; text-align: left; } .generalDividerRight { width: 425px; padding-top: 5px; padding-bottom: 5px; float: right; text-align: right; } /* Chat emotions (frame)*/ .chatEmotionsBox { width: 560px; border: 0px solid pink; overflow: hidden; margin: 0px; padding-right: 5px; background: url(images/regularSide275x1.gif) repeat-y; } .chatEmotionsSection { width: 70px; border: 0px solid red; overflow: hidden; margin: 0px; padding-left: 5px; float: left; text-align: center; } /* Main page bubbles, mostly for triple profiles on main page */ .smallProfileHeading { width: 270px; font-weight: bold; color: #1b6db9; font-size: 12px; padding-bottom: 3px; } /* background-color: #aaaa2c; */ .smallProfileBoxOuter { background: url(images/regularTop275x150.gif) no-repeat; background-position: top left; width: 275px; padding-top: 5px; } /* */ .smallProfileBoxInner { background: url(images/regularBottom275x150.gif) no-repeat; background-position: bottom left; width: 275px; padding-bottom: 5px; } /* */ .smallProfileBox { background: url(images/regularSide275x1.gif) repeat-y; width: 270px; border: 0px solid pink; overflow: hidden; margin: 0px; padding-right: 5px; } /* */ .smallProfileSection { width: 85px; border: 0px solid red; overflow: hidden; margin: 0px; padding-left: 5px; float: left; text-align: center; } /* */ .smallProfileClearFix { clear: both; height: 0px; visibility: hidden; } .smallProfileSpacer { height: 20px; clear: both; } .smallProfileSpacerWithLine { height: 1px; width: 275px; background: url(images/regularHorizontalLine275x1.gif) no-repeat; overflow: hidden; } /* NEW */ /* Mostly main page - threads preview, new friends notification box, about us box */ .smallPreviewBoxOuter { background: url(images/regularTop275x150.gif) no-repeat; background-position: top left; width: 275px; padding-top: 5px; background-color: #ffffff; } .smallPreviewBoxInner { background: url(images/regularBottom275x150.gif) no-repeat; background-position: bottom left; width: 275px; padding-bottom: 5px; } /* */ .smallPreviewBox { width: 265px; border: 0px solid pink; overflow: hidden; margin: 0px; padding-left: 5px; padding-right: 5px; background: url(images/regularSide275x1.gif) repeat-y; padding-top: 0px; padding-bottom: 5px;} /* */ .smallPreviewSpacerWithLine { height: 1px; width: 275px; background: url(images/regularHorizontalLine275x1.gif) no-repeat; overflow: hidden;} /* margin: 0px; padding: 0px; */ .smallPreviewSpacer { height: 20px; clear: both; } /* News feed - main page */ .smallPreviewDoubleBoxOuter { background: url(images/regularTop560x150.gif) no-repeat; background-position: top left; width: 560px; padding-top: 5px; background-color: #ffffff; } .smallPreviewDoubleBoxInner { background: url(images/regularBottom560x150.gif) no-repeat; background-position: bottom left; width: 560px; padding-bottom: 5px; } /* */ .smallPreviewDoubleBox { width: 550px; border: 0px solid pink; overflow: hidden; margin: 0px; padding-left: 5px; padding-right: 5px; background: url(images/regularSide560x1.gif) repeat-y; padding-top: 0px; padding-bottom: 5px;} /* */ .smallPreviewDoubleSpacerWithLine { height: 1px; width: 560px; background: url(images/regularHorizontalLine560x1.gif) no-repeat; overflow: hidden;} /* margin: 0px; padding: 0px; */ /* Mostly main page - threads preview, new friends notification box, about us box */ .tinyPreviewBoxOuter { background: url(images/regularTop275x50.gif) no-repeat; background-position: top left; width: 275px; padding-top: 5px; background-color: #ffffff; } .tinyPreviewBoxInner { background: url(images/regularBottom275x50.gif) no-repeat; background-position: bottom left; width: 275px; padding-bottom: 5px; } /* */ .tinyPreviewBox { width: 265px; border: 0px solid pink; overflow: hidden; margin: 0px; padding-left: 5px; padding-right: 5px; background: url(images/regularSide275x1.gif) repeat-y; padding-top: 0px; padding-bottom: 5px;} /* */ .tinyPreviewSpacerWithLine { height: 1px; width: 275px; background: url(images/regularHorizontalLine275x1.gif) no-repeat; overflow: hidden;} /* margin: 0px; padding: 0px; */ .tinyPreviewSpacer { height: 20px; clear: both; } /* Viewing a public profile */ .userSearchViewBoxOuter { float: left; width: 245px; background: url(images/regularTop245x25.gif) no-repeat; background-position: top left; padding-top: 5px; } .userSearchViewBoxInner { float: left; width: 245px; background: url(images/regularBottom245x25.gif) no-repeat; background-position: bottom left; padding-bottom: 5px; } .userSearchViewBox { float: left; width: 245px; background: url(images/regularSide245x1.gif) repeat-y; } .userSearchViewFieldName { width: 105px; float: left; _height: 30px; min-height: 30px; padding-left: 5px; clear: both; } .userSearchViewFieldValue { width: 130px; float: right; _height: 30px; min-height: 30px; padding-right: 5px; } .userSearchViewPictureBoxOuter { float: left; width: 335px; background: url(images/regularTop335x25.gif) no-repeat; background-position: top left; padding-top: 5px; } .userSearchViewPictureBoxInner { float: left; width: 335px; background: url(images/regularBottom335x25.gif) no-repeat; background-position: bottom left; padding-bottom: 5px; } .userSearchViewPictureBox { float: left; width: 335px; background: url(images/regularSide335x1.gif) repeat-y; } .userSearchViewAdditionalPictureBoxOuter { background: url(images/regularTop590x25.gif) no-repeat; background-position: top left; width: 590px; padding-top: 5px; } .userSearchViewAdditionalPictureBoxInner { background: url(images/regularBottom590x25.gif) no-repeat; background-position: bottom left; width: 590px; padding-bottom: 5px; } .userSearchViewAdditionalPictureBox { background: url(images/regularSide590x1.gif) repeat-y; width: 580px; padding-left: 5px; padding-right: 5px; overflow: hidden; } /* background-color: #dd0000; */ /* Business Catalog */ .smallPreviewDarkerBoxOuter { background: url(images/darkerTop275x150.gif) no-repeat; background-position: top left; width: 275px; padding-top: 5px; } .smallPreviewDarkerBoxInner { background: url(images/darkerBottom275x150.gif) no-repeat; background-position: bottom left; width: 275px; padding-bottom: 5px; } /* */ .smallPreviewDarkerBox { width: 265px; border: 0px solid pink; overflow: hidden; margin: 0px; padding-left: 5px; padding-right: 5px; background: url(images/regularSide275x1.gif) repeat-y; } /* */ /* Posting board (discussion) */ .postingBoxAuthorOuter { width: 130px; background: url(images/regularTop130x50.gif) no-repeat; background-position: top left; padding-top: 5px; float: left; } .postingBoxAuthorInner { width: 130px; background: url(images/regularBottom130x50.gif) no-repeat; background-position: bottom left; padding-bottom: 5px; float: left; } .postingBoxAuthor { width: 130px; background: url(images/regularSide130x1.gif) repeat-y; padding-left: 5px; } .postingBoxContentOuter { width: 705px; background: url(images/regularTop705x50.gif) no-repeat; background-position: top left; padding-top: 5px; float: right; } .postingBoxContentInner { width: 705px; background: url(images/regularBottom705x50.gif) no-repeat; background-position: bottom left; padding-bottom: 5px; float: right; } /* _height: 70px; min-height: 70px; */ .postingBoxContent { width: 695px; background: url(images/regularSide705x1.gif) repeat-y; padding-left: 5px; padding-right: 5px; _height: 80px; min-height: 80px; } .postingBoxSpacer { clear: both; height: 20px; } .postingQuote { color: #001c4f; padding: 3px; background-color: #e4f0ff; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-color: #001c4f; FONT-FAMILY: Verdana, Arial, Sans-Serif; FONT-SIZE: 10px; text-decoration: none; margin-top: 3px; } /* Opinions board */ .postingBoxDarkerAuthorOuter { width: 130px; background: url(images/darkerTop130x25.gif) no-repeat; background-position: top left; padding-top: 5px; float: left; } .postingBoxDarkerAuthorInner { width: 130px; background: url(images/darkerBottom130x25.gif) no-repeat; background-position: bottom left; padding-bottom: 5px; float: left; } .postingBoxDarkerAuthor { width: 130px; background: url(images/regularSide130x1.gif) repeat-y; padding-left: 5px; min-height: 50px; _height: 50px; } .postingBoxDarkerContentOuter { width: 705px; background: url(images/darkerTop705x25.gif) no-repeat; background-position: top left; padding-top: 5px; float: right; } .postingBoxDarkerContentInner { width: 705px; background: url(images/darkerBottom705x25.gif) no-repeat; background-position: bottom left; padding-bottom: 5px; float: right; } .postingBoxDarkerContent { width: 695px; background: url(images/regularSide705x1.gif) repeat-y; padding-left: 5px; padding-right: 5px; min-height: 50px; _height: 50px; } /* */ .postingBoxDarkerSpacer { clear: both; height: 20px; } /* Registration */ .registrationFieldName { width: 220px; float: left; height: 22px; float: left; padding-top: 3px; } /* background-color: #00cc00; */ .registrationFieldBox { width: 320px; float: left; height: 25px; float: left; } .registrationFieldError { width: 295px; float: left; height: 22px; float: right; color: #ff0000; padding-top: 3px; } .registrationFieldFullLine { width: 835px; float: left; _height: 25px; min-height: 25px; float: left; clear: both; } .registrationCombineNameAndBox { width: 470px; float: left; height: 25px; float: left; clear: both; } /* input.registrationSubmit { width: 200px; background-color: #e8ffff; border-color: #3ab6da; margin: 1px; } input.registrationSubmit:hover { width: 200px; background-color: #3ab6da; border-color: #3ab6da; margin: 1px; } */ /* Searching cryteria, searching profiles, search tip */ .allSearchFieldsWrapper { width: 580px; float: left; } .searchTipWrapper { width: 265px; float: right; } .searchFieldName { width: 120px; float: left; clear: both; } .searchFieldBox { width: 300px; float: left; } .searchFieldFullLine { width: 420px; float: left; clear: both; } .searchFieldError { width: 160px; color: #ff0000; float: right; } .userSearchTipBoxOuter { float: left; width: 245px; background: url(images/regularTop245x25.gif) no-repeat; background-position: top left; padding-top: 5px; } .userSearchTipBoxInner { float: left; width: 245px; background: url(images/regularBottom245x25.gif) no-repeat; background-position: bottom left; padding-bottom: 5px; } .userSearchTipBox { float: left; width: 235px; background: url(images/regularSide245x1.gif) repeat-y; padding-left: 5px; padding-right: 5px; } /* Viewing your own profile */ .allProfileViewWrappers { width: 470px; } .userProfileViewFieldName { width: 220px; float: left; height: 20px; padding-top: 5px; clear: both; border: 0px solid red; } .userProfileViewFieldValue { width: 250px; float: left; _height: 20px; min-height: 20px; padding-top: 5px; border: 0px solid red; } .userProfileViewFieldValueDisabled { width: 250px; float: left; _height: 20px; min-height: 20px; padding-top: 5px; border: 0px solid orange; color: #aaaaaa; } .userProfileViewFullLineValue { width: 835px; float: left; _height: 20px; min-height: 20px; padding-top: 5px; border: 0px solid red; } .userProfileViewFullLineValueDisabled { width: 835px; float: left; _height: 20px; min-height: 20px; padding-top: 5px; border: 0px solid orange; color: #aaaaaa; } /* Updating profile */ .userProfileUpdateFieldName1 { width: 150px; float: left; _height: 25px; min-height: 25px; padding-top: 5px; clear: both; } .userProfileUpdateFieldBox1 { width: 315px; float: left; _height: 25px; min-height: 25px; padding-top: 5px; } .userProfileUpdateFieldName2 { width: 70px; float: left; _height: 25px; min-height: 25px; padding-top: 5px; } .userProfileUpdateFieldBox2 { width: 30px; float: left; _height: 25px; min-height: 25px; } .userProfileUpdateFieldError { width: 280px; float: left; _height: 25px; min-height: 25px; padding-top: 5px; color: #ff0000; } .userProfileUpdateFieldFullLine { width: 845px; float: left; clear: both; } /* Userprofile - chat emotions */ .userProfileChatEmotionsName { width: 300px; float: left; height: 85px; padding-top: 5px; clear: both; } .userProfileChatEmotionsIcon { width: 150px; float: left; height: 85px; padding-top: 5px; } .userProfileChatEmotionsActionUpdate { width: 170px; float: left; height: 85px; padding-top: 5px; } .userProfileChatEmotionsActionDelete { width: 170px; float: left; height: 85px; padding-top: 5px; } /* Userprofile - chat emotions - adding / editing */ .userProfileChatEmotionsDetailsField { width: 200px; _height: 55px; min-height: 55px; float: left; clear: both; } .userProfileChatEmotionsDetailsValue { width: 350px; _height: 55px; min-height: 55px; float: left; } .userProfileChatEmotionsDetailsFullLine { width: 400px; _height: 55px; min-height: 55px; clear: both; } .userProfileChatEmotionsDetailsFullLineError { width: 400px; _height: 15px; min-height: 15px; color: #ff0000; clear: both; } /* Inbox */ .userInboxFromColumn { width: 110px; float: left; clear: both; } .userInboxSubjectColumn { width: 320px; float: left; } .userInboxDateColumn { width: 150px; float: left; } .userInboxReplyColumn { width: 200px; float: left; } /* Business */ .businessListingSectionForNames { position: relative; width: 235px; float: left; } /* background-color: #cc0000; */ .businessListingSectionForValues { position: relative; width: 600px; float: right; } /* background-color: #0cc000; */ .searchSuggestBoxName { width: 835px; height: 12px; border-width: 1px; border-color: #aa0000; overflow-y: hidden; overflow-x: auto; display: none; background: transparent; } /* background-color: #ffffff; */ /* Profiles By Age Group */ .profilesByAgeGroupCount { width: 100px; float: left; } .profilesByAgeGroupLinks { width: 165px; float: right; } /* Friend request */ .userFriendFrom { width: 110px; float: left; clear: both; } .userFriendDate { width: 320px; float: left; } .userFriendAcceptDeny { width: 150px; float: left; }