/*////////////////////////////////////////////////*/ /*/ Color Chart /*/ /*////////////////////////////////////////////////*/ /* Text Blue : #177da0 Text Orange : #ae6c04 Text Grey : #444 */ /*////////////////////////////////////////////////*/ /*/ Defualt /*/ /*////////////////////////////////////////////////*/ html, body, td, th {font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px;} h1, h2, h3, h4, h5, h6, p, ul, li, body, a, div, form, input, blockquote {margin:0px; padding:0px; list-style:none;} /*-------------------------------- universal tag styles */ h1 { } /* Don't add styles to this. Use h2 instead */ h2 { font-size:18px; padding:0 0 10px 0; color:#d78505; } h3 { font-size:16px; padding-bottom:10px; color:#444} h4 {font-size:14px; padding:0px 0 10px 0; color:#177da0;} h5 {font-size:12px; padding:0px 0 10px 0; color:#444 } h6 {font-size:12px; padding:0px 0 10px 0; color:#666; font-weight:normal} p {line-height:17px; padding-bottom:8px; font-size:11px; color:#444; } em {font-style:normal; } b {color:#333} strong {font-weight:bold;} span {} ul li {} li {} a:link, a:visited, a:active, a:link, a:focus { text-decoration:underline; outline:none; } a:hover {text-decoration:none; outline:none;} a img { border:0px; } font { font-style:italic; } /* dw - fixing wysiwyg */ hr {} /*-------------------------------- universal form styles */ /*------------------------------- IsForU Modify */ /*input[type='text'], .input, textarea { padding:3px; border:1px solid #999; }*/ input[type='text'], input[type='password'], .input, textarea { padding:3px; border:1px solid #999; } input[type='submit'] { padding:3px; cursor:pointer; } textarea.input { border:1px solid #999; } select { font-size:11px; } label { cursor:pointer; } .error { color:#f00; } /*-------------------------------- custom universal styles */ .small_print {width:400px; text-align:center; margin:auto; padding-top:25px;} .small_print p {font-size:10px;} .print_screen {display:none;} .scrollable { overflow: auto; overflow-x: hidden; } .column1,.column2 {float:left; display:inline;} .contentWrap {padding:10px; } .clear { clear:both; } .imagePlaceHolder {background:#e3e3e3; color:#777; text-align:center; vertical-align:center; border:1px solid #999} .mainContentDivider {background:url(/staticApp/graphics/layout/bgMainContentDivider.gif) left top no-repeat; height:9px; width:615px;} /*-------------------------------- universal list styles */ ul.listStyle1 {margin-top:5px} ul.listStyle1 li {padding-bottom:4px; color:#444 } ul.listStyle1 li a {font-size:11px; text-decoration:underline; color:#177da0; } ul.listStyle1 li a:hover { } ul.listStyle1 li a:hover {font-size:11px; text-decoration:underline; } ul.listStyle2 {margin:5px 0 11px 13px; padding-left:20px} ul.listStyle2 li {list-style:disc; padding-bottom:4px; color:#444 } ul.listStyle2 li a {font-size:11px; text-decoration:underline; color:#177da0; } ul.listStyle2 li a:hover { } ul.listStyle2 li a:hover {font-size:11px; text-decoration:underline;} /*////////////////////////////////////////////////*/ /*/ PAGE LAYOUT /*/ /*////////////////////////////////////////////////*/ /*------------------------------- IsForU Modify */ /* body {background:url(/staticApp/graphics/layout/bgBody.gif) #b8b8b8 center bottom repeat-x; padding-bottom:100px;} */ body {background-color: #b8b8b8; } #bgGraphic, #bgGraphic_LP, #bgGraphic_MM {background-color:#fff; } #bgGraphic {background:url(/staticApp/graphics/layout/bgContainer1.gif) #fff top repeat-x;} #container1, #container1_LP, #container1_MM {} #container1 {} #container1_MM {} #container1_LP {background:url(/staticApp/graphics/layout/bgMainPromoBox.jpg) center 110px no-repeat;} #container2 {margin:auto; width:996px;} #header, #header_LP, #header_MM {padding:0 0px 5px 0px;} #pageMiddle, #pageMiddle_LP {} /*------------------------------- IsForU add */ #footerBG {background:url(/staticApp/graphics/layout/bgBody.gif) #b8b8b8 center bottom repeat-x; padding-bottom:100px; } #footer {background:url(/staticApp/graphics/layout/bgFooter.gif) #00bdea top repeat-x; height: 226px;} #footerContainer {margin:auto; width:986px; padding:5px; /*background:#ccc*/} /*////////////////////////////////////////////////*/ /*/ HEADER /*/ /*////////////////////////////////////////////////*/ .loginHeader {float:right; display:inline; background:url(/staticApp/graphics/layout/bgLogin.png) bottom left no-repeat; width:350px; padding:5px 5px 15px 20px; position: absolute;} .loginHeader form {} .loginHeader label {color:#585858; float:left; display:inline; margin: 5px 5px 0 0;} .loginHeader input {} .loginHeader input.btnLogin {float:left; display:inline; margin: 5px 10px 0 33px} .loginHeader img.btnLogin {float:left; display:inline; margin: 5px 10px 0 33px} .loginHeader input.checkRemeberMe {float:left; display:inline; margin: 5px 5px 0 0px} .loginHeader input.inputOver {width:120px; } a.linkForgot {border-left:1px solid #999; padding-left:10px; float:left; display:inline; margin: 8px 5px 0 5px; color:#585858; width: 100px;} a.linkForgot:hover {} /*------------------------------- Header MM */ #header_MM .loginHeader {} /*------------------------------- Header LP */ #header_LP h1.logo {background:url(/staticApp/graphics/layout/logo_LP.gif) no-repeat; height: 109px;} #header_LP .loginHeader {} /*------------------------------- Header SU */ #header_SU h1.logo {background:url(/staticApp/graphics/layout/logo_LP.gif) no-repeat; height: 109px;} #header_LP .loginHeader {} /*------------------------------- headerBanner */ #headerBanner .contentWrap {} #headerBanner {background:url(/staticApp/graphics/layout/bgHeaderBannerMiddle.gif) 0 0 repeat-y; width:976px; margin:5px 10px 5px 0px;} #headerBanner .hb_top {background:url(/staticApp/graphics/layout/bgHeaderBannerTop.gif) 0 top no-repeat;} #headerBanner .hb_bottom {background:url(/staticApp/graphics/layout/bgHeaderBannerBottom.gif) 0 bottom no-repeat;} #login_out {float:right; display:inlne; color:#fff; padding:20px 10px 0 0} #login_outLanding {float:right; display:inlne; color:#aaabab; padding:20px 10px 0 0} #login_out a {color:#fff} #login_outLanding a {color:#aaabab;} /*////////////////////////////////////////////////*/ /*/ MAIN CONTENT /*/ /*////////////////////////////////////////////////*/ #pageMiddle {padding-top:48px; margin-bottom:-12px} .contentWrap {padding:10px;} #pageMiddle .mainContent {background:url(/staticApp/graphics/layout/bgContainer1.gif) left -166px #dcdcdc repeat-x; padding:0 5px 5px 5px;} #contentLeft { float:left; display:inline;} #contentRight { float:left; display:inline;} .contentBoxLeft {background:url(/staticApp/graphics/layout/bgMainContentMiddle.gif) 0 0 repeat-y; width:616px; margin:0px 5px 5px 5px;} /*------------------------------- IsForU Add */ .contentBoxLeft .noDisplay {display: none;} .contentBoxLeft .cb_top {background:url(/staticApp/graphics/layout/bgMainContentTop.gif) 0 top no-repeat;} .contentBoxLeft .cb_bottom {background:url(/staticApp/graphics/layout/bgMainContentBottom.gif) 0 bottom no-repeat;} .contentBoxRight {background:url(/staticApp/graphics/layout/bgSideWhiteMiddle.gif) 0 0 repeat-y; width:350px; margin:0px 5px 10px 5px;} .contentBoxRight .cb_top_blue {background:url(/staticApp/graphics/layout/bgSideBlueTop.gif) 0 top no-repeat;} .contentBoxRight .cb_top {background:url(/staticApp/graphics/layout/bgSideWhiteTop.gif) 0 top no-repeat;} .contentBoxRight .cb_bottom {background:url(/staticApp/graphics/layout/bgSideWhiteBottom.gif) 0 bottom no-repeat;} /*------------------------------- Middle MM */ #pageMiddle_MM {padding-top:42px; margin-top:9px; } #pageMiddle_MM_logOut {padding-top:42px; margin-top:9px; } #pageMiddle_MM .mainContent {background:url(/staticApp/graphics/layout/bgContainer1_MM.gif) left -335px #dcdcdc repeat-x; padding:0 5px 5px 5px;} /*------------------------------- Middle SU */ /* #pageMiddle_SU .mainContent { margin:5px; height:357px; background:url(/staticApp/graphics/layout/cartoon/cartoonSignUp.png) 10px 00px no-repeat} */ #pageMiddle_SU .mainContent { margin:5px; background:url(/staticApp/graphics/layout/cartoon/cartoonSignUp.png) 10px 0px no-repeat} #pageMiddle_RM .mainContent { margin:40px 0px 20px 40px; background:url(/staticApp/graphics/layout/cartoon/cartoonRetrySignUp.png) 10px 00px no-repeat} #pageMiddle_SU .mainContent .contentWrap {padding:20px} #signUpForm {width:400px; position:relative; left:560px} /*------------------------------- IsForU Add */ #signUpForm .required { height:12px; padding:0 0 3px 0; display: none; color:#FF6600; } #signUpForm .optionBox ul li {clear:both; height:22px; border-bottom:none; padding:3px 0 3px 0} #signUpForm .optionBox label {padding-left:0px} #signUpForm .optionBox, #signUpForm .optionBox ul {padding:0px; margin:0px} #signUpForm label span {color:#177da0;} #signUpForm input.inputfName { width: 65px; } #signUpForm input.inputlName { width: 95px; } #reSignUpForm {width:350px; position:relative; left:525px} #reSignUpForm .requiredInfo {background:none;} #reSignUpForm .required { height:12px; padding:0 0 3px 0; display: none; color:#FF6600; } #reSignUpForm .optionBox ul li {clear:both; height:22px; border-bottom:none; padding:3px 0 3px 0} #reSignUpForm .optionBox label {padding-left:0px} #reSignUpForm .optionBox, #signUpForm .optionBox ul {padding:0px; margin:0px} #reSignUpForm input[type='password'] { width:150px; } #recaptcha_image {float:left; display:inline; border: 1px solid rgb(0, 0, 0); margin-top: 0pt; padding-top: 0pt; width: 300px; height: 57px;} #recaptcha_image img {display: block; height:57px; width:300px;} #recaptcha_tools {float:left; display:inlie;} a.linkHelp {color:#177da0; padding-left:10px} a.signUp { color:#177da0; } #findPassword input.inputfName { width: 65px; } #findPassword input.inputlName { width: 95px; } #findPassword input.inputEmail { width: 171px; } /*------------------------------- Middle LP */ #pageMiddle_LP .mainContent .contentWrap {padding:10px 20px 60px 35px;} #promoCopy {width:400px; padding:15px 0px 0px 10px; } #promoCopy p {line-height:24px; font-size:14px} a.btnDownload {background:url(/staticApp/graphics/layout/btnDownload.png) 0 -2px no-repeat; width:134px; height:32px; float:left; display:inline; text-indent:-5000px} a.btnOverview:hover, a.btnTryItNow:hover, a.btnDownload:hover, a.btnGettingStartedGuide:hover, a.btnJoinNow:hover, a.btnQuickIntro:hover {background-position:0 -34px;} a.btnDownBrochure{background: url('/staticApp/graphics/layout/btnDownloadbrochure.png') 0px 0px no-repeat; width: 150px; height:30px; float:left; display:inline; text-indent:-5000px} a.btnDownBrochure:hover {background-position:0 -30px;} a.btnResendMail {background:url(/staticApp/graphics/layout/btnResendMail.png) 0 -2px no-repeat; width:157px; height:32px; float:left; display:inline; text-indent:-5000px} a.btnClose {float:right; display:inline; color:#177da0} /*------------------------------- tabNavMain */ #tabNavMain {margin:-40px 0 0 10px; position:absolute;} #tabNavMain ul {} #tabNavMain ul li {float:left; display:inline; margin-right:5px} #tabNavMain ul li a {background:url(/staticApp/graphics/layout/tabs/tabMainNavL_normal.gif) left top no-repeat; display:block; text-decoration:none;} #tabNavMain ul li a span {background:url(/staticApp/graphics/layout/tabs/tabMainNavR_normal.gif) right top no-repeat; display:block; font-size:18px; color:#fff; padding:12px 20px 0 20px; height:38px} #tabNavMain ul li a.selected {background-position: left bottom} #tabNavMain ul li a.selected span {background-position: right bottom; color:#02bcea} #tabNavMain ul li a:hover {} #tabNavMain ul li a:hover span {color:#c6e9f1} #tabNavMain ul li a.selected:hover {} #tabNavMain ul li a.selected:hover span {color:#02bcea} #tabNavMain ul li.tabCorner a {background:url(/staticApp/graphics/layout/tabs/tabMainNavL_corner.gif) left top no-repeat;} #tabNavMain ul li.tabCorner a.selected {background-position: left bottom} #tabNavMain ul li.tabCorner a:hover {} #tabNavMain ul li.tabCorner a.selected:hover {} #tabNavMain .tabClose {margin-top:-47px; margin-right:3px; display:inline; visibility:hidden; float: right;} /*------------------------------- tabSideNav */ #tabSideNav {margin:0px 0 -10px 5px;} #tabSideNav ul {} #tabSideNav ul li {float:left; display:inline; margin-right:5px; font-weight: bold; } #tabSideNav ul li a {background:url(/staticApp/graphics/layout/tabs/tabMainNavL_normal.gif) left top no-repeat; display:block; text-decoration:none;} #tabSideNav ul li a span {background:url(/staticApp/graphics/layout/tabs/tabMainNavR_normal.gif) right top no-repeat; display:block; font-size:16px; color:#fff; padding:12px 20px 0 20px; height:38px} #tabSideNav ul li a.selected {background-position: left bottom} #tabSideNav ul li a.selected span {background-position: right bottom; color:#02bcea} #tabSideNav ul li a:hover {} #tabSideNav ul li a:hover span {color:#c6e9f1} #tabSideNav ul li a.selected:hover {} #tabSideNav ul li a.selected:hover span {color:#02bcea} #tabSideNav ul li.tabCorner a {background:url(/staticApp/graphics/layout/tabs/tabMainNavL_corner.gif) left top no-repeat;} #tabSideNav ul li.tabCorner a.selected {background-position: left bottom} #tabSideNav ul li.tabCorner a:hover {} #tabSideNav ul li.tabCorner a.selected:hover {} /*------------------------------- searchBar */ #searchBar { width: 420px; } #searchBar .mySearch { float:left; padding:15px 0px 20px 0px; width: 550px; } #searchBar .homeSearch { padding:0px 0px 20px 0px; } input.inputSearch {width:290px; float:left; display:inlne;} input.btnSearch {} /* ------------------------------- homePagePromo */ #homePagePromo {background:url(/staticApp/graphics/layout/cartoon/cartoonHomePromo.gif) top left no-repeat;} #homePagePromo .contentWrap {padding: 10px 20px 20px 200px; } #homePagePromo p {font-size:16px;} #homePagePromo p b {color:#ae6c04} /* ------------------------------- myMemoPagePromo */ #myMemoPagePromo {background:url(/staticApp/graphics/layout/cartoon/cartoonMyMemo.jpg) top right no-repeat; height:150px} #myMemoPagePromo .contentWrap {padding: 20px 165px 20px 20px ; } #myMemoPagePromo h3 {font-size:22px; color:#d78505;} #myMemoPagePromo p {font-size:14px;} #myMemoPagePromo p b {color:#ae6c04} /* ------------------------------- mainContentDivider */ .mainContentDivider {} /*////////////////////////////////////////////////*/ /*/ MEMO LIST /*/ /*////////////////////////////////////////////////*/ /*----------------------------------- tagListMenu*/ #tagListMenu {margin:0px; padding:0px;} a.btnArrow {background:url(/staticApp/graphics/layout/iconArrowRight.gif) #e4e4e4 left 3px no-repeat; display:block; padding:10px 0px 6px 30px; margin-bottom:5px; width:566px; color:#444; font-size:14px; text-decoration:none; border-bottom:1px solid #d3d3d3} a.btnArrow:hover {color:#177da0} a.btnArrowDown {background:url(/staticApp/graphics/layout/iconArrowDown.gif) #e4e4e4 left 3px no-repeat; display:block; padding:10px 0px 6px 30px; margin-bottom:5px; width:566px; color:#444; font-size:14px; text-decoration:none; border-bottom:1px solid #d3d3d3;} a.btnArrowDown:hover {color:#177da0} .tagBottom { position:fixed; height: 10px; border: 1px solid #000;} #tagDropDownList {background-color:#e4e4e4; width: 586px; position:inherit; display: block; } #tagDropDownList ul {float:left; display:inline; width: 586px; background-color:#e4e4e4; padding:5px; margin-top: -5px; } #tagDropDownList ul li {} #tagDropDownList ul li a {color:#444; text-decoration:none; padding-left:14px; } #tagDropDownList ul li a:hover {text-decoration:underline} #tagDropDownList ul li a.selected {background:url(/staticApp/graphics/layout/iconDoubleArrowSmall.gif) left 3px no-repeat; color:#177da0} #tagDropDownList ul li a.selected:hover {background:url(/staticApp/graphics/layout/iconDoubleArrowSmall.gif) left 3px no-repeat; color:#177da0} /*------------------------------- IsForU Add */ #tagDropDownListOther {padding:0px 5px 5px 5px; background:#e4e4e4; width: 586px; display:none; position:absolute; margin-top: 140px;} #tagDropDownListOther ul {float:left; display:inline; width:570px;} #tagDropDownListOther ul li {} #tagDropDownListOther ul li a {color:#444; text-decoration:none; padding-left:14px; } #tagDropDownListOther ul li a:hover {text-decoration:underline} #tagDropDownListOther ul li a.selected {background:url(/staticApp/graphics/layout/iconDoubleArrowSmall.gif) left center no-repeat; color:#177da0} #tagDropDownListOther ul li a.selected:hover {background:url(/staticApp/graphics/layout/iconDoubleArrowSmall.gif) left center no-repeat; color:#177da0} /*----------------------------------- memoListTitle*/ #memoList { float: left;} #memoListTitle {padding-bottom:20px} #memoListTitle h3 {float:left; display:inline; color:#444; font-size:20px;} #memoListTitle h3 a:link {text-decoration: none; color:#444; } #memoListTitle h3 a:visited {text-decoration: none; color:#444;} #sortByDefault {text-align:right; display:block; width: 150px; float: right; margin-top: 8px;} #sortByDefault label {color:#444;} /*----------------------------------- sortByMyMemo */ #sortByMyMemo {} #sortByMyMemo .mySort {float:left; width:300px; text-align: right; display: inline; margin-top: 10px;} #sortByMyMemo .sortBy {float:left; width: 60px; display: inline; margin-top: 10px; text-align: center;} #sortByMyMemo .receiveSort {float:right; width:260px; text-align: left; display: inline; margin-top: 10px;} #sortByMyMemo .sortText b {color:#177da0; } #sortByMyMemo td {color:#444; display:inline; padding-right:4px;} #sortByMyMemo td b {color:#177da0; } #sortByMyMemo td select {width:100px;} /* ------------------------------- pageNumberBar */ /*------------------------------- IsForU Modify */ /* .pageNumberBar {padding:10px 0 10px 0} .pageNumberBar a, .pageNumberBar span {float:left; display:inline; border:1px solid #28b7e8; background-color:#fff; color:#177da0; padding:5px 7px 5px 7px; margin:0 2px 0 2px;} */ .pageNumberBar {padding:10px 0 10px 0; text-align: center; } .pageNumberBar a, .pageNumberBar span {display:inline; border:1px solid #28b7e8; background-color:#fff; color:#177da0; padding:5px 7px 5px 7px; margin:0 2px 0 2px;} .pageNumberBar a.nextPrev {text-decoration:none; margin:0px} .pageNumberBar span.current {background-color:#28b7e8; color:#fff} .pageNumberBar span.dotdot {border:none;} .pageNumberBar a:hover {/*background-color:#ededed; color:#444; border-color:#444;*/ background-color:#28b7e8; color:#fff} /* ------------------------------- memoItem */ .memoItem {} .memoA {background:#ededed} .memoB {background:#fff} .mainContent .memoItem .imgWrap {float:left; display:inline; width:106px; height:114px; padding:7px 0px 0px 4px; text-align: center;} .mainContent .memoItem .imgWrap a {} .mainContent .memoItem .imgWrap .btypeIE { background: url('/staticApp/graphics/layout/iconIE.png') top right no-repeat; } .mainContent .memoItem .imgWrap .btypeFF { background: url('/staticApp/graphics/layout/iconFF.png') top right no-repeat; } .mainContent .memoItem .imgWrap .postBy { width: 90px; height: 25px; font-size: 11px; padding-top: 2px; } a.screenshotBG {background:url(/staticApp/graphics/layout/bgScreenshot.png) left top no-repeat; padding:7px 9px 9px 9px; display:block; height: 72px;} a.screenshotBGMedia {background:url(/staticApp/graphics/layout/bgScreenshotMedia.png) left top no-repeat; padding:7px 9px 9px 9px; display:block;} .mainContent .memoItem .contentWrap {float:left; display:inline; width:470px; padding-left:5px} .memoItem h4 {padding:4px 0 2px 22px; margin-left:2px;} .memoItem h4 a {color:#177da0; font-size:14px; font-weight:bold; text-decoration:none;} .memoItem h4 a:hover {text-decoration:underline;} .memoIcon {width: 20px; height:20px; float: left; cursor: hand;} .memoTitle_memo {background:url(/staticApp/graphics/layout/icons/iconMemo.gif) left top no-repeat;} .memoTitle_image {background:url(/staticApp/graphics/layout/icons/iconMemoImg.gif) left top no-repeat;} .memoTitle_media {background:url(/staticApp/graphics/layout/icons/iconMemoMedia.gif) left top no-repeat;} .memoTitle_imgMedia {background:url(/staticApp/graphics/layout/icons/iconMemoImgMedia.gif) left top no-repeat;} .memoTitle_ad {background:url(/staticApp/graphics/layout/icons/iconAd.gif) left top no-repeat;} .memoTitle_widget {background:url(/staticApp/graphics/layout/icons/iconMemoWidget.gif) left top no-repeat;} h5.avatar {font-weight:normal; color:#444} h5.avatar a, h5.avatar span {float:left; display:inline; padding:5px 0 0 4px;} h5.avatar a {color:#ae6c04; text-decoration:none; margin-top: 3px;} h5.avatar img {background:url(/staticApp/graphics/layout/bgIconAvatar.gif) left top no-repeat; padding:2px; float:left; display:inline;} h5.avatar a:hover {text-decoration:underline} .mainContent .memoItem p {padding:0 0 0 24px;} .memoItem .iconToolbar {padding:5px 0 5px 24px;} .memoItem .iconToolbar a {padding:4px 15px 2px 20px; float:left; display:inline; color:#444; text-decoration:none;} .memoItem .iconToolbar a:hover { text-decoration:underline; color:#177da0} a.btnTrash {background:url(/staticApp/graphics/layout/icons/iconTrash.gif) left top no-repeat; float:right; display:inline; width:16px; height:20px; text-indent:-5000px; } a.trashFriend {background:url(/staticApp/graphics/layout/icons/iconTrash.gif) left top no-repeat; float:right; display:inline; width:16px; height:20px; text-indent:-5000px; margin-top: -28px; } a.btnThumbsUp {background:url(/staticApp/graphics/layout/icons/iconThumbsUp.gif) left top no-repeat;} a.btnThumbsDown {background:url(/staticApp/graphics/layout/icons/iconThumbsDown.gif) left top no-repeat;} a.btnReply {background:url(/staticApp/graphics/layout/icons/iconReplies.gif) left top no-repeat;} a.btnRelated {background:url(/staticApp/graphics/layout/icons/iconRelated.gif) left top no-repeat;} .iconToolbar span {float:right; display:inline; width:20px; height:20px;} span.iconPrivate {background:url(/staticApp/graphics/layout/icons/iconPrivate.gif) left top no-repeat; width:20px;} span.iconPublic {background:url(/staticApp/graphics/layout/icons/iconPublic.gif) left top no-repeat; width:25px;} span.iconFriend {background:url(/staticApp/graphics/layout/icons/iconFriends.gif) left top no-repeat; width:20px;} /*------------------------------- memoDrilldown */ .memoDrilldown .iconToolbar {padding:5px 0px 5px 5px;} .memoDrilldown .imgWrap h6 {font-size:11px; padding:3px 0 0 10px} .mainContent .memoDrilldown p {padding:0 0 10px 0px; line-height: 20px;} .mainContent .memoDrilldown h5.avatar {padding-bottom:20px} .mainContent .memoDrilldown h6 {color:#177da0; font-weight:normal; padding-bottom:0px; font-style:normal; font-weight: bold; padding-bottom: 5px;} .memoDrilldown .anchor {padding-bottom:0px; margin-bottom:10px; border-bottom:1px solid #ccc;} .memoDrilldown .anchor p { padding: 10px; font-size: 13px; color: #666;} .memoDrilldown .media {padding:5px 10px 10px 10px; text-align: center;} .memoDrilldown .contentWrap a.btnDefault {float:right; padding:0px; text-decoration: none; color: #444;} .memoDrilldown .contentWrap a:hover.btnDefault {text-decoration: none;} .memoDrilldown .contentWrap a.btnDefault span {padding:5px; display:block;} .memoDrilldown .contentWrap a.btnDefault span.sendMail { text-align: right;} .memoDrilldown .contentWrap a.btnDefault span.btnThumbsUp {background:url(/staticApp/graphics/layout/icons/iconThumbsUp.gif) left center no-repeat; display:block; padding:5px; padding-left:17px;} .memoDrilldown .contentWrap a.btnDefault span.btnThumbsDown {background:url(/staticApp/graphics/layout/icons/iconThumbsDown.gif) left center no-repeat; display:block; padding:5px; padding-left:17px; } .memoDrilldown .contentWrap a.clipping {color:#177da0; } #memoToolBar {background:#dcdcdc; padding:5px;} #memoToolBar h4 {float:left; display:inlne; width:500px;} #memoToolBar a.btnDefault {float:right; padding:0px} #memoToolBar a.btnTrash {margin-left:5px} #memoContent { padding:10px 20px 5px 20px;} #memoContent textarea { width: 550px; height: 150px; } #memoContent input[type='text'] { width: 550px; } #memoTags {background:#dcdcdc; padding:5px; padding-left:10px} #memoTags p {padding:0px} #addComments {background:#f1f1f1; padding:10px;} #addComments h4.iconReply {background:url(/staticApp/graphics/layout/icons/iconReplies.gif) left top no-repeat; color:#444; } #addComments .memoReply {border-bottom:1px solid #ccc; padding-top:10px} #addComments textarea {width: 568px; height: 120px;} #addComments .message img {padding-left:10px; cursor: hand;} #addComments .message TEXTAREA {width: 460px; height: 50px;} /*////////////////////////////////////////////////*/ /*/ WIDGETS /*/ /*////////////////////////////////////////////////*/ /* ------------------------------- profolio */ #profile {} #profile .imgWrap {float:left; display:inline; width:142px; height:142px; padding-right:10px} #profile ul {} #profile ul li {color:#444; padding-bottom:5px;} #profile ul li b {color:#ae6c04; font-weight:normal;} #profile .statistics {padding-top:10px; border-top:1px solid #ccc; margin-top:10px;} #profile .statistics ul li {clear:both; /*border-bottom:1px solid #ccc;*/ padding:5px 0 5px 0} #profile .statistics ul li b {width:175px; float:left; display:inline; } #profile .statistics ul li a {color:#444} a.btnDoubleArrow {background:url(/staticApp/graphics/layout/iconDoubleArrowSmall.gif) left center no-repeat; padding-left:20px; display:block; color:#177da0} /* ------------------------------- sidePromoAd */ #sidePromoAd {text-align: center;} a.btnBenefits {margin:0 6px 0 2px} a.btn411 {} /* ------------------------------- topVotedBox */ #topVotedBox {} #topVoted {} #topVoted li {} #topVoted li a {text-decoration:none; font-size:12px; display:block; padding:8px 0 4px 0; border-bottom:1px solid #e3e3e3; color:#444; height:17px;} #topVoted li a:hover {background:#ededed;} #topVoted li a b {font-size:14px; float:left; display:inline; margin:3px 0 0 5px} #topVoted li a span {width:22px; height:22px; float:left; display:inline; margin:0 5px 0 10px;} #topVoted li a em {float:left; display:inline; margin:3px 0 0 0px} /* ------------------------------- visitors */ #visitorsBox {} #visitors {} #visitors li {} #visitors li a {text-decoration:none; font-size:12px; display:block; padding:4px 0 6px 0; border-bottom:1px solid #e3e3e3; color:#444; height:17px;} #visitors li a:hover {background:#ededed;} #visitors li a b {font-size:12px; float:left; display:inline; margin:4px 0 0 5px} #visitors li a span {width:22px; height:22px; float:left; display:inline; margin:0 5px 0 10px;} #visitors li a em {float:left; display:inline; margin:3px 0 0 0px} h5.avatar {font-weight:normal; color:#444} a.avatar img {background:url(/staticApp/graphics/layout/bgIconAvatar.gif) left top no-repeat; padding:2px; float:left; display:inline;} /* ------------------------------- webZinBox */ #webZinBox {padding-bottom: 25px;} /* ------------------------------- tagcloudBox */ #cloud a.tag10 { font-size: 0.8em; font-weight: 100; } #cloud a.tag9 { font-size: 0.9em; font-weight: 200; } #cloud a.tag8 { font-size: 1.0em; font-weight: 300; } #cloud a.tag7 { font-size: 1.2em; font-weight: 400; } #cloud a.tag6 { font-size: 1.4em; font-weight: 500; } #cloud a.tag5 { font-size: 1.6em; font-weight: 600; } #cloud a.tag4 { font-size: 1.8em; font-weight: 700; } #cloud a.tag3 { font-size: 2.0em; font-weight: 800; } #cloud a.tag2 { font-size: 2.2em; font-weight: 900; } #cloud a.tag1 { font-size: 2.5em; font-weight: 900; color:#ae6c04; } /*------------------------------- IsForU add */ #cloud a.tagOver {font-size: 2.6em; font-weight: 900; color:#ae6c04; } #cloud { padding: 2px; line-height: 3em; text-align: center; display: inline; } #cloud a { padding: 2px; color:#444; text-decoration:none; } #cloud a:hover { color:#444; text-decoration:underline; } #cloud a:visited {color:#177da0;} #cloud { margin: 0; } #cloud li { display: inline; } /* ------------------------------- linkedMemosBox */ .memoLinkedArrow {background:url(/staticApp/graphics/layout/bgLinkedArrow.gif) left center no-repeat; position:relative; margin-left:-8px; padding-left:8px} #linkedMemosBox {} #linkedMemos {padding-bottom:5px} #linkedMemos li { clear:both;} /*------------------------------- IsForU add */ #linkedMemos li input {float:left; display:inline;} #linkedMemos li a {text-decoration:none; font-size:12px; display:block; padding:8px 0 4px 0; color:#444; width: 400px; height:17px; float:left; display:inline; border-bottom:1px solid #e3e3e3; } #linkedMemos li a.viewLinked {text-decoration:none; font-size:12px; display:block; padding:8px 0 4px 0; color:#444; width: 311px; height:17px; float:left; display:inline; border-bottom:1px solid #e3e3e3; } #linkedMemos li a.btnTrash { float:right; width:15px; padding:8px 2px 4px 2px; background-color:#ededed; background-position:3px 4px} #linkedMemos li a.btnTrash:hover {background:url(/staticApp/graphics/layout/icons/iconTrash.gif) 3px 4px #ededed no-repeat} #linkedMemos li a:hover {background:#ededed;} #linkedMemos li a b {font-size:14px; float:left; display:inline; margin:3px 0 0 5px} #linkedMemos li a span {width:22px; height:22px; float:left; display:inline; margin:0 5px 0 2px;} #linkedMemos li a em {float:left; display:inline; margin:3px 0 0 0px} /* ------------------------------- memosFromBox */ #memosFromBox {} #memosFrom {} #memosFrom li {} #memosFrom li a {text-decoration:none; font-size:12px; display:block; padding:8px 0 4px 0; border-bottom:1px solid #e3e3e3; color:#444; height:17px;} #memosFrom li a:hover {background:#ededed;} #memosFrom li a b {font-size:14px; float:left; display:inline; margin:3px 0 0 5px} #memosFrom li a span {width:22px; height:22px; float:left; display:inline; margin:0 5px 0 2px;} #memosFrom li a em {float:left; display:inline; margin:3px 0 0 0px} /*------------------------------- IsForU add */ #memosFromBox .avatar {padding-left: 10px;} #memosFromBox a {font-size:12px; font-weight:normal; color:#ae6c04; text-decoration:none;} #memosFromBox img {background:url(/staticApp/graphics/layout/bgIconAvatar.gif) left top no-repeat; padding:2px; display:inline;} #memosFromBox a:hover {text-decoration:underline} /* ------------------------------- memosOnThisBox */ #memosOnThisBox {} #memosOnThis {} #memosOnThis li {} #memosOnThis li a {text-decoration:none; font-size:12px; display:block; padding:8px 0 4px 0; border-bottom:1px solid #e3e3e3; color:#444; height:17px;} #memosOnThis li a:hover {background:#ededed;} #memosOnThis li a b {font-size:14px; float:left; display:inline; margin:3px 0 0 5px} #memosOnThis li a span {width:22px; height:22px; float:left; display:inline; margin:0 5px 0 2px;} #memosOnThis li a em {float:left; display:inline; margin:3px 0 0 0px} /*////////////////////////////////////////////////*/ /*/ SETTINGS PANEL /*/ /*////////////////////////////////////////////////*/ #settings {} .settingsPanel {background:url(/staticApp/graphics/layout/bgSettingPanel.gif) left bottom repeat-x; background-color:#e5e6e7; margin-bottom:1px; } .settingsPanel label {cursor: default;} h3.settingsTitle {background:none; margin:0px; padding:0px} h3.settingsTitle a.btnArrow {width:auto; margin:0px; } h3.settingsTitle a.btnArrow:hover {color:#177da0} h3.settingsTitle a.btnArrowDown {width:auto; margin:0px; } h3.settingsTitle a.btnArrowDown:hover {color:#177da0} a.btnDefault {background:url(/staticApp/graphics/layout/btnDefault.gif) left top repeat-x; padding:5px; border:1px solid #999; float:left; display:inline; color:#444; text-decoration:none; margin-right:1px} a.btnDefault:hover {background:#ccc;} .optionBox {padding:5px;} .optionBox .note {padding: 5px;} .optionBox .note p {font-size: 11px;} .optionBox form {} .optionBox ul {padding:5px 5px 5px 5px; margin-bottom:10px} .optionBox ul li {clear:both; height:22px; border-bottom:1px solid #ccc; padding:3px 0 3px 0} .optionBox input, .optionBox label, .optionBox select, .optionBox textarea, .optionBox img, .optionBox a {float:left; display:inline;} .optionBox label {padding:7px 0 5px 3px } .optionBox input.checkbox, .optionBox input.radio {margin:4px 0 0 0 } .optionBox img {margin:4px 3px 0 3px} .optionBox input.checkboxDisplay {float:right; margin-right:5px} .optionBox label.right {float:right; width:auto} #Option3 .otherInfo.radio { margin-top: 16px; border: 1px solid #000000;} /* ------------------------------- tagListSettings */ #tagListSettings {} /* ------------------------------- personalizeMyMemoThis */ #personalizeMyMemoThis {} /* ------------------------------- myMemoThisWidgets */ #myMemoThisWidgets {} /* ------------------------------- editProfile */ #editProfile {} .requiredInfo {background:#fff} .requiredInfo label {cursor: default;} .requiredInfo li label.right {float:right; width:auto} .requiredInfo li label span {color:#177da0; cursor: default;} .requiredInfo li label span.iconNSFW {background:url(/staticApp/graphics/layout/icons/iconNSFW.gif) left -3px no-repeat; display:inline; width:42px; font-size:12px;} .otherInfo label {cursor: default;} #interestList span { margin-top: 6px; margin-left: 3px; } #interestList input[type='checkbox'] { margin-top: 2px; margin-left: -3px; } #selectedView {color: #5096D2; } /* ------------------------------- shareItSettings */ #shareItSettings {} label.disabled {color:#999} /* ------------------------------- headLineSettings */ #headLineSettings{} #headLineSettings .optionBox ul {margin: 0px;} #headLineManual {} #headLineManual input[type='text'] {width: 180px;} /* ------------------------------- memoSettings */ #memoSettings {} /* ------------------------------- friends */ #friendsBox {padding-bottom:20px} #friends {} #friends li {} #friends li a.avatar {text-decoration:none; font-size:12px; display:block; padding:4px 0 6px 0; border-bottom:1px solid #e3e3e3; color:#444; height:17px; cursor: default; } #friends li a.avatar:hover {background:#ededed;} #friends li a b {font-size:12px; float:left; display:inline; margin:4px 0 0 5px} #friends li a span {width:22px; height:22px; float:left; display:inline; margin:0 5px 0 10px;} #friends li a em {float:left; display:inline; margin:3px 0 0 0px} .optionBox input.checkboxDecline {float:right; margin-right:15px; margin-top:2px;} .optionBox input.checkboxAccept {margin-left:13px; margin-right:10px; margin-top:2px;} .optionBox img.avatar {background:url(/staticApp/graphics/layout/bgIconAvatar.gif) left top no-repeat; padding:2px;} .optionBox a {color:#444; text-decoration:none; padding-top:2px} #friendRequest .optionBox form ul li {height:20px; border-bottom:1px solid #ccc; padding:3px 0 3px 0} a.btnHelp {background:url(/staticApp/graphics/layout/icons/iconHelp.gif) left top no-repeat; display:block; text-indent:-5000px; width:17px; height:15px;} a.btnHelp:hover {} h3.settingsTitle a.btnHelp, #tagListMenu a.btnHelp {float:right; display:inline; margin:8px 5px 0 0} .requiredInfo a.btnHelp {float:right; display:inline; margin:8px 5px 0 0} /*////////////////////////////////////////////////*/ /*/ FOOTER /*/ /*////////////////////////////////////////////////*/ /*------------------------------- footerBoxes */ #footerBox1, #footerBox2, #footerBox3 {background:url(/staticApp/graphics/layout/bgFooterBoxMiddle.gif) repeat-y; float:left; display:inine; margin:5px} #footerBox2 {} #footerBox3 {background:url(/staticApp/graphics/layout/bgFooterBlueMiddle.gif) repeat-y; } .fBTop {background:url(/staticApp/graphics/layout/bgFooterBoxTop.gif) left top no-repeat} .fBBottom {background:url(/staticApp/graphics/layout/bgFooterBoxbottom.gif) left bottom no-repeat; width:303px; height:200px; } #footerBox3 .fBTop {background:url(/staticApp/graphics/layout/bgFooterBlueTop.gif) left top no-repeat} #footerBox3 .fBBottom {background:url(/staticApp/graphics/layout/bgFooterBlueBottom.gif) left bottom no-repeat; width:350px; } #footer .contentWrap {} #footer h5 {color:#ae6c04; padding:0px } ul.footerLinks {padding-bottom:10px} ul.footerLinks li {} ul.footerLinks li a {color:#5b5b5b; text-decoration:none; font-size:11px} ul.footerLinks li a:hover {color:#ae6c04;} #dailyTip {height:165px; background:url(/staticApp/graphics/layout/cartoon/cartoonTips.gif) left top no-repeat;} #dailyTip h5 { color:#fff; font-size:18px; padding: 30px 0 5px 70px; } #dailyTip p {color:#fff; font-size:14px; width:240px; padding-left:73px;} #copyRight {text-align:center; font-weight:bold; } #copyRight p {color:#fff} /*////////////////////////////////////////////////*/ /*/ popUpBox /*/ /*////////////////////////////////////////////////*/ /*------------------------------- IsForU Modify */ /*#popUpBox {position:absolute; margin:auto; top:300px; left:300px}*/ #popUpBox { margin:auto;} #popUpBoxTop {background:url(/staticApp/graphics/layout/bgPopUpTop.png) left top no-repeat; width:489px; height:20px} #popUpBoxMiddle {background:url(/staticApp/graphics/layout/bgPopUpMiddle.png) left top repeat-y; width:489px; padding:3px 0 3px 0} #popUpBoxBottom {background:url(/staticApp/graphics/layout/bgPopUpBottom.png) left bottom no-repeat; width:489px; height:20px} #pupUpBoxInner {background:url(/staticApp/graphics/layout/bgPopUpInnerMiddle.gif) repeat-y; width:430px; margin:auto; } #pupUpBoxInner .pUBTop {background:url(/staticApp/graphics/layout/bgPopUpInnerTop.gif) left top no-repeat; width:430px; margin:auto} #pupUpBoxInner .pUBBottom {background:url(/staticApp/graphics/layout/bgPopUpInnerBottom.gif) left bottom no-repeat; width:430px; margin:auto } /*------------------------------- IsForU Custom class */ /*------------------------------- Error Page */ .ErrorBody {background-color: #fff;} #ErrorContainer {width: 100%; height: 100%; text-align:center; padding-top: 300px;} #ErrorContainer .ErrorBox { border: 11px solid #60d8f6;} #ErrorContainer td { text-align: center; padding: 20px;} #ErrorContainer td.ErrorMsg { padding: 0px 50px 0px 50px;} /*------------------------------- GettingStart Content */ #GettingStartBody {text-align: center;} #GettingStartTabs {padding: 10px 0px 50px 9px;} #GettingStartContent {padding: 0px 0px 5px 5px;} #GettingStartText {width:459px; border:1px solid #e1e1e1; background-color:#f5f5f5; padding: 10px; text-align: left;} a.btnGettingStart01 {width: 127px; height:30px; float:left; display:inline; } a.btnGettingStart02 {width: 120px; height:30px; float:left; display:inline; } a.btnGettingStart03 {width: 91px; height:30px; float:left; display:inline; } a.btnGettingStart04 {width: 91px; height:30px; float:left; display:inline; } a.btnGettingStart01:hover {background: url('/staticApp/graphics/content/tabGettingStart01_over.png') 3px 0px no-repeat; display:inline; text-indent:-5000px; } a.btnGettingStart02:hover {background: url('/staticApp/graphics/content/tabGettingStart02_over.png') 3px 0px no-repeat; display:inline; text-indent:-5000px; } a.btnGettingStart03:hover {background: url('/staticApp/graphics/content/tabGettingStart03_over.png') 3px 0px no-repeat; display:inline; text-indent:-5000px; } a.btnGettingStart04:hover {background: url('/staticApp/graphics/content/tabGettingStart04_over.png') 3px 0px no-repeat; display:inline; text-indent:-5000px; } /*------------------------------- Faq Content */ #FaqBody {text-align: center;} #FaqContent {padding: 0px 0px 5px 5px;} #FaqContent table {text-align:left; background-color: #f4f4f4; padding: 10px;} #FaqContent .faqTitleBox {text-align:left; padding:0px 0px 10px 20px;} #FaqContent .faqTitle {font-size:14px; font-weight:bold; color:#444; text-decoration: none;} #faqTitle {font-size:14px; font-weight:bold; text-decoration: none;} #FaqContent .faqTextBox {padding: 6px 20px 10px 20px; display: none;} #FaqContent .faqText {color: #5d5d5d; font-size: 11px;} /*------------------------------- Content Pages */ .contentBody { padding: 30px 30px 0px 50px; } .contentBody a { font-size:12px; text-decoration:underline; color:#177da0; } .contentBody .groupBox {background-color:#ededed; padding:10px 10px 5px 10px; } .contentBody p { font-size: 12px; color: #5d5d5d; font-weight: bold; line-height: 24px; } .contentBody h4 { font-size: 18px; color: #484848; font-weight: normal; } .contentTop { text-align:center; padding-top: 32px;} .contentTopBg { background-image: url("/staticApp/graphics/content/topBg.gif"); width: 529px; height: 110px;} .contentTop h2 { text-align:left; font-size:24px; padding:26px 0px 0px 28px; color:#d78505; } .contentTitle { background: url('/staticApp/graphics/content/bgTitle.png') no-repeat; width: 509px; height: 33px; padding: 9px 0px 18px 28px; font-size: 16px; color: #3a3a3a; font-weight: bold;} .contentTitleLong { background: url('/staticApp/graphics/content/bgTitleLong.png') no-repeat; width: 509px; height: 33px; padding: 9px 0px 18px 28px; font-size: 16px; color: #3a3a3a;} .contentTitleSolutions { background: url('/staticApp/graphics/content/bgTitleSolutions.png') no-repeat; width: 509px; height: 33px; padding: 9px 0px 18px 28px; font-size: 16px; color: #3a3a3a;} .contentTextTop { background: url('/staticApp/graphics/content/bgTextTop.png') no-repeat; width: 481px; height: 3px; margin-left:12px; } .contentTextBottom { background: url('/staticApp/graphics/content/bgTextBottom.png') no-repeat; width: 481px; height: 3px; padding-bottom: 20px; margin-left:12px; } .contentText { background-color:#f1f1f1; width: 457px; padding: 3px 12px 6px 13px; margin-left:12px; color: #666; font-size:12px; font-weight:bold; line-height: 22px; } .contentTextTopLong { background: url('/staticApp/graphics/content/bgTextTopLong.png') no-repeat; width: 509px; height: 5px; } .contentTextBottomLong { background: url('/staticApp/graphics/content/bgTextBottomLong.png') no-repeat; width: 509px; height: 4px; padding-bottom: 20px; } .contentTextLong { width: 485px; background-color:#f1f1f1; padding: 3px 12px 6px 13px; color: #666; font-size:12px; font-weight:bold; line-height: 20px; } /*------------------------------- shareIt in viewPage */ #shareIt {position: absolute; display: none; width: 290px; margin-top: -8px; margin-left: 223px;} #shareIt td ul {width:100px; float: left;} #shareIt td li {padding: 3px;} #shareIt td span { width:100px; display:inline; float: left; padding: 3px;} /*------------------------------- email in viewPage */ #mailForm {position: absolute; display: none; width: 400px; margin-top: -8px; margin-left: 323px;} #mailForm td div { width:270px; display:inline; float:right; padding: 3px 5px 3px 5px;} #mailForm .mailArea { width:400px; height:110px; padding: 5px 0px 0px 5px;} #mailForm textarea { width:260px; height: 80px; } /*------------------------------- view Pages Action type */ .contentWrap .private { float:right; display:inline; height:20px; color:#177da0; } div span .iconNSFW {background:url(/staticApp/graphics/layout/icons/iconNSFW.gif) left 0px no-repeat;} .iconNSFW {background:url(/staticApp/graphics/layout/icons/iconNSFW.gif) left no-repeat; display:inline;} .required { height:12px; padding:0 0 3px 0; display: none; color:#FF6600; } .cursor {cursor: pointer;} .cursorDefault {cursor: default;} .dpNone { display: none; } .dpBlock { display: block; } .noneBorder { border: none; } .marginLeft3 { margin-left: 3px; } .trade { font-size: 11px; } .trade12 { font-size: 12px; } .helpBirth { margin-left: 63px; } .helpNsfw { margin-top: 7px; margin-left: 112px; } .helpMyViewd { margin-top: 7px; margin-left: 27px; } .checkNswf { margin-top: 10px; } .requestArea { width: 250px; padding-bottom:5px; float: left; } .requestAlias { float: left; width: 60px; } .requestColon { float: left; width:10px; } .requestMsg { float: left; width:180px; } .compusDown { float: right; margin-top: 0px; margin-right: 75px; width: 100px; } .shareText { color: #177da0; font-style: normal; } .wordWrap { word-wrap:break-word; } .paddingBottom3 { padding-bottom:3px; } .cmtsAdult { margin-top: 7px; } .txtLimit { border:none; width: 26px; background:#f1f1f1; } #pageNate {background-color: #ededed; text-align: center; padding: 5px;} #pageNate span { color:#5b5b5b; padding: 5px;text-decoration: none;} #pageNate span.selected { font-weight: bold;text-decoration: none; } #pageNate span a { text-decoration: none; color:#5b5b5b;} #pageNate span a:hover { text-decoration: none;} #pageNate span a:visited { text-decoration: none; color:#5b5b5b;}