@CHARSET "UTF-8"; /* CSS Document */ /* =branding : Contains the styles of the header section =navigation : Contains the styles of the styles for all the navigation panels =myWorld =myProfile Checking for update... */ /* normalizes margin, padding and outline */ * { margin:0; padding:0; outline: none; /*font-size: 1em;*/ } /* normalizes font size for headers */ h1, h2, h3, h4, h5 { font-size:100%; margin: 10px 0; } /* Remove list-style from ul and ol */ ul, ol { list-style:none; } /* nomarlizes font-style and font-weight to normal */ address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; } /* Collapse table borders */ table { border-collapse:collapse; border-spacing:0; } /* Removes borders from fieldsets and images */ img, fieldset { border:none; } /* left align text in th and caption */ th, caption { text-align:left; } /* Removes quotation marks from q */ q:before, q:after { content:''; } a { color: #45688E; text-decoration: none; } a:hover { text-decoration: underline; } a.btnLink { display:inline-block; padding:0 4px; color:#fff; background:#3B5998; border: 1px solid #23355B; font-size:12px; text-decoration:none; cursor:pointer; } a.btnLink.disabled { background:#DDD; color:#666; } .btnLink.signUp { background-color:#8CC63F; border:1px solid #01321C; color:#131313; font-weight:bold; /*height:11px; padding:2px 4px 4px 4px;*/ margin:0; padding:0 3px; line-height:17px; font-size:11px; } .btnLink.signUp:hover { background-color:#75AD2B; border:1px solid #01321C; } .avatar { border: 1px solid #dbdcd6; padding: 2px; } em { font-weight:bold; text-decoration: underline; } p { margin: 10px 0; color: #242424; line-height: 13px; } html { background-color:#fefefe; background-repeat:repeat-x; background-position: 0 0px; overflow-y:scroll; /*ff and safari haven't default scroll not to move page overflow is added.*/ } body{ color: #363636; font-family: Tahoma, Verdana, Arial,Helvetica,sans-serif; width:798px; margin-left: auto; margin-right: auto; position: relative; /*font-size: 50%;*/ font-size: 11px; } input[type="submit"], input[type="button"], input[type="reset"] { color: #F9F9F9; background:#45688E; /*padding: 1px 3px; it was seem vertical align:bottom*/ /*padding:0px 3px 2px 3px;*/ font-size:11px; vertical-align:top; border:1px solid #1A356E; font-weight:bold; height:19px; padding:0 3px 2px 3px; } input[type=button].cancel, input[type=submit].cancel, a.btnLink.cancel { background-color:#C7C6C6; border:1px solid #515151; color:#464444; } input[type=button].cancel:hover, input[type=submit].cancel:hover, a.btnLink.cancel:hover { background-color:#B9B7B7; border:1px solid #585858; } textarea { overflow:auto;/*For removing the scrollbar in IE*/ font-family: Tahoma, Verdana, Arial,Helvetica,sans-serif; font-size:11px; resize:none; /*for chrome and safari*/ } /* Messages */ .offerResponseMsg, .deletedMsg, .reportedSpamMsg { background: #f1f1f1; padding: 5px 5px 5px 10px; margin:10px 0 10px 0; border: 1px solid #DBE0EA; } .undo { font-weight: bold; } .errorMsg { display:none; border:1px solid #F6876C; background:#FFEFE8; padding:8px; margin:10px 0; } .errorMsg.active { display:block; } .errorMsg p { line-height:20px; } .errorMsg p.errorTitle { font-weight:bold; } .warning { display:none; background:#F4EBBD none repeat scroll 0 0; border:1px solid #D7CF9E; padding:10px; /*margin:10px; genelde yanlarda margin olmamasi gerekiyo gerekirse o sayfa icin ayri margin ver*/ margin:10px 0; text-align:center; font-weight:bold; } .warning.active { display:block; } .warning span { display:block; font-weight:normal; } .success { background:#ECEFF5; border:1px solid #DAE2E8; padding:10px; margin:10px 0; } .notes { border:1px solid #C5C8CE; padding:10px 5px; line-height:15px; /*margin:10px on notification-settings page we don't need margin left,right if another pages have problem change this only for notification-settings page*/ margin:10px 0; background:#FEFEFE; } p.initialActivity { display:none; border:1px solid #C5C8CE; padding:10px 5px; text-align:center; line-height:20px; margin:10px 10px 0 10px; background:#FEFEFE; } p.initialActivity.active { display:block; } p.strong { color:#737373; font-weight:bold; } input[type="button"].disabled, input[type="reset"].disabled, input[type="subit"].disabled { background:#DDD; color:#666; border:1px solid #BBB; } .loadingSignal { display:inline-block; width:15px; height:15px; margin-top:5px; text-align:left; text-indent:-9999px; margin-left: 4px; /* Ifti : The margin-left is added to give some bw the loader and the previous element */ } /* Offer Question content areas */ .offerQuestion { margin: 5px; margin-bottom:15px; text-align: center; background: #f1f2f5; padding: 15px; display: inline-block; border: 1px solid #dedede; } .offerQuestion p.question { background: #f6eaa9; padding: 5px; margin-bottom: 10px; display: block; font-weight: bold; margin-top: 0; } .offerQuestion p span.questionPrefix { color: #45688E; } .offerQuestion input.btnDenyOffer { margin-left: 5px; } .offerQuestion p.stats { margin-top: 10px; color: #777; } .offerQuestion .accepted, #myWorld #newsFeedsList .offer .body .offerQuestion .refused { padding-right: 10px; } .offerQuestion dfn { border-bottom: 1px dotted; } .offerQuestion .btnAcceptOffer { width: 86px; } /* Generic composition styles */ .genericComposition { position: relative;} .genericComposition fieldset { position:relative; /*background:#EAEAEA;*/ background:#F1F2F5; border:1px solid #E6E6E6; margin-bottom:10px; } .genericComposition .avatar { position: absolute; left: 0; top: 0; } .genericComposition label { /*display: none;*/ } .genericComposition textarea { width: 96%; border: 1px solid #B9BCC3; height: 18px; padding: 3px 0 0 2px; margin:0 6px; color:#737373; } .genericComposition input[type="button"] { position: absolute; bottom: 3px; right: 0px; display: none; } .genericComposition .compositionType { text-align: right; margin: 3px 6px; display : none; } .compositionType li { display: inline-block; margin-right: 5px; padding : 0 3px; } .genericComposition.active .compositionType { display: block; } .genericComposition .compositionAid { /*display: block;*/ display: none; background: #f1f2f5; /*border-top: 1px solid #e6e6e6;*/ padding-bottom:3px; padding-left:3px; padding-top:6px; } .genericComposition .compositionAid h4 { display: none; } .genericComposition .compositionAid .langSelect { display:inline-block; } .genericComposition .compositionAid .compositionAttachments { position: absolute; right:5px; top:5px; } .genericComposition .compositionAid .langSelect li, .genericComposition .compositionAid .compositionAttachments li { display: inline-block; margin-right: 5px; } /* it is comment out because langSelect class is using without genericComposition also */ .genericComposition .compositionAid .langSelect li input { display:none; } .genericComposition .compositionAid .langSelect li label { color:#45688E; cursor:pointer; } .genericComposition .compositionAid .langSelect li.active label { text-decoration: underline; } /* Use this class to display the language selected */ .genericComposition .compositionAid .compositionAttachments li { margin: 0; /* border-right: 1px solid #d0cfd0;*/ padding: 0 5px 0 0; /* background-image: url("../images/current-status-sprite.gif"); */ background-repeat: no-repeat; } /* The background image is applied to "li" instead of "a" due to IE7 not interpreting negative text indents. We have used the alpha filter in ie7 to hide */ .genericComposition .compositionAid .compositionAttachments li a {/* text-indent: -9999px; width: 20px; height: 16px;*/ display: inline-block; } .genericComposition .compositionAid .compositionAttachments li.status { background-position: 0 -4px; /* horizontal vertical */ } .genericComposition .compositionAid .compositionAttachments li.photo { background-position: -46px -4px; } .genericComposition .compositionAid .compositionAttachments li.video { border-right: none; background-position: -68px -4px; } .genericComposition .compositionAid .compositionAttachments li.link { background-position: -21px -4px; } .genericComposition .compositionAid .compositionAttachments li.selected { background:#B3C3EF; border:1px solid #45688E; padding-left:5px; margin-right:5px; } .genericComposition.active .compositionAid { display: block; } .genericComposition.active input[type="button"] { display: inline; } .genericComposition.active textarea { height: 30px; } /* Wall and Feeds styles */ .crossContentList { padding-bottom: 1px; } .crossContentList > li {/* background: #fff; border: 1px solid #eee;*/ /* padding: 10px 10px 5px 62px;to reduce newsfeed gaps*/ padding: 0px 0px 0px 54px; /*margin-bottom: 5px;*/ } /* These styles will be applied to only the children li of #newsFeedsList */ .crossContentList div.body { /*padding: 34px 0 10px 0; to reduce newsfeed gaps*/ padding: 34px 0 5px 0; position: relative; min-height: 25px;/*border-bottom:1px solid #DEDEDE;*/ } .crossContentList .body .genericStory { padding-left: 5px; padding-right: 5px; margin: 0; } .crossContentList .body .title { margin: 3px 5px; } .crossContentList .body a.photo { display:inline-block;/*this is for opera's strange problem if there is only 1 picture, picture overfows behind previous feed see opera-Newsfeed.jpg */ } .crossContentList .body img { border: 1px solid #dedede; padding: 2px; vertical-align:top; } .crossContentList .body .avatar { position: absolute; top: 0; left: -52px; margin: 0; } .crossContentList .body .likeMsg { background: #f1f1f1; padding: 5px; margin: 10px 0 0 0; border-left: 1px solid #ccc; } .crossContentList > li > .body .attributes li.date { border: none; position: absolute; top: 8px; right: 3px; color:#737373; } /* This applies to the children of newsFeed li */ .crossContentList .body .attributes { position: absolute; top: 0px; left:0; color:#737373; background: #F7F7F7; border-top: 1px solid #45688E; border-bottom: 1px solid #DAE2E8; width: 100%; height:22px; padding: 3px 0; font-size: 10px; } .crossContentList .attributes li { display: inline-block; /*inline-block is required to specify a line-height in order to adjust the border height applied to date*/ line-height: 11px; } .crossContentList .attributes li.name { font-weight: bold; color: #52505c; margin-left: 5px; font-size: 11px; } .crossContentList .attributes li.status { display:none; /*display:block;*/ position:absolute; top:60px; left:-50px; color:#82AF7E; } .crossContentList .attributes li.status.online { display:none; /*display:block;*/ } .crossContentList .attributes li.date { color: #777; border-left: 1px solid; padding-left: 3px; } .crossContentList .attributes li.action { /*text-transform: lowercase;*/ text-indent:-9999px; position:absolute; right:118px; top:3px; background-image:url("../images/icons.png"); width:15px; height:16px; float:right; margin:3px 5px 0 0; } .crossContentList .friendConfirmation .attributes li.action { background-position:0px 0; } .crossContentList .statusUpdate .attributes li.action { background-position:976px 0; } .crossContentList .albumItem .attributes li.action { background-position:944px 0; } .crossContentList .offer .attributes li.action { background-position:80px 0; } .crossContentList .videoItem .attributes li.action { background-position:863px 0; width:13px; } .crossContentList .tale .attributes li.action { background-position:160px 0; } .crossContentList .link .attributes li.action { background-position:608px 0; } .crossContentList .updateProfPict .attributes li.action { background-position:976px 0; } .crossContentList .wallMessage .attributes li.action { background-position:752px 0; } .crossContentList .photoCommented .attributes li.action { background-position:800px 0; } .crossContentList .commands { /*position: absolute; bottom: 2px; left:0px; left 0px is for IE7 to align left*/ padding: 0 3px; font-size: 10px; margin: 10px 0 10px 0; } .crossContentList .commands li { color:#737373; display: inline-block; line-height: 11px; /*border-right: 1px solid;*/ background-image:url(../images/bullet.png); background-repeat:no-repeat; background-position:99% 50%; /*padding-right: 3px;*/ /*padding:0 5px 0 2px;*/ padding-right:10px; } .crossContentList .commands li.last { /*border: none;*/ background-image:none; } .crossContentList .commands a { color:#45688E; display: inline-block; line-height: 11px; } .crossContentList .commands li.delete a:hover { color: #ff0000; } .crossContentList .commands li.hide { display:none; /*border:none;*/ background-image:none; font-weight:bold; position:absolute; right:0px; bottom:5px; } .crossContentList div.body:hover li.hide { display:block; } .crossContentList .commands li.hide a { text-decoration:none; } .crossContentList .hideOption { border:1px solid #DAE2E8; background-color:#F7F7F7; margin:10px 0; padding:10px; position:relative; } .crossContentList .hideOption a { float:right; margin-left:5px; } .dataCapture { /*margin:0px 30px;*/} .dataCapture legend { display:none; } .dataCapture .formOverview { margin-bottom:15px;} .dataCapture .formOverview span { font-weight:bold;} .dataCapture label { display:inline-block; width:130px; /*vertical-align:top;*/ } .dataCapture input[type="text"], .dataCapture input[type="password"], .dataCapture select{ border:1px solid #B9BCC3; width:190px; font-family: Tahoma, Verdana, Arial,Helvetica,sans-serif; font-size:11px; } .dataCapture select { padding:3px; } .dataCapture textarea { border:1px solid #B9BCC3; font-family: Tahoma, Verdana, Arial,Helvetica,sans-serif; } .dataCapture label span { text-indent:-9999px; background: url("../images/star.png") no-repeat; width:5px ; height:5px; display:inline-block; position:absolute; top:8px; left:330px; } .dataCapture .fieldErrorMsg { font-size:10px;color:#880000; margin-left:10px; padding:5px; display:inline-block; max-width:210px; vertical-align:top; } .dataCapture .btn { padding-left:134px; } /*.dataCapture select { width:145px; }*/ .dataCapture li { margin-bottom:10px; position:relative; vertical-align:middle; } /*rounded button styles will come here*/ /*Pop up generic styles*/ .gddModalAlert { background:#DAE2E8; width:500px; padding:10px; margin:20px;/*This will be removed later*/ display: none; position: absolute; z-index:1000; } .gddModalAlert.active {display:block; } .gddModalAlert > div { background:#FFF; } .gddModalAlert .popupTitle { background:#45688E; } .gddModalAlert .popupTitle h3 { margin:0; padding:8px 10px; color:#FFF; font-size:12px; } .gddModalAlert .control { text-align:right; border-top:1px solid #AAA; background:#F2F2F2; padding:10px; } /*end of Pop up generic styles*/ /*Moods*/ .selectMood { display:none; background:#F7F7F7; position:absolute; width:192px; border:1px solid #555; padding-bottom:25px; } .selectMood.active { display:block; } .selectMood h4 { background:#45688E; color:#fff; padding:8px 10px; margin:0; } .selectMood p { padding-left:10px; margin:7px 0; } .selectMood ul { border-top:1px solid #CCC; } .selectMood ul li { border-bottom:1px solid #DFE1E3; /*padding:6px;*/ margin:0 3px; display:block; } /*.selectMood ul li span:hover { color:#45688E; }*/ .selectMood ul li a { display:block; padding:4px; text-decoration:none; } .selectMood ul li a span.moodImage { display:inline-block; text-indent:-9999px; background: url("../images/moods.png") no-repeat; width:18px; height:17px; margin-right:10px; } .selectMood ul li.flirting a span.moodImage { margin-right:6px; } .selectMood ul li.happy span.moodImage { background-position:0px 0px; } .selectMood ul li.neutral span.moodImage { background-position:-18px 0px; } .selectMood ul li.angry span.moodImage { background-position:-36px 0px; } .selectMood ul li.flirting span.moodImage { background-position:-54px 0px; width:23px; } .selectMood ul li.love span.moodImage { background-position:-77px 0px; } .selectMood ul li.sad span.moodImage { background-position:-95px 0px; } /*.selectMood ul li span { padding-left:30px; }*/ /*end of Moods*/ a.btnKeyStat { text-indent: -9999px; width:28px; height:14px; float:right; display:inline; position:absolute; } /*privacy-control select box*/ ul.privacy-control { border:1px solid #96AABE; background:#FFF; position:absolute; top:18px; right:72px; display:none; z-index:10; } ul.privacy-control.active { display:block; } ul.privacy-control li { margin-bottom:0px; } ul.privacy-control li a { display:block; padding:4px; } ul.privacy-control li a:hover { border:1px solid #476D96; background:#6D8FB3; color:#E8EDDA; text-decoration:none; padding:3px; } /*ul.privacy-control li.hover a { border:1px solid #476D96; background:#6D8FB3; color:#E8EDDA; text-decoration:none; padding:3px; }*/ ul.privacy-control li.certainList > a { background:url("../images/arrow-down.png") no-repeat 98% 8px; } ul.privacy-control li.certainList > a:hover { background:#6D8FB3 url("../images/arrow-down.png") no-repeat 98% 8px; } ul.privacy-control li.certainList ul { display:none; } ul.privacy-control li.certainList ul.active { display:block; } ul.privacy-control li.certainList ul li { } ul.privacy-control li.certainList ul li a { padding-left:20px; } ul.privacy-control li.certainList ul li a:hover { background:#E8EDDA url("../images/selected-icon.png") no-repeat 2px 5px; color:#45688E; border:none; padding:4px 4px 4px 20px; } /*end of privacy-control select box*/ /* =branding */ #branding { /*margin-bottom: 12px;*/ } #branding h1 { margin: 0; } #branding h1 a { display: block; text-indent: -9999px; background: url("../images/logo-beta.png") no-repeat left top; /*background: url("../images/logo.png") no-repeat left 5px;*/ /*background: url("../images/logo.gif") no-repeat left center; width: 14em; height: 6.4em;*/ width: 140px; /*height: 64px;*/ height:42px; } #branding blockquote { position:absolute; top:7px; right:35px; } #branding blockquote p { color:#FFF; font-size:18px; font-weight:bold; line-height:25px; } #branding #versionId { display:none; position:absolute; top:25px; left:112px; color:#B9B9B9; font-weight:bold; text-transform:uppercase; /*text-indent:-9999px; width:40px; height:41px; background:url("../images/badge.jpg");*/ font-size:8.2px; } #navigation { position: relative; float: left; } #navigation a { text-decoration: none; } #navigation #mainNavTitle, #navigation #auxNavTitle { display: none; } #navigation #mainNav { position: absolute; /*top: -4.4em; left: 15.5em; width: 40em;*/ top: -40px; /*right: -460px; text-align:right; aligns menu to right*/ left:155px; width:641.5px; background:#627AAD; margin-top:8px; border: 1px solid #1D4088; border-bottom:none; } #navigation #mainNav li { display: inline; } #navigation #mainNav li a { text-transform:inherit; display: inline-block; /*padding:13px 20px 13px 0px;*/ padding:8px 10px; /*margin-right:17px;*/ margin-right:0px; border-right-width:1px; border-right-style:solid; border-bottom: none; color:#F9F9F9; font-weight:bold; } #navigation #mainNav li a:hover { background:#3f5d9d; } #navigation #mainNav li.first a { /*border-left:1px solid #8E9FC9;*/ border-left:none; padding-left:17px; } #navigation #mainNav li.last a { border-right: none; } #navigation #myWorldNavTitle { /* background: #b9bcc3; color: #fff;*/ color:#45688E; margin: 2px 0 7px 0; padding: 6px; /*width: 12.7em;*/ width: 127px; text-transform:uppercase; border-bottom:1px solid #ACB4BC; } #navigation #myWorldNav { /*width: 14.5em;*/ width: 145px; margin-bottom: 10px; margin-top:22px; } /* for showing gap between top of navigation and bottom of navigation */ #navigation #myWorldNav li.mySettings { margin-top:10px; border-top:1px solid #DCDFE2; } #navigation #myWorldNav li.mySettings:hover { background:none; } #navigation #myWorldNav li.mySettings a { margin-top:10px;} #navigation #myWorldNav li.mySettings a:hover { background: #f1f2f5; } #navigation #myWorldNav li a { position:relative; } #navigation #myWorldNav li span { position:absolute; left:3px; top:3px; margin-right:5px; background-image:url("../images/icons.png"); width:14px; height:16px; } #navigation #myWorldNav li.myWorld a span { background-position:480px 0; } #navigation #myWorldNav li.myProfile a span { background-position:993px 0; width:16px; } #navigation #myWorldNav li.myFriends a span { background-position:1040px 0; width:16px; } #navigation #myWorldNav li.myMessages a span { background-position:752px 0; width:15px; } #navigation #myWorldNav li.myPhotos a span { background-position:960px 0; } #navigation #myWorldNav li.myVideos a span { background-position:863px 0; width:13px; } #navigation #myWorldNav li.myNotes a span { background-position:208px 0; width:15px; } #navigation #myWorldNav li.myLinks a span { background-position:608px 0; width:15px; } #navigation #myWorldNav li.myTales a span { background-position:160px 0; width:15px } #navigation #myWorldNav li.myClubs a span { background-position:576px 0; width:15px } #navigation #myWorldNav li.myFavorites a span { background-position:640px 0; } #navigation #myWorldNav li.myTranslations a span { background-position:384px 0; width:15px; } #navigation #myWorldNav li.myPages a span { background-position:994px 0; } #navigation #myWorldNav li.mySettings a span { background-position:705px 0; width:16px; } #navigation #myWorldNav li.myOffers a span { background-position:80px 0; width:15px; } #navigation #myWorldNav li.myBank a span { background-position:288px 0; width:15px; } #navigation #myWorldNav li a { padding: 5px 9px 5px 28px; display: block; color:#45688E; border-bottom: none; } #navigation #myWorldNav li:hover { background: #f1f2f5; } #navigation #auxNav { position: absolute; /*right: -65em; top: -6.2em; width: 15.8em; width:30em;*/ right: -650px; top: -72px; width: 158px; width:300px; text-align:right; } #navigation #auxNav li { display: inline; } #navigation #auxNav li#loggedinUser { display: none; } #navigation #auxNav li a { display: inline-block; color: #c8c8c8; } #navigation #auxNav li#loggedinUser a { padding-right: 5px; } #navigation #auxNav li#logout a { color:#F9F9F9; font-weight:bold; position:absolute; top:41px; right:222px; /*right:150px; when menu aligns to right this will be used*/ padding:8px 10px; border-left:1px solid #8E9FC9; border-right:1px solid #8E9FC9; } #navigation #auxNav li#logout a:hover { background:#3b5998; } #frmSearchInput { border: 1px solid #dbdbdb; /* padding: 2px 2px 0 2px; */ position: absolute; /*top: 3.1em;*/ top:16px; /*right:142px; removed by Duygu*/ right:7px; margin:0; background:#FFF; /*for remove the search icon gap problem*/ } #frmSearchInput label { display: none; } #frmSearchInput input#txtSearch { /*width: 12em;*/ width: 180px; border: none; color:#737373; font-size:10px; height:15px; padding:0 0 0 2px; margin:0; } #frmSearchInput input#btnSearch { text-indent: -9999px; border: none; background-repeat:no-repeat; background-position: right center; /*width: 1.8em; height: 1.5em;*/ width: 17px; height: 16px; vertical-align:top; /* This is required to vertically align the button */ } #siteInfo { clear: both;/* To clear the left menu */ /* text-align: center; */ /* border-top: 1px solid #DBDBDB; */ width:100%; margin-bottom:50px; position:relative; margin-left:155px; } #siteInfo p, #siteInfo h4 { margin: 0; display: inline; } #siteInfo form#siteLangSelection { position:absolute; top:0px; left:75px;} #siteInfo form#siteLangSelection fieldset label { display:none; } #siteInfo form#siteLangSelection select { border:none; width:93px; font-size:10px; color:#45688E; margin-top:-1px; } #siteInfo ul#changeColor { position:absolute; top:0px; right:153px; display: none; } #siteInfo ul#changeColor li { display:inline-block; width:14px; height:14px; float:right; margin-left:3px; } #siteInfo ul#changeColor li.blue { border:1px solid #45688E; } #siteInfo ul#changeColor li.green { border:1px solid #407200; } #siteInfo ul#changeColor li.red { border:1px solid #8D3030; } #siteInfo ul#changeColor li.pink { border:1px solid #FF69B4; } #siteInfo ul#changeColor li.yellow { border:1px solid #DAA520; } #siteInfo ul#changeColor li.blue a { text-indent: -9999px; background:#45688E; position:absolute; top:3px; right:3px; width:10px; height:10px; } #siteInfo ul#changeColor li.green a { text-indent: -9999px; background:#407200; position:absolute; top:3px; right:22px; width:10px; height:10px; } #siteInfo ul#changeColor li.red a { text-indent: -9999px; background:#8D3030;; position:absolute; top:3px; right:41px; width:10px; height:10px; } #siteInfo ul#changeColor li.pink a { text-indent: -9999px; background:#FF69B4; position:absolute; top:3px; right:60px; width:10px; height:10px; } #siteInfo ul#changeColor li.yellow a { text-indent: -9999px; background:#DAA520; position:absolute; top:3px; right:79px; width:10px; height:10px; } #siteInfo .siteLanguage { margin-left:10px; } #siteInfo ul#siteInfoList { float:right; margin-right:141px; display:none; } #siteInfo ul#siteInfoList li { display:inline-block; padding-right:9px; background-image: url("../images/bullet.png"); background-repeat:no-repeat; background-position: 98% 4px; } #siteInfo ul#siteInfoList li.last { background-image:none; } #siteInfo ul#siteInfoList li a { text-decoration:none; } #main { /*margin-left:15.5em;*/ margin-left:155px; background: #f9f9f9; border: 1px solid #d6d6d6; border-top:none; position: relative; margin-bottom: 10px; margin-top:1px; } #main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #pageRep { background:#e5eaef;border-bottom:1px solid #D6D6D6; width:100%; /*margin:4px 0 8px -1px;*/ font-weight:normal; color:#3B5998; } #main #mainTitle { /*background: #b9bcc3;*/background:#E5EAEF none repeat scroll 0 0; border:none; /*color:#fff;*/color:#000; margin: 0; /*border-bottom: 1px solid #d6d6d6;*/ padding:5px 4px 5px 9px; /*padding-left:0px;*/ display:inline-block; } #main #mainTitle.passive a { color:#000; cursor:default; text-decoration:none; } #main #registeredDate { display:none; position: absolute; /*right: .9em;*/ right: 9px; top:-28px; /*color: #fff;*/ color:#45688E; } #main #registeredDate dfn { font-weight: bold; } #main #content { margin: 12px; margin-right: 0px; width: 460px; float: left; position:relative; } #main #contentFilter { float:right; width:162px; } #main ol.breadcrumbs { display:inline-block; margin-top:5px; } #main ol.breadcrumbs li { display:inline; } #main ol.breadcrumbs li a { /*color:#737373;*/ font-weight:bold; text-decoration:none; } #main ol.breadcrumbs li.current a { color:#000; font-weight:bold; cursor:default; } ul.pagination li { font-weight:bold; font-size:10px; } ul.pagination li.current { text-decoration:underline; } ul.pagination li.current.prev, #content ul.pagination li.current.next { text-decoration:none; } #radio { position:absolute; top:10px; right:-248px; width:247px; height:28px; border-top-width:1px; border-top-style:solid; border-right-width:1px; border-right-style:solid; } /* =myWorld */ #myWorld .genericComposition .compositionAid input[type="button"] { right:7px; } #myWorld #currentStatus { border: 1px solid #F6F6F6; margin-bottom: 10px; } #myWorld #currentStatus form { position:relative; } #myWorld #currentStatus form .avatar { top:-20px; } #myWorld #currentStatus form .compositionType { margin-top : 0; } #myWorld #currentStatus form label.statusLabel { font-weight: bold; font-size: 14px; position: absolute; left: 55px; top: -18px; /*color: #52505c;*/ color:#000; display: block; } #myWorld #currentStatus form textarea { margin-top:0px; } #myWorld #currentStatus form .compositionAid { padding-left:7px; padding-right:7px; } #myWorld #currentStatus fieldset { position: static; background: #f1f2f5; margin: 25px 0 0 55px; border: 1px solid #e6e6e6; padding: 5px 0; } #myWorld #currentStatus fieldset input#btnStatusUpdate { bottom:4px; right:9px; } #myWorld #currentStatus fieldset.fsSharePhoto, #myWorld #currentStatus fieldset.fsShareLink, #myWorld #currentStatus fieldset.fsShareVideo { display:none; margin:0; border:none; } #myWorld #currentStatus.active fieldset.fsSharePhoto.active, #myWorld #currentStatus.active fieldset.fsShareLink.active, #myWorld #currentStatus.active fieldset.fsShareVideo.active{ display:block; } #myWorld #currentStatus fieldset.fsShareVideo { margin:6px; } #myWorld #currentStatus fieldset.fsShareLink input[type="text"], #myWorld #currentStatus fieldset.fsShareVideo input[type="text"] { width:302px; border:1px solid #B9BCC3; } #myWorld #currentStatus fieldset.fsShareLink label, #myWorld #currentStatus fieldset.fsSharePhoto label, #myWorld #currentStatus fieldset.fsShareVideo label { display:inline-block; width:80px; color:#737373; } #myWorld #currentStatus fieldset.fsShareVideo .lblvideoStatus { width:auto; } #myWorld #currentStatus fieldset.fsSharePhoto input[type="button"] { position:relative; margin:5px 0 0 10px; bottom:2px; } #myWorld #currentStatus fieldset.fsSharePhoto input[type="file"] { } #myWorld #newsFeedHeading { display: none; } #myWorld #newsFeedsList .likeDetails { background:#F2F2F2; border:1px solid #E8E9EB; padding:4px; margin:15px 0 3px 0; } #myWorld #newsFeedsList .likeDetails .like { background:url("../images/like-icon.png") no-repeat; padding-left:20px; margin-right:10px; } #myWorld #newsFeedsList .likeDetails .dislike { background:url("../images/dislike-icon.png") no-repeat 0px 3px; padding:0 0 3px 20px; } #myWorld #newsFeedsList .commentDetails { border:1px solid #E8E9EB; background:#F2F2F2 url("../images/comment-icon.png") no-repeat 5px 10px; padding:8px; padding-left:30px; } #myWorld ul#newsFeedsList li.album img.albumCover { margin-right:15px;} #myWorld #newsFeedsList .feedCommentsList { /*margin-left: 48px;*/ margin-left:45px; /*margin-top: 15px;*/ } #myWorld #newsFeedsList .feedCommentsList > li { /*margin-bottom: 15px;*/ } #myWorld #newsFeedsList .feedCommentsList .avatar { left: -42px; } #myWorld #newsFeedsList .feedCommentsList div.body { min-height: 16px; } #myWorld #newsFeedsList .feedCommentsList div.body ul.attributes li.status { top:40px; left:-41px; } #myWorld .commentOnFeeds { /*margin-top: 15px;*/ padding-bottom:3px; } #myWorld .commentOnFeeds.active { background:#F1F2F5; } #myWorld .commentOnFeeds .avatar { display:none; padding:0px; margin:5px 0 0 5px; } #myWorld .commentOnFeeds.active .avatar { display:block; } #myWorld .commentOnFeeds legend { display: none; } #myWorld .commentOnFeeds textarea { border: 1px solid #B9BCC3; height: 16px; padding: 2px; color:#737373; width:86%; margin:4px 0 0 41px; } #myWorld .commentOnFeeds textarea:focus { border: 1px solid #45688E; } #myWorld .commentOnFeeds ul.langSelect { margin-left:41px; } #myWorld .commentOnFeeds ul.langSelect li label { display:block; } #myWorld .commentOnFeeds input[type="button"] { margin-right:3px; } #myWorld ul#newsFeedsList li.album > .body .commands { padding-left:0px; } #myWorld ul#newsFeedsList li.album > .body h4 { font-weight:normal; margin-left:2px; } #myWorld ul#newsFeedsList li fieldset.fsReportFeed { display:none; border:1px solid #E8E9EB; background:#F2F2F2; padding:10px; margin-top:10px; } #myWorld ul#newsFeedsList li fieldset.fsReportFeed.active { display:block; } #myWorld ul#newsFeedsList li fieldset.fsReportFeed ul li { margin-bottom:5px; } #myWorld ul#newsFeedsList li fieldset.fsReportFeed ul li label { margin-left:5px; vertical-align:top; } #myWorld ul#newsFeedsList li fieldset.fsReportFeed textarea { width:99%; margin:0; } #myWorld ul#newsFeedsList li fieldset.fsReportFeed .compositionAid fieldset.btn { position:absolute; bottom:-10px; right:15px; border:none; background:none; } #myWorld ul#newsFeedsList li fieldset.fsReportFeed .compositionAid fieldset.btn input { position:relative; } /* Styling specific to the various content types in newsfeed */ #myWorld #newsFeedsList .video .body .title { background: url("../images/video.gif") no-repeat 0 0; padding-left: 20px; } #myWorld #newsFeedsList .video .body .videoclip { display: block; margin: 3px 5px; } #myWorld #newsFeedsList .tale .body .title { background: url("../images/tale.gif") no-repeat 0 -1px; padding-left: 20px; } #myWorld #newsFeedsList .tale .body .talecover { display: block; border: 1px solid #dedede; padding: 2px; margin: 3px 5px; } #myWorld #newsFeedsList .tale > .body .attributes li { color: #777; } #myWorld #newsFeedsList .tale > .body .attributes li.name { font-weight: bold; color: #52505c; } #myWorld #newsFeedsList .offer > .body { /*padding-bottom: 0;*/ border-bottom: none; } /*#myWorld #main #pageRep { top:-28px; }*/ #myWorld #contentFilter { width:155px; float:right; margin:82px 7px 10px 0; } #myWorld #contentFilter fieldset { margin-bottom:10px; } #myWorld #contentFilter fieldset#orderbyFilter ul{ padding-left:5px; } #myWorld #contentFilter fieldset h4{ background:#EAEAEA url("../images/arrow-close.png") no-repeat 3px 9px; margin-top:0px; margin-bottom: 0; padding:5px 0 5px 15px; border-top:1px solid #C3C3C3; /*display:block;*/ color:#737373; } #myWorld #contentFilter fieldset.active h4 {background-image: url("../images/arrow-down.png"); background-repeat: no-repeat; background-position: 3px center; margin-top:0px; border-top:1px solid #45688E; color:#45688E; } #myWorld #contentFilter fieldset ul, #myWorld #contentFilter fieldset select { display: none; } #myWorld #contentFilter fieldset.active ul { display: block; margin-top: 10px; padding-left:10px; } #myWorld #contentFilter fieldset li { margin: 5px 0; padding:2px 0; } #myWorld #contentFilter fieldset label { /*position: absolute;*/ position:relative; color: #52505c; display:block; margin:-15px 0 0 18px; padding-left:25px; } #myWorld #contentFilter fieldset.active select { display: block; width:155px; margin-top:10px; } /*Posts*/ #myWorld #contentFilter fieldset ul li label span { position:absolute; left:0px; top:-2px; background-image:url("../images/icons.png"); width:14px; height:16px; } #myWorld #contentFilter fieldset ul li.postStatus label span { background-position:976px 0; width:15px; } #myWorld #contentFilter fieldset ul li.postComment label span { background-position:800px 0; width:15px; } #myWorld #contentFilter fieldset ul li.postPictures label span { background-position:960px 0; } #myWorld #contentFilter fieldset ul li.postOffers label span { background-position:80px 0; width:15px; } #myWorld #contentFilter fieldset ul li.postVideos label span { background-position:863px 0; width:13px; } #myWorld #contentFilter fieldset ul li.postLinks label span { background-position:608px 0; width:15px; } #myWorld #contentFilter fieldset ul li.postTales label span { background-position:160px 0; width:15px; } #myWorld #contentFilter fieldset ul li.postEvents label span { background-position:368px 0; } #myWorld #contentFilter fieldset ul li.postGifts label span { background-position:272px 0; width:15px; } #myWorld #contentFilter fieldset ul li.postTags label span { background-position:655px 0; width:15px; } #myWorld #contentFilter fieldset ul li.postClubs label span { background-position:576px 0; width:15px; } #myWorld #contentFilter fieldset ul li.postDuduCity label span { background-position:191px 0; width:13px; } #myWorld #contentFilter fieldset ul li.editProfPict label span { background-position:976px 0; width:16px; } #myWorld #contentFilter fieldset ul li.wallPosts label span { background-position:752px 0; width:15px; } /*Updates*/ #myWorld #contentFilter fieldset ul li.updateFriendship label span { background-position:0 0; } #myWorld #contentFilter fieldset ul li.updateRelationship label span { background-position:416px 0; width:16px; } #myWorld #contentFilter fieldset ul li.updateProfile label span { background-position:976px 0; width:15px; } #myWorld #contentFilter fieldset ul li.updateFavorites label span { background-position:640px 0; } #myWorld #contentFilter fieldset ul li.updateOffers label span { background-position:863px 0; width:13px; } #myWorld #contentFilter fieldset ul li.updateComments label span { background-position:80px 0; width:15px; } #myWorld #contentFilter fieldset ul li.updateRating label span { background-position:176px 0; width:15px; } #myWorld #contentFilter fieldset ul li.updateTags label span { background-position:655px 0; width:15px; } #myWorld #contentFilter fieldset ul li.updateTranslations label span { background-position:384px 0; width:15px; } #myWorld #contentFilter fieldset ul li.updateApplications label span { background-position:64px 0; width:15px; } #myWorld #main #additionalContent { float:right; width:162px; display:none; } #myWorld #main #additionalContent > ul > li { position:relative; margin-bottom:20px; } #myWorld #main #additionalContent > ul > li > ul{ margin-bottom:10px; } #myWorld #main #additionalContent .close { text-indent:-9999px; background: url("../images/close-icon.png") no-repeat; width:5px ; height:6px; display:inline-block; position:absolute; bottom:0; right:5px;}/*float:right; margin-right:5px; */ #myWorld #main #additionalContent .showAll { position:absolute; top:5px; right:5px;} #myWorld #main #additionalContent #featured h3 { background-color:#e6e6e6; border-bottom: 1px solid #B9BCC3; padding:5px; } #myWorld #main #additionalContent #featured h4, #main #additionalContent #featured img, #main #additionalContent #featured ul { margin:2px 5px; margin-right: 0; } #myWorld #main #additionalContent #featured img { border: 1px solid #e2e2e2; padding: 2px; } #myWorld #main #additionalContent #featured .attributes { color:#737373; font-size:10px; } #myWorld #main #additionalContent #featured .attributes li.author { font-weight: bold; color: #52505c; font-size: 11px; } #myWorld #main #additionalContent #offerOfWeek .avatar {margin-right:5px; float: left;} #myWorld #main #additionalContent #offerOfWeek .offerQuestion { background:#fff; padding:7px; margin: 5px;} #myWorld #main #additionalContent #offerOfWeek .offerQuestion p{ margin:0 0 10px 0; } #myWorld #main #additionalContent #offerOfWeek .close { bottom: -10px; } /*end of My World*/ /* =myProfile */ body#myProfile{ /*width: 815px; when we go settings page content changes place*/ width:798px; } #myProfile div.warning { margin:10px; } #myProfile #main { margin-top:0px; } /*#myProfile #main { margin-top:-1px; to remove gap from the top see printscreen me-pageRep.jpg}*/ /*#myProfile #main #pageRep { top:-28px; }*/ /*Content*/ #myProfile #main #content { float: right; /*width:430px; when we go settings page content changes place*/ width:410px; margin-top:0px; margin-bottom:0px; } #myProfile #main #content h3.name { font-size:15px; color:#45688E; font-weight:bold; margin-left: 8px; margin-top: 0; } #myProfile #main #content div.active h3 { background-image: url("../images/arrow-down.png"); background-repeat:no-repeat; background-position: 5px 9px; border-top:1px solid #45688E; color:#45688E; } #myProfile #main #content div#myOffer { margin-left:9px; font-weight:bold; padding-bottom:8px; border-bottom:1px solid #C3C3C3; margin-bottom:5px; } #myProfile #main #content div#myOffer .statusEdit { float:right; font-weight:100; margin-right:5px; } #myProfile #main #content .genericComposition fieldset { background:none; border:none; } #myProfile #main #content .genericComposition .compositionAid { background:none; padding-left:12px; padding-right:10px; } #myProfile #main #content .genericComposition fieldset textarea { display:block; height:19px; } #myProfile #main #content .genericComposition input[type="button"] { right:9px; } #myProfile #main #content .genericComposition fieldset .loadingSignal { margin-top:0px; } #myProfile #main #content > div { position:relative; } #myProfile #main #content > div.active, #myProfile #main #content > div#basicInfo { margin-bottom:20px; } #myProfile #main #content div h3 { background:#EAEAEA url("../images/arrow-close.png") no-repeat 5px 9px; border-top:1px solid #C3C3C3; margin-top:0px; padding:5px 0 5px 20px; color:#737373; cursor:pointer; } #myProfile #main #content div.active h3 { background:#DAE2E8 url("../images/arrow-down.png") no-repeat 5px 9px; border-top:1px solid #45688E; padding:5px 0 5px 20px; margin-top:0px; color:#45688E; } #myProfile #main #content div h4 { display:none;} #myProfile #main #content > div > dl { margin: 0 10px; } #myProfile #main #content > div > a.edit { display:none; position:absolute; top:4px; right:3px; color:#95AAC0; } #myProfile #main #content div.active > a.edit { display:block; } #myProfile #main #content dt { position: relative; left: 0; /*top: 4px;*/ top:0px; width: 100px; color:#777; } /*font-weight: bold;*/ #myProfile #main #content dd { margin-left:100px; padding-left:15px; /*margin-top:-10px;*/ margin-top:-13px; min-height:15px;/*If it is emty it breaks*/ } /*padding: 0 0 15px 15px;*/ #myProfile #main #content #langProficiency .foreignLang li { display:inline-block; } #myProfile #main #content #placeCategories dl, #myProfile #main #content #placeCategories .initialActivity { margin-top: 10px; display:none; } #myProfile #main #content #placeCategories.active h4 { background:url("../images/arrow-down.png") no-repeat 5px 10px; background-color:#EAEAEA; margin-top:0px; } #myProfile #main #content #placeCategories.active dl, #myProfile #main #content #placeCategories .initialActivity { display:block; } #myProfile #main #content #placeCategories #houseOrBldg { position:relative; } #myProfile #main #content #placeCategories #houseOrBldg span { position:absolute; left:-100px; color:#777777;} #myProfile #main #content #placeCategories dd > ul > li { position:relative; } #myProfile #main #content #placeCategories ul li ul li { display:inline-block; } #myProfile #main #content #placeCategories .subCatName { position:absolute; left:-115px; color:#777777; } #myProfile #main #content #placeCategories dt { color:#363636; font-weight:bold; } #myProfile #main #content #placeCategories dd { margin-top:5px; } #myProfile #main #content #leisureActs dl, #myProfile #main #content #leisureActs .initialActivity { margin-top: 10px; display:none; } #myProfile #main #content #leisureActs.active h4 { background:url("../images/arrow-down.png") no-repeat 5px 10px; background-color:#EAEAEA; margin-top:0px; } #myProfile #main #content #leisureActs.active dl, #myProfile #main #content #leisureActs.active .initialActivity { display:block; } #myProfile #main #content #leisureActs dd > ul li { display:inline-block; } #myProfile #main #content fieldset h4 { background:#EAEAEA url("../images/arrow-down.png") no-repeat 5px 7px; border-top:1px solid #C3C3C3; margin-top:0px; padding:5px 0 5px 20px; color:#737373; } #myProfile #main #content fieldset.active h4 { background-image: url("../images/arrow-up.png"); background-repeat:no-repeat; background-position:5px 9px; border-top:1px solid #45688E; padding:5px 0 5px 20px; margin-top:0px; color:#45688E; } #myProfile #main #content fieldset h5 { display:none; } /*#myProfile #main #content fieldset textarea { display:none; width: 100%; border:1px solid #B9BCC3; color:#737373; height:16px; padding:2px; width:94%; margin: 0 10px; }*/ #myProfile #main #content fieldset.active textarea { display:block; } #myProfile #main #content fieldset#friendsOpinions ul { margin:5px 0 0 12px; } #myProfile #main #content fieldset#friendsOpinions ul li { display:inline-block; margin-right:5px; } /*endof Content*/ /*additionalContent*/ #myProfile #main #additionalContent { float: left; width:209px; /*margin-top: 12px;*/ margin-left: 5px; position:relative;} #myProfile #main #additionalContent h3 { display:none;} #myProfile #main #additionalContent div h4 { background:#EAEAEA url("../images/arrow-close.png") no-repeat 5px 9px; border-top:1px solid #C3C3C3; margin-top:0px; padding:5px 0 5px 20px; color:#737373; cursor: pointer; } #myProfile #main #additionalContent div h4 a { color:#737373; } #myProfile #main #additionalContent div.active h4 { background-image:url("../images/arrow-down.png"); background-repeat:no-repeat; background-position:5px 9px; border-top:1px solid #45688E; padding:5px 0 5px 20px; margin-top:0px; color:#45688E; } #myProfile #main #additionalContent div.active h4 a { color:#45688E; } #myProfile #main #additionalContent #profileImage .profilePic { display:none; max-width: 200px; } #myProfile #main #additionalContent #profileImage.profilePhoto .profilePic { display:block; } #myProfile #main #additionalContent #profileImage .wo-picture { display:none; border:1px solid #D7CF9E; background:#F4EBBD; width:196px; height:260px; text-align:center; padding-top:20px; } #myProfile #main #additionalContent #profileImage.profileAvatar .wo-picture { display:block; } #myProfile #main #additionalContent #profileImage .wo-picture a { font-weight:bold; } #myProfile #main #additionalContent #profileImage .wo-picture p.uploadNew a { padding-bottom:5px; border-bottom:1px solid #C3C3C3; } #myProfile #main #additionalContent #profileImage #changeProfilePict { display:none; width:100px; /*height:13px; in chinese this height is not enough*/ background:#FFF url("../images/editPhoto-icon.png") no-repeat 93% 6px; position:absolute; top:0px; right:0px; padding:8px; } #myProfile #main #additionalContent #profileImage #changeProfilePict.active { display:block; } #myProfile #main #additionalContent #profileImage #editProfilePict { display:none; position:absolute; top:0px; left:190px; white-space:nowrap; } #myProfile #main #additionalContent #profileImage #editProfilePict.active { display:block; } #myProfile #main #additionalContent #profileImage #editProfilePict h4 { background:#3B5998 url("../images/editPhoto-icon2.png") no-repeat 3px 6px; color:#F4EAEA; padding:5px 5px 5px 20px; margin-bottom:0px; } #myProfile #main #additionalContent #profileImage #editProfilePict ul { background:#F9F9F9; margin-left:20px; border:1px solid #C9C9C9; } #myProfile #main #additionalContent #profileImage #editProfilePict ul li a { display:block; padding:4px; } #myProfile #main #additionalContent #profileImage #editProfilePict ul li a:hover { border:1px solid #476D96; background:#6D8FB3; color:#E8EDDA; text-decoration:none; padding:3px; } #myProfile #main #additionalContent #myOtherInfo { /*margin: 0 10px 15px 10px;*/ margin: 15px 10px 15px 10px; } #myProfile #main #additionalContent #myOtherInfo li { padding:3px 0; border-bottom:1px solid #B9BCC3; position:relative; line-height: 18px; } #myProfile #main #additionalContent #myOtherInfo li.mood a.noMood { display:none; } #myProfile #main #additionalContent #myOtherInfo li.mood a.noMood.active { display:block; } #myProfile #main #additionalContent #myOtherInfo li.mood span { padding-left:30px; color:#45688E; display:none; } #myProfile #main #additionalContent #myOtherInfo li.mood span.active { display:block; } #myProfile #main #additionalContent #myOtherInfo li.mood span a { text-indent:-9999px; position:absolute; left:15px; background: url("../images/moods.png"); width:18px; height:17px; margin-top:-3px; } #myProfile #main #additionalContent #myOtherInfo li.mood.happy a { background-position:0px 0px; } #myProfile #main #additionalContent #myOtherInfo li.mood.neutral a { background-position:-18px 0px; } #myProfile #main #additionalContent #myOtherInfo li.mood.angry a { background-position:-36px 0px; } #myProfile #main #additionalContent #myOtherInfo li.mood.flirting a { background-position:-54px 0px; width:23px; } #myProfile #main #additionalContent #myOtherInfo li.mood.love a { background-position:-77px 0px; } #myProfile #main #additionalContent #myOtherInfo li.mood.sad a { background-position:-95px 0px; } #myProfile #main #additionalContent #myOtherInfo li.poke { border-left:1px solid #B9BCC3; border-right:1px solid #B9BCC3; padding-left:5px; background:url(../images/arrow-down.png) no-repeat scroll 175px 7px; } #myProfile #main #additionalContent #myOtherInfo li.poke .loadingSignal { margin-top:-2px; } #myProfile #main #additionalContent #myOtherInfo li.poke .pokeTypes { border:1px solid #96AABE; background:#F9F9F9; position:absolute; top:21px; left:-1px; display:none; z-index:10; width:187px; } #myProfile #main #additionalContent #myOtherInfo li.poke .pokeTypes.active { display:block; } #myProfile #main #additionalContent #myOtherInfo li.poke .pokeTypes li { margin-bottom:0px; padding:0; } #myProfile #main #additionalContent #myOtherInfo li.poke .pokeTypes li a { display:block; padding:4px; } #myProfile #main #additionalContent #myOtherInfo li.poke .pokeTypes li a:hover { border:1px solid #476D96; background:#6D8FB3; color:#E8EDDA; text-decoration:none; padding:3px; } #myProfile #main #additionalContent #myOtherInfo li.last { border:none; } #myProfile #main #additionalContent .selectMood { position:absolute; top:282px; left:170px; z-index:10; padding:0 0 20px 0; } #myProfile #main #additionalContent .selectMood.active h4 { background:#45688E; color:#fff; padding:8px 10px; margin:0; } #myProfile #main #additionalContent .selectMood span { color:#363636; } #myProfile #main #additionalContent .selectMood span:hover { color:#45688E; } #myProfile #main #additionalContent > div { position:relative; padding:0 5px; } #myProfile #main #additionalContent > div.active { margin-bottom: 15px; } #myProfile #main #additionalContent > div.profileImage { position:static; } #myProfile #main #additionalContent div.warning { padding:10px; } #myProfile #main #additionalContent div .showAll { display:none; /*background: url("../images/refresh.png") no-repeat 0px 1px;*/ padding-left:12px; position:absolute; top:7px; right:12px; font-size:10px; color:#95AAC0; } #myProfile #main #additionalContent div.active .showAll { display:block; } #myProfile #main #additionalContent div .close { display:none; text-indent:-9999px; background: url("../images/close-icon.png") no-repeat; width:5px ; height:6px; position:absolute; bottom:-8px; right:5px; } #myProfile #main #additionalContent div.active .close { display:block; } #myProfile #main #additionalContent > div > ul { color: #737373; } #myProfile #main #additionalContent > div > ul > li img { border:1px solid #DBDCD6; padding:2px; } #myProfile #main #additionalContent #friends ul , #myProfile #main #additionalContent #friends .initialActivity , #myProfile #main #additionalContent #viewOnlineFriends ul , #myProfile #main #additionalContent #album ul , #myProfile #main #additionalContent #video ul { display:none; } #myProfile #main #additionalContent #friends.active ul , #myProfile #main #additionalContent #friends.active .initialActivity , #myProfile #main #additionalContent #viewOnlineFriends.active ul , #myProfile #main #additionalContent #album.active ul , #myProfile #main #additionalContent #video.active ul { display:block; } #myProfile #main #additionalContent #friends li , #myProfile #main #additionalContent #viewOnlineFriends li , #myProfile #main #additionalContent #mutualFriends li , #myProfile #main #additionalContent #album li , #myProfile #main #additionalContent #video li { display:inline-block; position:relative; margin:5px 3px 0px 0; text-align: center; width: 60px; /* Do not increase this width as the listing breaks when the page is zoomed */ vertical-align:top; } #myProfile #main #additionalContent #friends li img , #myProfile #main #additionalContent #viewOnlineFriends li img , #myProfile #main #additionalContent #mutualFriends li img , #myProfile #main #additionalContent #album li img , #myProfile #main #additionalContent #video li img { border: none; display:block; margin-left:auto; margin-right:auto; margin-bottom:4.5px; } #myProfile #main #additionalContent #friends li a:hover , #myProfile #main #additionalContent #viewOnlineFriends li a:hover , #myProfile #main #additionalContent #mutualFriends li a:hover , #myProfile #main #additionalContent #album li a:hover , #myProfile #main #additionalContent #video li a:hover { text-decoration:none; } #myProfile #main #additionalContent #offer fieldset { display:none; } #myProfile #main #additionalContent #offer.active fieldset { display:block; } #myProfile #main #additionalContent #offer .offerQuestion { margin: 5px 0 0 0; } #myProfile #main #additionalContent #offer a.change { position:absolute; top:5px; right:10px; } #myProfile #main #additionalContent #photoAlbums ul { margin-top: 10px; display:none; } #myProfile #main #additionalContent #photoAlbums.active ul { display:block; } #myProfile #main #additionalContent #photoAlbums li { margin-bottom: 10px; } #myProfile #main #additionalContent #photoAlbums li dl { overflow: auto; } #myProfile #main #additionalContent #photoAlbums li dt.avatar { float: left; margin-right: 5px; border: none; padding: 0; } #myProfile #main #additionalContent #photoAlbums li dt a { font-weight:bold; } #myProfile #main #additionalContent #photoAlbums li dl dd { } #myProfile #main #additionalContent #duduTale ul { margin-top: 10px; display:none; } #myProfile #main #additionalContent #duduTale.active ul { display:block; } #myProfile #main #additionalContent #community ul { margin-top: 10px; display:none; } #myProfile #main #additionalContent #community.active ul { display:block; } #myProfile #main #additionalContent #community li { overflow: auto; } #myProfile #main #additionalContent #community .cmntyPic { float: left; margin-right: 5px; } #myProfile #main #additionalContent #community .title { font-weight: bold; } /*endof additionalContent*/ /*applications*/ #myProfile #main #applications { width:410px; float: right; padding-bottom:40px; } #myProfile #main #applications > div { position:relative; } #myProfile #main #applications div h3 { background:#EAEAEA url("../images/arrow-close.png") no-repeat 5px 9px; margin:0 0 5px 0; border-top:1px solid #C3C3C3; padding:5px 0 5px 20px; color:#737373; cursor:pointer; margin-bottom:30px; } #myProfile #main #applications div.active h3 { background-image:url("../images/arrow-down.png"); background-repeat:no-repeat; background-position: 5px 9px; color:#45688E; border-top:1px solid #45688E; } #myProfile #main #applications > div > div { display:none; } #myProfile #main #applications div.active > div { display:block; } #myProfile #main #applications div .crossContentList { padding-right:10px; } #myProfile #main #applications div .crossContentList > li { /*border: 1px solid #EEE; padding-top: 5px; padding-bottom: 5px;*/ } #myProfile #main #applications div .crossContentList > li ul.commands li.requestSent a { color:#A75A5A; } #myProfile #main #applications div .crossContentList > li ul.wallSelections { display:none; margin:25px 0 10px 50px; } #myProfile #main #applications div .crossContentList > li ul.wallSelections.active { display:block; } #myProfile #main #applications div .crossContentList > li ul.wallSelections li { display:inline-block; margin-right:10px; } #myProfile #main #applications div .crossContentList > li #frmAnswerWall { margin:10px 0 0 -52px; } #myProfile #main #applications div .crossContentList > li p.deletedMsg { margin:10px 0 0 -52px; } #myProfile #main #applications div fieldset label.WallMsgLabel { position:absolute; top:10px; left:14px; color:#777777; } #myProfile #main #applications #wallMessages .body .likeDetails { background:#F2F2F2; border:1px solid #E8E9EB; padding:8px; margin:15px 0 3px 0; } #myProfile #main #applications #wallMessages .body .likeDetails .like { background:url("../images/like-icon.png") no-repeat; padding-left:20px; margin-right:10px; } #myProfile #main #applications #wallMessages .body .likeDetails .dislike { background:url("../images/dislike-icon.png") no-repeat 0px 3px; padding:0 0 3px 20px; } #myProfile #main #applications #wallMessages .body .loadingSignal { position:absolute; top:5px; right:3px; } #myProfile #main #applications #wall .wallMess { display:none; } #myProfile #main #applications #wall #frmAddWallMsg { /*margin:0 10px;*/ } #myProfile #main #applications #wall #frmAddWallMsg fieldset { /*padding-top:6px; padding-bottom:6px;*/ border:none; background:none; } #myProfile #main #applications #wall #frmAddWallMsg fieldset textarea { width:94.3%; margin:0 10px; } #myProfile #main #applications #wall #frmAddWallMsg fieldset .compositionAid { padding-left:12px; margin-bottom:0px; background:none; } #myProfile #main #applications #wall #frmAddWallMsg fieldset .compositionAid input[type="button"] { right:10px; bottom:0px; } #myProfile #main #applications #wallMessages fieldset { border:none; background:none; } #myProfile #main #applications #wallMessages fieldset textarea { margin:6px 0 6px 5px; width:97.4%; } #myProfile #main #applications #wallMessages fieldset .compositionAid { padding-left:7px; padding-top:0px; background:none; } #myProfile #main #applications #wallMessages fieldset .compositionAid input[type="button"] { right:0px; bottom:1px; } #myProfile #main #applications #wall div.wallPage { position:absolute; top:19px; right:0px; margin-top:5px; display:block; background:#EAEAEA; padding:3px; width:98.5%; } #myProfile #main #applications #wall div.wallPage span { color:#737373; font-size:10px; } #myProfile #main #applications #wall div.wallPage ul { position:absolute; right:10px; top:3px; } #myProfile #main #applications #wall div.wallPage ul li { display:inline-block; margin-right:2px;/*Adil wanted to put this*/ } #myProfile #main #applications #wall div.wallPage ul li a { font-weight:bold; } #myProfile #main #applications #wall div.wallPage ul li.next a { font-weight:normal; padding-left:5px; } #myProfile #main #applications #wall .allFunctions { text-align:right; margin:0 11px 10px 0; } #myProfile #main #applications #wall .genericComposition .compositionAid .loadingSignal { position:absolute; right:60px; } /*endof applications*/ /*Updates*/ #myWorld #main #content form#frmUpdates div h4 { background:#EAEAEA url("../images/arrow-close.png") no-repeat 5px 9px; border-top:1px solid #C3C3C3; margin-top:0px; padding:5px 0 5px 20px; color:#737373; } #myWorld #main #content form#frmUpdates div.active h4 { background-image: url("../images/arrow-down.png"); background-repeat:no-repeat; background-position:5px 9px; border-top:1px solid #45688E; padding:5px 0 5px 20px; margin-top:0px; background-color:#DAE2E8; border-top:1px solid #3B5998; color:#3B5998; } #myWorld #main #content form#frmUpdates div ul { display:none; } #myWorld #main #content form#frmUpdates div.active ul { display:block; margin-bottom:20px; } #myWorld #main #content form#frmUpdates div ul li { position:relative; margin-bottom:10px; padding-left:30px; padding-bottom:5px; border-bottom:1px solid #F1F1F1; } #myWorld #main #content form#frmUpdates div ul li .photo { display:block; margin:5px 0; width:60px; } #myWorld #main #content form#frmUpdates div ul li .photo img { padding:2px; border:1px solid #DBDCD6; } #myWorld #main #content form#frmUpdates div ul li .profilePict { display:block; margin-top:5px; width:46px; } #myWorld #main #content form#frmUpdates div ul li .profilePict img { padding:2px; border:1px solid #DBDCD6; } #myWorld #main #content form#frmUpdates div ul li .video { display:block; margin:5px 0; width:75px; } #myWorld #main #content form#frmUpdates div ul li .video img { padding:2px; border:1px solid #DBDCD6; } #myWorld #main #content form#frmUpdates div ul li span { display:block; background-image:url(../images/icons.png); width:14px; height:16px; position:absolute; top:0px; left:3px; margin-right:5px; } #myWorld #main #content form#frmUpdates div ul li.frienship span { background-position:0 0; } #myWorld #main #content form#frmUpdates div ul li.multiFriendship span { background-position:1105px 0; width:17px; } #myWorld #main #content form#frmUpdates div ul li.relationship span { background-position:416px 0; width:16px; } #myWorld #main #content form#frmUpdates div ul li.relationshipEdit span { background-position:400px 0; width:16px; } #myWorld #main #content form#frmUpdates div ul li.commentEvent span { background-position:368px 0; } #myWorld #main #content form#frmUpdates div ul li.taggedPhoto span { background-position:912px 0; width:16px; } #myWorld #main #content form#frmUpdates div ul li.taggedVideo span { background-position:832px 0; width:16px; } #myWorld #main #content form#frmUpdates div ul li.editProfile span { background-position:976px 0; width:15px; } #myWorld #main #content form#frmUpdates div ul li.translated span { background-position:384px 0; width:16px; } #myWorld #main #content form#frmUpdates div ul li.favoriteWriter span { background-position:32px 0; width:16px; } #myWorld #main #content form#frmUpdates div ul li.favoriteFriend span { background-position:1072px 0; width:15px; } #myWorld #main #content form#frmUpdates div ul li.favoriteNote span { background-position:224px 0; width:15px; } #myWorld #main #content form#frmUpdates div ul li.favoriteTale span { background-position:144px 0; width:15px; } #myWorld #main #content form#frmUpdates div ul li.taggedTale span { background-position:112px 0; width:16px; } /*endof Updates*/ .gddModalAlert#pupRemoveProfPict { width:350px; top:200px; left:300px; } .gddModalAlert#pupRemoveProfPict p { text-align:center; margin:30px 10px; } .gddModalAlert#pupUploadProfPict { width:350px; top:70px; left:350px; } .gddModalAlert#pupUploadProfPict p { margin:30px 10px; color:#737373; } .gddModalAlert#pupUploadProfPict fieldset { padding:0 30px; } .gddModalAlert#pupUploadProfPict fieldset label { display:none; } .gddModalAlert#pupUploadProfPict fieldset #btnUpload { margin:10px 0 20px 152px; } .gddModalAlert#pupUploadProfPict .alertMid span { position:absolute; top:150px; left:40px; font-size:10px; color:#737373; } #myProfile .gddModalAlert#pupRemoveFriend { width:350px; top:20px; left:91px; } #myProfile .gddModalAlert#pupRemoveFriend div .alertMid { padding-top:20px; text-align:center; } .gddModalAlert#pupPrivateMessage2 div .alertMid form { background:#FFF; padding:15px 10px; position:relative; /* overflow:hidden;for chrome and safari*/ } .gddModalAlert#pupPrivateMessage2 div .alertMid form dl { float:right; margin-bottom:10px; } .gddModalAlert#pupPrivateMessage2 div .alertMid form dt { position: relative; left: 0; top: 6px; width: 80px; color:#777777; } .gddModalAlert#pupPrivateMessage2 div .alertMid form dd { position:relative; margin-left:80px; padding-left:15px; margin-top:-8px; } .gddModalAlert#pupPrivateMessage2 div .alertMid form dd .langSelect textarea, .gddModalAlert#pupPrivateMessage2 div .alertMid form dd .langSelect input[type="text"] { margin:0; width:310px; padding-left:3px; } .gddModalAlert#pupPrivateMessage2 div .alertMid form dd .langSelect textarea#taMsgSubject { height:18px; } .gddModalAlert#pupPrivateMessage2 div .alertMid form dd .langSelect textarea#taNewMsg { height:100px; } .gddModalAlert#pupPrivateMessage2 div .alertMid form dd .langSelect label.MsgLabel { display:none; } .gddModalAlert#pupPrivateMessage2 div .alertMid form dd .langSelect ul { margin-left:2px; } .gddModalAlert#pupPrivateMessage2 div .alertMid form .history { bottom:-37px; left:10px; position:absolute; } /*endof myProfile*/ /*Wall*/ /*#myWall #main #pageRep { top:-29px; }*/ #myWall #main #content { background:#fff; border:1px solid #D6D6D6; width:96%; margin-top:40px; } #myWall #main #content p#wallMessage { position:absolute; top:-37px; left:0px; color:#737373; font-size:12px; font-weight:bold; } #myWall #main #content .crossContentList h4 { display:none; } #myWall #main #content .crossContentList > li { border:none; } #myWall #main #content #wallMessages .genericComposition fieldset { padding-top:6px; } #myWall #main #content #wallMessages .genericComposition fieldset textarea { width:97%; } #myWall #main #content #wallMessages .genericComposition fieldset .compositionAid { margin-bottom:6px; padding-left:7px; } #myWall #main #content #wallMessages .genericComposition fieldset .compositionAid input[type="button"] { bottom:4px; right:7px; } #myWall #main #content #wallMessages .body .loadingSignal { position:absolute; top:5px; right:3px; } #myWall #main #content #wallMessages .genericComposition .loadingSignal { position:absolute; right:60px; } #myWall #main #content .pagination { position:absolute; top:-15px; right:5px; } #myWall #main #content .pagination li { display:inline-block; margin-right:3px; } #myWall #main fieldset label.WallMsgLabel { position:absolute; top:10px; left:4px; color:#777777; } #myWall #main .btnLink { display:inline-block; margin-left:auto; margin-right:auto; } /* endof Wall*/ /*Settings*/ /*#settings #main #pageRep { top:-58px; border-bottom:1px solid #D6D6D6; }*/ #settings #main #content { margin-left:90px; } #settings #main #content h4 { color:#45688E; font-weight:bold; padding-bottom:5px; border-bottom:1px solid #B9C4DA; margin-top:30px; } #settings #main #content fieldset.inactive { display:none; } #settings #main #content p.info { display:none; color:#737373; } #settings #main #content p.info.active { display:block; } #settings #main #content .dataCapture label { color:#737373; text-align:left; vertical-align:middle; margin-right:10px; } #settings #main #content input[type="text"], #settings #main #content input[type="password"] { color:#737373; font-size:10px; padding:3px 0 5px 3px; } #settings #main #content fieldset.btn { padding-left:144px; } #settings #main #content ol.optionalServices { margin:20px 0 0 150px; } #settings #main #content ol.optionalServices li input { margin-right:5px; } #settings #main #content ol.optionalServices li label { color:#363636; text-align:left; vertical-align:top; } #settings #main #content form#renewPasswordForm ul { margin-left:15px; } #settings #main #content form#renewPasswordForm ul li { color:#45688E; list-style-type:square; } #settings #main #content form#renewPasswordForm ul li span { color:#363636; } #settings #main #content form#renewNickForm span.infoSpan { color:#737373; font-size:10px; display:block; margin: 10px 80px 10px 144px; } #settings #main #content form#renewEmailForm span { color:#737373; } #settings #main #content form#renewEmailForm span.infoSpan { font-size:10px; display:block; margin: 10px 0px 10px 144px; } #settings #main #content form#renewTimeZoneForm { position:relative; padding-bottom:30px; } #settings #main #content form#renewTimeZoneForm ol li.selectionWatch { position:absolute; bottom:-10px; left:144px; } #settings #main #content form#renewTimeZoneForm ol li.selectionWatch label { vertical-align:top; text-align:left; margin-left:5px; color:#363636; } #settings .gddModalAlert#pupChangeName { width:350px; top:950px; left:225px; } #settings .gddModalAlert#pupChangeName .alertMid { padding:20px; } #settings #main #content.blackList ul.blackListFriends li { position:relative; border:1px solid #D6D6D6; background:#FFF; } #settings #main #content.blackList ul.blackListFriends li h5 { position:absolute; top:0px; left:65px; color:#45688E; font-weight:normal; margin-top:5px; } #settings #main #content.blackList ul.blackListFriends li a.remove { position:absolute; bottom:3px; right:3px; } #settings #main #content.privacy { /*margin-left:110px;*/ margin-left:75px; width:490px; } #settings #main #content.privacy ol li label { width:auto; margin:0 0 0 10px; vertical-align:top; } #settings #main #content.privacy ol li input, #settings #main #content.privacy ol li select { vertical-align:top; } #settings #main #content.privacy ol li span { display:inline-block; /*width:317px; in chinese IE7 it is broken*/ width:314px; /*text-align:right;*/ margin-right:10px; } #settings #main #content.privacy ol li a { vertical-align:top; } #settings #main #content.privacy ol li select { width:160px; } #settings #main #content.privacy ol li span.statusMsg { width:auto; } #settings #main #content.privacy ol li span.certainFriend { background:#F4EFBD; padding:4px; display:inline; color:#363636; } #settings #main #content.blackList fieldset.btn, #settings #main #content.privacy fieldset.btn{ padding-left:0px; text-align:center; } #settings #main #content.privacy ul.myStatuses { border:1px solid #96AABE; background:#FFF; position:absolute; top:17px; right:82px; width:187px; display:none; z-index:10; } #settings #main #content.privacy ul.myStatuses.active { display:block; } #settings #main #content.privacy ul.myStatuses li { margin-bottom:0px; } #settings #main #content.privacy ul.myStatuses li a { display:block; padding:4px; } #settings #main #content.privacy ul.myStatuses li a:hover { border:1px solid #476D96; background:#6D8FB3; color:#E8EDDA; text-decoration:none; padding:3px; } #settings #main #content.privacy fieldset ol > li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #settings #main #content.privacy .certainFriends { float:right; margin:-2px 35px 0 0; width:250px; } #settings #main #content.privacy .certainFriends ul li { display:inline; } #settings .gddModalAlert#pupSuggestFriend { bottom:20px; left:200px; } #settings .gddModalAlert#pupChatInfo { bottom:50px; left:200px; z-index:20; } #settings .gddModalAlert#pupChatInfo .alertMid { padding:15px; } #settings .gddModalAlert#pupChatInfo .alertMid p { line-height:20px; } #settings .gddModalAlert#pupChatInfo .alertMid p .strong { font-weight:bold; } #settings .gddModalAlert#pupChatInfo .alertMid p .weak { font-style:italic; } #settings .gddModalAlert#pupChatInfo .alertMid p .important { color:#A75A5A; } #settings #main #content.translate h4 { width:380px; display:inline-block; } #settings #main #content.translate fieldset { position: relative; } #settings #main #content.translate fieldset .emailingNotf { position:absolute; top:30px; right:3px; } #settings #main #content.translate fieldset .emailingNotf label { color:#737373; margin-right:3px; } #settings #main #content.translate fieldset ol { padding-left:20px; } #settings #main #content.translate fieldset ol > li { position:relative; margin-bottom:10px; border-bottom:1px solid #EBECEF; padding:5px 0; } #settings #main #content.translate fieldset ol li span { width:250px; display:inline-block; } #settings #main #content.translate fieldset ol li label { width:380px; display:inline-block; } #settings #main #content.translate fieldset ol li input.email { margin-left:25px; } #settings #main #content.translate fieldset.btn { padding-left:0px; text-align:center; } #settings #main #content.notification h4 { width:340px; display:inline-block; } /*#settings #main #content.notification h4 input { position: absolute; top:32px; left:-28px; }*/ #settings #main #content.notification fieldset { position: relative; } #settings #main #content.notification fieldset .notfType { position:absolute; top:33px; right:23px; text-align:right; } #settings #main #content.notification fieldset .notfType div { margin-bottom:10px; } #settings #main #content.notification fieldset .notfType div span.web, #settings #main #content.notification fieldset .notfType div span.email { color:#737373; font-weight:bold; margin-left:15px; } #settings #main #content.notification fieldset .notfType div span.all { margin-right:5px; } #settings #main #content.notification fieldset .notfType div span a { text-decoration:none; } #settings #main #content.notification fieldset .notfType div .colWeb { margin-right:24px; } #settings #main #content.notification fieldset ol { margin-top:20px; } #settings #main #content.notification fieldset ol > li { position:relative; border-bottom:1px solid #EBECEF; padding:5px 0; } #settings #main #content.notification fieldset ol li label { width:256px; display:inline-block; } #settings #main #content.notification fieldset ol li input.email { margin-left:25px; } #settings #main #content.notification fieldset.btn { padding-left:0; text-align:center; margin-top:10px; } /*endof Settings*/ /*Registration*/ #registration #navigation ul#auxNav { position:absolute; right:-642px; top:-65px; } #registration #navigation ul#auxNav li#logIn a { color:#E6E8EA; font-weight:bold; border-left:1px solid #8E9FC9; padding:13px; } #registration #navigation ul#auxNav li#register a { color:#E6E8EA; font-weight:bold; border-left:1px solid #8E9FC9; border-right:1px solid #8E9FC9; padding:13px; } #registration #navigation ul#auxNav li#logout a { right:70px; } #registration #main { margin-left:0px; margin-right:155px; } /*#registration #main #pageRep { top:-29px; }*/ #registration #main #content { background:#FFFFFF; border:1px solid #D6D6D6; padding:20px; margin:30px 0 30px 20px; width:560px; position:relative; float:none; } #registrationForm ol li input[type="text"], #registrationForm ol li input[type="password"] { color:#363636; font-size:10px; padding:3px 0 5px 3px; } #registrationForm ol li select { width:193px; } #registrationForm ol li#gender span.label { display:inline-block;width:130px; } #registrationForm ol li#gender span.label span { display:inline-block; text-indent:-9999px; background: url("../images/star.png") no-repeat; width:5px ; height:5px; position:absolute; top:5px; left:330px; } #registrationForm ol li#gender label { width:auto; vertical-align:top; } #registrationForm ol li#gender label input { margin-right:5px; vertical-align:bottom; } #registrationForm ol li#gender span.fieldErrorMsg { position:absolute; top:-3px; left:330px; } #registrationForm ol li.birthDate select { width:59px; margin-right:5px; } #registrationForm ol li.birthDate span.fieldErrorMsg { margin-left:10px; } #registrationForm ol li#checkboxTerms { position:relative; } #registrationForm ol li#checkboxTerms label { width:400px; position:absolute; top:50px; left:135px; } #registrationForm ol li#checkboxTerms label span { color:#45688E; } #registrationForm ol li#checkboxTerms #cbTermsNService { display:none; } #registrationForm ol li .questions a { margin-left:135px; } #registration #main #content .pictMess{ position:absolute; right:90px; top:110px; } #registration #main #content .btnReady{ position:absolute; right:160px; top:150px; } /*#registration #main #content fieldset.btn { margin-left:200px;}*/ #registration #login { position:absolute; top:65px; right:0px; /*width:145px; it is going down in IE8 if we make zoom*/ width:144px; } #registration #login ol li label { vertical-align:top; width:120px; } #registration #login ol li.email label, #registration #login ol li.password label { display:none; } #registration #login label span { left:135px; display:block; } #registration #login input[type="text"], #registration #login input[type="password"] { width:140px; color:#737373; font-size:10px; padding:3px 0 5px 3px; } #registration #login .btn { padding-left:0px; } #registration #siteInfo { margin-left:0px; } #registrationConfirm #navigation ul#auxNav { position:absolute; right:-642px; top:-65px; } #registrationConfirm #navigation ul#auxNav li#logIn a { color:#E6E8EA; font-weight:bold; border-left:1px solid #8E9FC9; padding:13px; } #registrationConfirm #navigation ul#auxNav li#register a { color:#E6E8EA; font-weight:bold; border-left:1px solid #8E9FC9; border-right:1px solid #8E9FC9; padding:13px; } #registrationConfirm #navigation ul#auxNav li#logout a { right:70px; } #registrationConfirm #main { margin-left:0px; margin-right:155px; } #registrationConfirm #login { position:absolute; top:76px; right:0px; /*width:145px; it is going down in IE8 if we make zoom*/ width:144px; } #registrationConfirm #login ol li label { vertical-align:top; width:120px; /*for not change the place of page*/ } #registrationConfirm #login ol li.email label, #registrationConfirm #login ol li.password label { display:none; } #registrationConfirm #login label span { left:135px; } #registrationConfirm #login input[type="text"], #registrationConfirm #login input[type="password"] { width:140px; color:#737373; font-size:10px; padding:3px 0 5px 3px; } #registrationConfirm #login .btn { padding-left:0px; } /*#registrationConfirm #main #pageRep { top:-29px; }*/ #registrationConfirm #main #content { background:#FFFFFF; border:1px solid #D6D6D6; padding:20px; width:550px; margin: 30px; margin-right: 0px; position:relative; float:none; } #registrationConfirm #main #content h3 { position:absolute; top:-30px; left:0px; color:#737373; } #registrationConfirm #main #content p { margin-top:30px; line-height:20px; } #registrationConfirm #main #content p span { font-weight:bold; display:block; margin-bottom:20px; } #registrationConfirm #main #content p#validateWarning { display:none; background:#FFEFE8; border:1px solid #E89B88; font-weight:bold; padding:5px; position:absolute; top:-20px; left:13px; } #registrationConfirm #main #content #validateWarning.active { display:block; } #registrationConfirm #main #content a.btnLink { margin-left:220px; } #registrationConfirm #siteInfo { margin-left:0px; } #registrationValidated #navigation ul#auxNav li#logout a { right:70px; } /*normally it must be 210 but for registartion pages it is 70 we must change this*/ /*#registrationValidated #main #pageRep { top:-28px; }*/ #registrationValidated #content { background:none; border:none; padding:0; width:550px; } #registrationValidated #content p#validateInfo { background:#F4EBBD; border:1px solid #D7CF9E; padding:5px; font-weight:bold; text-align:center; width:110%; } #registrationValidated #login { position:absolute; right:-148px; top:65px; width:144px; } #registrationValidated #login ol li label { vertical-align:top; width:120px; } #registrationValidated #login ol li.email label, #registrationValidated #login ol li.password label { display:none; } #registrationValidated #login input[type="text"], #registrationValidated #login input[type="password"] { color:#737373; font-size:10px; padding:3px 0 5px 3px; width:140px; } #registrationValidated #login fieldset.btn { margin-bottom:10px; padding:0; } #registrationUploadPict #navigation ul#auxNav li#logout a { right:70px; } /*normally it must be 210 but for registartion pages it is 70 we must change this*/ /*#registrationUploadPict #main #pageRep { top:-58px; border-bottom:1px solid #D6D6D6; }*/ #registrationUploadPict #main #content { padding:10px 40px; } #registrationUploadPict #main #content h4 { border-bottom:1px solid #B9C4DA; color:#45688E; font-weight:bold; padding-bottom:5px; } #registrationUploadPict #main #content .dataCapture label { width:auto; } #registrationUploadPict #main #content p.formOverview { line-height:20px; } #registrationUploadPict #main #content fieldset { /*margin-left:70px;*/ } #registrationUploadPict #main #content fieldset label { color:#737373; /*vertical-align:bottom;*/ } #registrationUploadPict #main #content fieldset.fsUploadPhoto { margin:20px 0 0 78px; } #registrationUploadPict #main #content fieldset.fsUploadPhoto input { margin-right:10px; } #registrationUploadPict #main #content fieldset.fsUploadPhoto a { vertical-align:bottom; line-height:20px; } #registrationSavePict #navigation ul#auxNav li#logout a { right:70px; } /*normally it must be 210 but for registartion pages it is 70 we must change this*/ /*#registrationSavePict #main #pageRep { top:-58px; border-bottom:1px solid #D6D6D6; }*/ #registrationSavePict #main #content { width:500px; /*margin-right:45px; margin-bottom:30px; */ margin:30px; /*float:right;*/ height:auto; } #registrationSavePict #main #content h4 { border-bottom:1px solid #B9C4DA; color:#45688E; font-weight:bold; padding-bottom:5px; margin-top:0px; } #registrationSavePict #main #content .registPhoto { width:200px; float:left; } #registrationSavePict #main #content .registPhoto img { max-width:200px; margin-left:auto; margin-right:auto; display:block; } #registrationSavePict #main #content form { margin-left:220px; } #registrationSavePict #main #content form p { line-height:20px; } #registrationSavePict #main #content fieldset label { display:none; } #registrationSavePict #main #content .dataCapture .btn { padding-left:0px; margin-top:30px; /*position:absolute; left:220px; bottom:0px; if photo is smaller buttons come over text*/ } #registrationSavePict #main #content form ul.photoUploadCommands { margin-top:70px; } #registrationSavePict #main #content form ul.photoUploadCommands li { display:inline-block; margin-right:40px; } #registrationSavePict #main #content form ul.photoUploadCommands li.skip { position:absolute; bottom:-13px; right:-125px;} #registrationSavePict #main #content form ul.photoUploadCommands li a { font-weight:bold; } #registrationSavePict #main #content form ul.photoUploadCommands li span { display:block; color:#737373; margin-top:10px; } .gddModalAlert#pupWebcamPicture { width:408px; } .gddModalAlert#pupWebcamPicture .alertMid { padding:10px; } .gddModalAlert#pupWebcamPicture .alertMid img { border:4px solid #F2F2F2; } #importContacts #navigation ul#auxNav li#logout a { right:70px; } /*normally it must be 210 but for registartion pages it is 70 we must change this*//*after i changed body id it is fixed*/ /*#importContacts #main #pageRep { top:-58px; border-bottom:1px solid #D6D6D6; }*/ #importContacts #main #content { margin:20px; } #importContacts #main #content h4 { border-bottom:1px solid #B9C4DA; color:#45688E; font-weight:bold; padding-bottom:5px; } #importContacts #main #content ul { margin:0 0 50px 30px; } #importContacts #main #content ul li { color:#45688E; list-style-type:square; margin-bottom:5px; } #importContacts #main #content ul li span { color:#363636; } #importContacts #main #content form { margin-left:120px; } #importContacts #main #content form ol li input[type="text"] { font-size:11px; color:#000; } #importContacts #main #content form ol li label { color:#737373; } #importContacts #main #content form ol li label span { left:330px; } #importContacts #main #content form ol li span.info { display:block; font-size:10px; color:#737373; margin:3px 0 0 133px; } #importContacts #main #content form fieldset.btn { padding-left:133px; } #importContacts #main #content p.invitationWarning { display:none; background:#F4EBBD; border:1px solid #D7CF9E; padding:5px; font-weight:bold; text-align:center; width:110%; } #importContacts #main #content p.invitationWarning.active { display:block; } #importContacts a.skip { margin-left:15px; vertical-align:bottom; } #importContacts .gddModalAlert#pupFriendInvite { width:350px; top:220px; left:230px; } #importContacts .gddModalAlert#pupFriendInvite .contInfo { border-bottom:1px solid #AAA; padding:10px; } #importContacts .gddModalAlert#pupFriendInvite ul.invitationList { background:#F7F7F7; max-height:230px; overflow:auto; } #importContacts .gddModalAlert#pupFriendInvite ul.invitationList li { border-bottom: 1px solid #DFE1E3; padding:5px; margin:0 3px; } #importContacts .gddModalAlert#pupFriendInvite ul.invitationList li.duduMember { background: url("../images/dudu-icon.png") no-repeat 4px 5px; } #importContacts .gddModalAlert#pupFriendInvite ul.invitationList li.duduMember input.cbInviteFriend { display:none; } #importContacts .gddModalAlert#pupFriendInvite ul.invitationList li.duduMember span.name { padding-left:26px; display:inline-block; max-width:130px; } #importContacts .gddModalAlert#pupFriendInvite ul.invitationList li.newMember span.name { padding-left:10px; display:inline-block; max-width:130px; vertical-align:top; } #importContacts .gddModalAlert#pupFriendInvite ul.invitationList li .inviteAction { float:right; } #importContacts .gddModalAlert#pupFriendInvite ul.invitationList li span.inviteAction.added, #importContacts .gddModalAlert#pupFriendInvite ul.invitationList li span.inviteAction.mail { color:#737373; } #registrationFinalize #navigation ul#auxNav li#logout a { right:70px; } /*normally it must be 210 but for registartion pages it is 70 we must change this*/ /*#registrationFinalize #main #pageRep { top:-28px; }*/ #registrationFinalize #main #content div { font-weight:bold; width:129%; } #registrationFinalize #main #content p { width:133%; text-align:center; } .gddModalAlert.captcha { width:350px; } .gddModalAlert#pupRegisterVerify { width:350px; top:320px; left:100px; } .gddModalAlert#pupRegisterVerify .alertMid { padding:20px; } .gddModalAlert#pupRegisterVerify .alertMid input { display:block; width:130px; margin:10px auto; } .gddModalAlert#pupRegisterVerify .alertMid img { margin:0 89px; } .gddModalAlert#pupRegisterVerify .alertMid p { color:#45688E; text-align:center; } #whyDoINeedToProvideLang { top: 31%; } .gddModalAlert#pupProvideLang { width:350px; top:250px; left:100px; } .gddModalAlert#pupProvideLang .alertMid { padding:15px; } .gddModalAlert#pupProvideLang .alertMid p { line-height:20px; } .gddModalAlert#pupProvideLang .alertMid p span { font-weight:bold; } .gddModalAlert#pupProvideLang .alertMid ul { padding-left:20px; } .gddModalAlert#pupProvideLang .alertMid ul li { color:#45688E; list-style-type:square; margin-bottom:5px; } .gddModalAlert#pupProvideLang .alertMid ul li span { color:#363636; } .gddModalAlert #friendInvite fieldset label { display:none; } .gddModalAlert #friendInvite .control { border:none; } /*endof Registration*/ /*Login*/ /*#loginPage #main #pageRep { top:-29px; }*/ #loginPage #main { margin-left:0; margin-left:155px; } #loginPage #navigation #auxNav { top:0; left:650px; text-align:left; } #loginPage #navigation #auxNav li { display:block; margin-bottom:5px; } #loginPage #navigation #auxNav li a { color:#45688E; font-weight:bold; } #loginPage #siteInfo { margin-left:0; } #loginPage #main #content { width:96%; margin:12px 12px 30px 12px; } #loginPage #main #content form{ margin:30px auto 0 auto; width:380px; } #loginPage #main #content form#login ol li.password { margin-bottom:20px; } #loginPage #main #content form#login ol li.remember { margin-left:140px; } #loginPage #main #content form#login ol li.password.error input[type="password"] { border:1px solid #914E4E; } #loginPage #main #content form#login ol li.email label, #loginPage #main #content form#login ol li.password label { text-align:right; margin-right:5px; color:#737373; } #loginPage #main #content form#login ol li label span { display:none; } #loginPage #main #content form#login input[type="text"], #loginPage #login input[type="password"] { font-size:10px; padding:3px 0 5px 3px; width:155px; } #loginPage #main #content form#login fieldset.btn { padding-left:138px; margin:8px 0 10px 0; } #loginPage #main #content form#login ol li a.forgotPassword { position:absolute; bottom:-48px; left:140px; } #loginPage #main #content form#login a.forgotPassword { margin:5px 0 0 142px; } #loginPage #main #content.forgotPassword { width:460px; margin-left:25px; } #loginPage #main #content.forgotPassword h4 { border-bottom:1px solid #B9C4DA; color:#45688E; font-weight:bold; padding:0 0 5px 5px; } #loginPage #main #content.forgotPassword p { padding-left:7px; } #loginPage #main #content.forgotPassword fieldset { text-align:center; } #loginPage #main #content.forgotPassword fieldset legend { display:none; } #loginPage #main #content.forgotPassword fieldset label { color:#737373; } #loginPage #main #content.forgotPassword fieldset input[type="text"] { margin-bottom:25px; width:155px; padding:3px; } #loginPage #main #content.confirmation{ width:460px; margin-left:25px; } #loginPage #main #content.confirmation h4 { border-bottom:1px solid #B9C4DA; color:#45688E; font-weight:bold; padding:0 0 5px 5px; } #loginPage #main #content.confirmation p { padding-left:7px; } #loginPage #main #content.confirmation form { width:auto; float:right; margin-right:130px; } #loginPage #main #content.confirmation fieldset label { vertical-align:middle; color:#737373; } #loginPage #main #content.confirmation fieldset input[type="text"] { padding:3px; width:85px; } #loginPage #main #content.confirmation fieldset input[type="submit"] { float:right; margin-top:30px; } #loginPage #main #content.changePassword{ width:460px; margin-left:25px; } #loginPage #main #content.changePassword h4 { border-bottom:1px solid #B9C4DA; color:#45688E; font-weight:bold; padding:0 0 5px 5px; } #loginPage #main #content.changePassword p { padding-left:7px; } #loginPage #main #content.changePassword form { width:auto; float:right; margin-right:110px; margin-top:50px; } #loginPage #main #content.changePassword form fieldset label { color:#737373; text-align:right; vertical-align:middle; margin-right:5px; } #loginPage #main #content.changePassword form fieldset span.email { margin-left:5px; font-weight:bold; } #loginPage #main #content.changePassword form fieldset input { padding:3px; } #loginPage #main #content.changePassword form p.truePass { display:none; margin-left:135px; color:#35881E; font-weight:bold; } #loginPage #main #content.changePassword form p.truePass.active { display:block; } #loginPage #main #content.changePassword form p.wrongPass { display:none; margin-left:135px; color:#B71111; font-weight:bold; } #loginPage #main #content.changePassword form p.wrongPass.active { display:block; } #loginPage #main #content.changePassword form .errorMsg { display:none; background:#FFEFE8; border:1px solid #F6876C; padding:0 8px 12px; width:124%; position:absolute; top:40px; left:0px; } #loginPage #main #content.changePassword form .errorMsg.active { display:block; } #loginPage #main #content.changePassword form fieldset.btn { padding-left:140px; margin-top:15px; } #recoverPassword #main { margin-left:154px ; width: 490px; } #recoverPassword #main #content.forgotPassword { width:460px; margin-left:15px; } #recoverPassword #main #content.forgotPassword h4 { border-bottom:1px solid #B9C4DA; color:#45688E; font-weight:bold; padding:0 0 5px 5px; } #recoverPassword #main #content.forgotPassword p { padding-left:7px; } #recoverPassword #main #content form{ margin:20px auto 0 auto; width:380px; } #recoverPassword #main #content.forgotPassword fieldset input[type="text"] { margin-bottom:25px; width:155px; padding:3px; } #recoverPassword #login { position:absolute; top:65px; right:0; /*width:145px; it is going down in IE8 if we make zoom*/ width:144px; } #recoverPassword #login ol li.email label, #recoverPassword #login ol li.password label { display:none; } #recoverPassword #login input[type="text"], #recoverPassword #login input[type="password"] { color:#737373; font-size:10px; padding:3px 0 5px 3px; width:140px; } #recoverPassword #login .btn { padding-left:0; margin-bottom:5px; } #recoverPassword #siteInfo { position:relative; text-align:left; margin-left:154px; border:none; width:auto; } /* end of Login*/ /*Translate*/ #translate #main #pageRep { top:-29px; } #translate #main #content { width:445px; padding-right:10px; } #translate #main #content p#translationMessage { font-size:12px; color:#737373; font-weight:bold; margin:5px 0 18px 3px; } #translate #main #content h4 { display:none; } #translate #main #content .translationFinished { background:#F4EBBD; border:1px solid #D7CF9E; width:375px; padding:15px; margin:50px 20px; text-align:center; font-weight:bold; } #translate #main #content .translationFinished span.translationScore { color:#A75A5A; } #translate #main #content ul.pagination { position:absolute; top:18px; right:10px; } #translate #main #content ul.pagination li { display:inline-block; } #translate #main #contentFilter { margin:38px 10px 0 0; } #translate #main #contentFilter h3 { display:none; } #translate #main #contentFilter fieldset h4 { /*border:1px solid red;*/ background:#EAEAEA url("../images/arrow-up.png") no-repeat scroll 5px 7px; display:inline-block; width:85%; padding:5px 0 5px 20px; margin:10px 0; border:1px solid #E5E2F9; font-weight:bold; } #translate #main #contentFilter fieldset.active h4 { background:#EAEAEA url("../images/arrow-down.png") no-repeat scroll 5px 10px; display:inline-block; width:86%; padding:5px 0 5px 20px; margin:10px 0; font-weight:bold; } #translate #main #contentFilter fieldset ul { display:none; padding-left:10px; } #translate #main #contentFilter fieldset.active ul { display:block; } #translate #main #contentFilter fieldset ul li { margin-bottom:10px; } #translate #main #contentFilter fieldset ul li label { margin-left:5px; vertical-align:top; } #translate #main #contentFilter fieldset#language-pairs ul li label { color:#45688E; } #translate #main #contentFilter fieldset select { width:163px; margin-left:-10px; } #translate #main #contentFilter .counter { background:#FBF8DC url("../images/arrow-open2.png") no-repeat scroll 150px 13px; border:1px solid #B79B99; padding:10px 5px 5px 5px; color:#A75A5A; font-weight:bold; } #translate #main #contentFilter .counter span.translationCount { float:right; margin-right:15px; text-decoration:underline; } #translate #main #contentFilter .counter span.date { display:none; font-size:10px; color:#737373; font-weight:normal; margin-top:3px; } #translate #main #contentFilter .counter span.date.active { display:block; } #translate #main #content.textTranslation .warning span.translationScore { color:#A75A5A; } #translate #main #content.textTranslation ul.translations > li { position:relative; background:#EAEAEA; border:1px solid #DEDEDE; padding:20px 10px; margin-bottom:10px; } #translate #main #content.textTranslation ul.translations > li span { position:absolute; top:3px; color:#737373; } #translate #main #content.textTranslation ul.translations > li span.srcLang { left:10px; } #translate #main #content.textTranslation ul.translations > li span.targetLang { left:220px; } #translate #main #content.textTranslation ul.translationPairs li { border-top:1px solid #B9BCC3; padding:3px 0; } #translate #main #content.textTranslation ul.translationPairs li p { width:197px; display:inline-block; margin:7px 0 0 5px; vertical-align:top; } #translate #main #content.textTranslation ul.translationPairs li textarea { width:205px; height:35px; padding:3px; } #translate #main #content.textTranslation ul.translations li ul.commands { float:right; margin:5px 5px 3px 0; } #translate #main #content.textTranslation ul.translations li ul.commands li { display:inline-block; } #translate #main #content.textTranslation ul.translations li ul.commands li.skip { padding-right:5px; margin-right:5px; border-right:1px solid #45688E; } #translate #main #content.chatTranslation ul.translations > li { background:#EAEAEA; border:1px solid #DEDEDE; padding:5px; margin-bottom:10px; overflow:hidden; } #translate #main #content.chatTranslation ul.translations li ul.translationPairs { float:left; } #translate #main #content.chatTranslation ul.translations li ul.translationPairs li { margin-bottom:10px; } #translate #main #content.chatTranslation ul.translations li ul.translationPairs li label { color:#737373; margin:0 0 3px 3px; vertical-align:bottom; display:inline-block; width:50px; text-align:right; } #translate #main #content.chatTranslation ul.translations li ul.translationPairs li textarea { width:330px; height:19px; padding:5px 0 0 5px; font-size:11px; } #translate #main #content.chatTranslation ul.translations li ul.commands { float:left; margin:35px 0 0 5px; } #translate #main #content.interfaceTranslation h4 { display:block; } #translate #main #content.interfaceTranslation ul.translations > li { background:#EAEAEA; border:1px solid #DEDEDE; padding:5px; margin-bottom:10px; overflow:hidden; } #translate #main #content.interfaceTranslation ul.translations li ul.translationPairs { float:left; } #translate #main #content.interfaceTranslation ul.translations li ul.translationPairs li label { display:none; } #translate #main #content.interfaceTranslation ul.translations li ul.translationPairs li span { color:#737373; display:block; margin-bottom:10px; padding-left:2px; } #translate #main #content.interfaceTranslation ul.translations li ul.translationPairs li textarea { width:360px; height:19px; padding:5px 0 0 5px; font-size:11px; } #translate #main #content.interfaceTranslation ul.translations li ul.commands { float:left; margin:22px 0 0 10px; } #translate #main #content.interfaceTranslation ul.pagination { position:absolute; top:40px; right:10px; } /*end of Translate*/ /*edit my profile*/ /*#editProfile #main #pageRep { top:-58px; border-bottom:1px solid #D6D6D6; }*/ #editProfile #main #content { width:615px; } #editProfile #main #content .edittingMessage { background:#F4EBBD; border:1px solid #D7CF9E; padding:10px; margin-bottom:10px; font-weight:bold; text-align:center; display:none; } #editProfile #main #content .edittingMessage.active { display:block; } #editProfile #main #content form a.deleteSchool { display:none; position:absolute; top:5px; right:-150px; } #editProfile #main #content form a.deleteSchool.active { display:block; } #editProfile #main #content form ol ul.actions li { display:inline-block; margin-right:5px; } #editProfile #main #content form ol ul.actions li a.edit { border-right:1px solid; padding-right:5px; } #editProfile #main #content form ol.formFields li.school_details { display:none; } #editProfile #main #content form ol li label { color:#737373; text-align:right; margin-right:5px; vertical-align:top; margin-top:4px; } #editProfile #main #content form ol li.relationshipStatus p { margin:5px 0 0 140px; color:#737373; } #editProfile #main #content form ol li.relationshipStatus div { position:absolute; top:30px; right:60px; background:#F4EBBD; border:1px solid #D7CF9E; width:158px; padding:15px; line-height:18px; z-index:10; } #editProfile #main #content form ol li label.relationship { width:20px; margin-right:10px; } #editProfile #main #content form ol li.birthDate select { width:59px; margin-right:3px; } #editProfile #main #content form ol li.birthdayPrivacy label { display:none; } #editProfile #main #content form ol li.birthdayPrivacy select { margin:0 10px 0 137px; } #editProfile #main #content form ol li input[type="text"] { padding:3px 0 5px 3px; width:185px; } #editProfile #main #content.editContacts form { margin-top:20px; } #editProfile #main #content.editContacts form ol { } #editProfile #main #content.editContacts form ol li { position:relative; } #editProfile #main #content.editContacts form .btn { padding-left:138px; } #editProfile #main #content.editContacts li #privacyCellLbl { display: inline; vertical-align: middle; padding-left: 8px; } #editProfile #main #content.editEducation .edittingWarning { display:none; background:#FFF; border:1px solid #C0CBD5; padding:10px; margin-bottom:10px; text-align:center; font-weight:normal; } #editProfile #main #content.editEducation .edittingWarning.active { display:block; } #editProfile #main #content.editEducation form fieldset { margin:0 40px; /*width:400px;*/ position:relative; } #editProfile #main #content.editEducation form fieldset h4 { border-bottom:1px solid #B9C4DA; color:#45688E; font-weight:bold; padding-bottom:5px; } #editProfile #main #content.editEducation form fieldset .notDelete { position:absolute; top:39px; right:-150px; } #editProfile #main #content.editEducation form fieldset p { color:#737373; } #editProfile #main #content.editEducation form a.additionSchool { display:block; text-align:center; margin-right:70px; padding-bottom:10px; } #editProfile #main #content.editEducation form fieldset.btn { margin-top:5px; /* Was 20px */ padding-left:139px; display:none; } #editProfile #main #content.editPersonal p { color:#737373; font-weight:bold; margin-left:40px; } #editProfile #main #content.editPersonal form ol li label { color:#555; white-space:nowrap; /*in brazilian on character was going down If in other languages texts are longer we must increase the width*/ } #editProfile #main #content.editPersonal form ol li textarea { width:300px; height:90px } #editProfile #main #content.editPersonal form ol li span { color:#999; position:absolute; top:0px; right:0px; width:160px; } #editProfile #main #content.editPersonal form ol li input[type="submit"] { margin-left:138px; } #editProfile #main #content.editPersonal form fieldset.btn { padding-left:139px; } #editProfile #main #content.editPlaces ul li h4 { color:#45688E; margin-left:50px; } #editProfile #main #content.editPlaces form { display:none; margin-bottom:10px; } #editProfile #main #content.editPlaces form.active { display:block; } #editProfile #main #content.editPlaces form fieldset ol { overflow:auto; margin-bottom:10px; } #editProfile #main #content.editPlaces form fieldset ol li.timePeriod ul { float:right; margin-right:286px; } #editProfile #main #content.editPlaces form fieldset ol li.timePeriod ul li select { /*width:162px; float:right;*/ } #editProfile #main #content.editPlaces form fieldset ol li.timePeriod ul li select option span { color:#737373; } #editProfile #main #content.editPlaces .edittingWarning { display:none; background:#FFF; border:1px solid #C0CBD5; padding:10px; margin-bottom:10px; text-align:center; font-weight:normal; } #editProfile #main #content.editPlaces .edittingWarning.active { display:block; } #editProfile #main #content.editPlaces ul li .viewingAddress { display:none; position:relative; margin-bottom:20px; } #editProfile #main #content.editPlaces ul li .viewingAddress.active { display:block; } #editProfile #main #content.editPlaces ul li .viewingAddress.locked span, #editProfile #main #content.editPlaces ul li .viewingAddress.locked ul { color:#BBB; } #editProfile #main #content.editPlaces ul li .viewingAddress.locked ul.commands li { display:none; } #editProfile #main #content.editPlaces ul li .viewingAddress.locked ul.commands li.cancel { display:block; } #editProfile #main #content.editPlaces ul li .viewingAddress span { color:#737373; vertical-align:top; /*margin-left:49px;*/ display:inline-block; width:100px; text-align:right; } #editProfile #main #content.editPlaces ul li .viewingAddress ul { display:inline-block; } #editProfile #main #content.editPlaces ul li .viewingAddress ul.address { margin-left:40px; } #editProfile #main #content.editPlaces ul li .viewingAddress ul.commands { position:absolute; top:5px; right:10px; text-align:right; } #editProfile #main #content.editPlaces ul li .viewingAddress ul.commands li { margin-bottom:5px; } #editProfile #main #content.editPlaces ul li .viewingAddress ul.commands li.cancel { display:none; } #editProfile #main #content.editPlaces form fieldset.btn { padding-left:139px; } #editProfile #main #content.editPlaces a.newAddress { display:block; text-align:center; margin-bottom:10px; } .seperator { border-top:1px solid #E0E0E0; border-bottom:1px solid #FFF; margin:20px 0 10px 0; } li#submitEditForm{ padding-left:138px; } /*end of edit my profile*/ /*Tale*/ /*Tale information styles*/ .taleInfo dl { } .taleInfo dt.title { font-weight:bold; margin-bottom: 5px; display: block; } .taleInfo dd { color:#737373; } .taleInfo dd.author { font-weight:bold; } /*Using by all tale pages*/ a#createTale{ color:#45688E; text-decoration:underline; position:absolute; right:5px; } #taleList #main { margin-top:11px;} /*#taleList #main #pageRep { top:-29px; }*/ #taleList #main a#createTale { top:-18px; } #taleList #main #content p#listOverview { color:red; color:#737373; font-size:12px; font-weight:bold; } #taleList #main #content ul#tales > li { position:relative; margin-bottom:10px; background:#FFF; border:1px solid #D9D9D9; padding:10px; min-height:145px; } #taleList #main #content ul#tales > li h4 { color:#45688E; margin-left: 310px; margin-top:0px; cursor:pointer; } #taleList #main #content ul#tales > li img.talePict { position:absolute; top:10px; left:10px; border:2px solid #d6d6d6; } #taleList #main #content ul#tales > li .attributes { color:#737373; font-size:10px; margin-left:310px; } #taleList #main #content ul#tales > li .attributes .author { /*position:absolute; top:-80px; */ margin-bottom:25px; } #taleList #main #content ul#tales > li .play { position:absolute; left:235px; top:21px; width:50px; height:15px; @height:18px; background:#000000; border:1px solid #999999; color:#999999; text-align:center; padding-top:3px; text-decoration:none; } #taleList #main #content ul#tales > li .close { text-indent:-9999px; background: url("../images/close-icon.png") no-repeat; width:5px ; height:6px; display:inline-block; position:absolute; bottom:5px; right:5px;} #taleList #main #content ul#tales .overlay { position:absolute; width:75px; background:#000; moz-opacity:0.5; khtml-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); height:84%; left:223px; top:11px; } #taleList #main #content > h4 { display:none; } #taleList #main #content ul.pagination { position:absolute; top:10px; right:5px; } #taleList #main #content ul.pagination li { display:inline-block;} #taleList #main #contentFilter { margin:45px 0 10px; } #taleList #main #contentFilter h3 { display:none; } #taleList #main #contentFilter #frmTaleSearchInput { margin:0; } #taleList #main #contentFilter #frmTaleSearchInput label { display:none; } #taleList #main #contentFilter #frmTaleSearchInput #searchTale { width:152px; color:#737373; font-size:10px; padding:5px 0 5px 3px; } #taleList #main #contentFilter #frmTaleSearchInput #btnSearchTale { display:none; } #taleList #main #contentFilter fieldset select { display:none; border:1px solid #B9BCC3; width:157px; } #taleList #main #contentFilter fieldset.active select { display:block; } #taleList #main #contentFilter fieldset label { background:#EAEAEA url(../images/arrow-up.png) no-repeat scroll 5px 7px; display:inline-block; width:85%; padding:5px 0 5px 20px; margin:10px 0; border:1px solid #E5E2F9; font-weight:bold; } #taleList #main #contentFilter fieldset.active label { background:#EAEAEA url("../images/arrow-down.png") no-repeat scroll 5px 10px; display:inline-block; width:85%; padding:5px 0 5px 20px; margin:10px 0; font-weight:bold; } #taleList #main #contentFilter input.searchTale { width:153px; color:#737373; font-size:10px; padding:5px 0 5px 3px; } /*#taleView #main #pageRep { top:-29px; }*/ #taleView #main #selectedTale { position:relative; } #taleView #main #selectedTale h3 { color:#45688E; padding-right:5px; position:absolute; right:-1px; text-align:right; top:-28px; } #taleView #main #selectedTale h4 { display:none; } #taleView #main #selectedTale .talePict { border:3px solid black; } #taleView #main .overlay { position:absolute; width:175px; background:#000; moz-opacity:0.5; khtml-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); height:95%; right:40px; top:0; } #taleView #main #selectedTale #taleSlides { position:absolute; top:284px; left:55px; } #taleView #main #selectedTale #taleSlides li { display:inline; } #taleView #main #selectedTale #taleSlides li a { line-height:18px; /*for IE7 top and bottom border*/ color:#737373; font-weight:bold; padding:0 4px; border:1px solid #737373; background:#111111; text-decoration:none; } #taleView #main #selectedTale #taleSlides li a:hover { color:#fff; } #taleView #main #selectedTale #taleRates { position:absolute; top:287px; right:51px; } #taleView #main #selectedTale #taleRates li { /* display:inline; there is gaps between li when use it */ float:left; } #taleView #main #selectedTale #taleRates li a { line-height:22px; font-size:10px; color:#CCCCCC; font-weight:bold; padding:3px 8px; border:1px solid #737373; border-right:none; background:#111111; text-decoration:none; } #taleView #main #selectedTale #taleRates li.max { margin-top:-5px; } #taleView #main #selectedTale #taleRates li.max a { line-height:28px; /*for IE7 top and bottom border*/ font-size:12px; padding:4px 8px; border-right:1px solid #737373; } #taleView #main #selectedTale .commands { margin-left:12px; } #taleView #main #selectedTale .commands li { display:inline; } #taleView #main #selectedTale .commands li a { margin-right:20px; } #taleView #main #selectedTale .commands li a.taleShare, #taleView #main #selectedTale .commands li a.taleReplay { position:absolute; padding:5px 10px; border:1px solid #737373; background:#111111; color:#CCCCCC; } #taleView #main #selectedTale .commands li a.taleShare { top:5px; right:115px; text-decoration:none; } #taleView #main #selectedTale .commands li a.taleReplay { top:5px; left:515px; text-decoration:none; } #taleView #main #selectedTale .commands li a#createTale { margin:0; } #taleView #main #selectedTale .commands li a.taleXD { color:#737373; font-weight:bold; padding:3px 4px; margin:0; border:1px solid #737373; background:#111111; position:absolute; top:282px; left:13px; text-decoration:none; } #taleView #main #content { width:445px; border:1px solid #D6D6D6; background:#fff; } #taleView #main #content #taleComment { padding:10px; } #taleView #main #content #taleComment #taStatus { margin:3px; width:98%; border:1px solid #d6d6d6; } #taleView #main #content ul#talesListing > li { border:none; } #taleView #main #content ul.pagination { position:absolute; top:-14px; right:1px; } #taleView #main #content ul.pagination li { display:inline-block; margin-right:3px; } #taleView #main #additionalContent { float:right; width:172px; margin-top:12px; } #taleView #main #additionalContent > div { margin-bottom:10px; position:relative; } #taleView #main #additionalContent > div h4 { background:#EAEAEA url(../images/arrow-up.png) no-repeat scroll 5px center; border:1px solid #E6E6E6; color:#6A6A6A; margin-bottom:0px; margin-top:0; border:1px solid #E5E2F9; padding:5px 0 5px 20px; } #taleView #main #additionalContent div .showAll { font-size:10px; position:absolute; right:7px; top:7px; } #taleView #main #additionalContent div .close { text-indent:-9999px; background: url("../images/close-icon.png") no-repeat; width:5px ; height:6px; display:inline-block; position:absolute; bottom: 0; right:5px;} #taleView #main #additionalContent #taleData dl{ display:none; } #taleView #main #additionalContent #taleData.active { background:#FFFFFF; border:1px solid #CCCCCC; } #taleView #main #additionalContent #taleData.active dl { display:block; } #taleView #main #additionalContent #taleData.active h4 { background:url("../images/arrow-down.png") no-repeat 3px center; background-color:#EAEAEA; margin-top:0px; } #taleView #main #additionalContent #taleData dl.tale-statistic { padding-bottom:10px; padding-left:5px; margin-bottom:10px; border-bottom:1px solid #CCC; } #taleView #main #additionalContent #taleData dl.tale-statistic dt { width:70px; } #taleView #main #additionalContent #taleData dl.tale-statistic dd { margin-left:70px; margin-top:-12px; padding-left:15px; } #taleView #main #additionalContent #taleData h5 { display:none; } #taleView #main #additionalContent #taleData dl.writer-statistic { overflow:auto; } #taleView #main #additionalContent #taleData dl.writer-statistic dt.avatar { border:none; float:left; margin-right:2px; } #taleView #main #additionalContent #taleData dl.writer-statistic dt.writerDef { display:inline; } #taleView #main #additionalContent #taleData dl.writer-statistic dd.writer { display:inline; margin:0; } #taleView #main #additionalContent #taleData dl.writer-statistic dd { margin-left:107px; margin-top:-12px; padding-left:5px; color:#45688E; } #taleView #main #additionalContent #taleData .commands { bottom:0px; margin-bottom:5px; } #taleView #main #additionalContent #taleData .commands li { display:inline; border-right:1px solid; color:#737373; line-height:11px; padding:0 5px 0 2px; } #taleView #main #additionalContent #taleData .commands li.follow { border:medium none; } #taleView #main #additionalContent #moreTalesFrmAuthor ul{ display:none; } #taleView #main #additionalContent #moreTalesFrmAuthor.active ul { display:block; } #taleView #main #additionalContent #moreTalesFrmAuthor.active h4 { background:url("../images/arrow-down.png") no-repeat 3px center; background-color:#EAEAEA; margin-top:0px; } #taleView #main #additionalContent #relatedTales ul{ display:none; } #taleView #main #additionalContent #relatedTales.active ul { display:block; } #taleView #main #additionalContent #relatedTales.active h4 { background:url("../images/arrow-down.png") no-repeat 3px center; background-color:#EAEAEA; margin-top:0px; } #taleView #main #additionalContent #featuredTales ul{ display:none; } #taleView #main #additionalContent #featuredTales.active ul { display:block; border:1px solid #d6d6d6; height:300px; overflow:auto; } #taleView #main #additionalContent #featuredTales.active ul > li { border-bottom:1px solid #d6d6d6; padding-bottom:5px; margin-bottom:10px; } #taleView #main #additionalContent #featuredTales.active h4 { background:url("../images/arrow-down.png") no-repeat 3px center; background-color:#EAEAEA; margin-top:0px; } .moduleMenuTitle {display:none; } #moduleMenu { /*margin-left:155px;*/ padding:8px 0 0px 3px; list-style:none; height:21px; /*border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6;*/ border-bottom:1px solid #D6D6D6; background:#FFF; } #moduleMenu li { float:left; margin:0 1px; line-height:160%; } #moduleMenu li a { display:block; float:left; height:21px; line-height:21px; text-decoration:none; text-align:center; padding:0 0 0 5px; cursor:pointer; font-size:11px; } #moduleMenu li a span { float:left; display:block; padding:0 10px 0 5px; } #moduleMenu li.current a { background-repeat:no-repeat; background-position: left top; } #moduleMenu li.current a span { background-repeat:no-repeat; background-position: right top; color:#fff; } #moduleMenu li a:hover { color:#fff; background-repeat:no-repeat; cursor:hand; } #moduleMenu li a:hover span { background-repeat:no-repeat; background-position: right top; } #myTales .moduleMenuTitle { display:none; } /*#myTales #main #pageRep { top:-60px; }*/ #myTales #main a#createTale { top:-50px; } #myTales #main #content p#listOverview { color:#737373; font-size:12px; font-weight:bold; } #myTales #main #content ul#tales > li { position:relative; margin-bottom:10px; background:#FFFFFF; border:1px solid #D9D9D9; padding:10px; } #myTales #main #content ul#tales > li h4 { position:absolute; left:320px; top:0px; color:#45688E; cursor:pointer; } #myTales #main #content ul#tales > li img.talePict { border:2px solid #d6d6d6; } #myTales #main #content ul#tales > li .attributes { color:#737373; font-size:10px; left:320px; position:absolute; top:85px; } #myTales #main #content ul#tales > li .attributes .author { } #myTales #main #content ul#tales > li .attributes .category { /*display:inline;*/ position:absolute; top:-60px; } #myTales #main #content ul#tales > li .attributes .date { /*display:inline;*/ position:absolute; top:-50px; } #myTales #main #content ul#tales > li .commands { position:absolute; left:320px; top:140px; } #myTales #main #content ul#tales > li .commands li { display:inline-block; border-right:1px solid #45688E; line-height:10px; padding:0 5px 0 2px; } #myTales #main #content ul#tales > li .commands li.delete { border:none; } #myTales #main #content ul#tales > li .commands li a{ font-size:10px; } #myTales #main #content ul#tales .overlay { position:absolute; width:75px; background:#000; moz-opacity:0.5; khtml-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); height:84%; left:223px; top:13px; } #myTales #main #content ul#tales > li >ul.commands li.play { position:absolute; left:-83px; top:-120px; width:40px; height:15px; @height:18px; background:#000000; border:1px solid #999999; color:#999999; text-align:center; padding-top:3px; } #myTales #main #content ul#tales > li >ul.commands li.play a { color:#999; text-decoration:none; } #myTales #main #content > h4 { display:none; } #myTales #main #content ul.pagination { position:absolute; top:15px; right:5px; } #myTales #main #content ul.pagination li { display:inline-block; margin-right:3px; } #myTales #main #contentFilter { margin:45px 0 10px; } #myTales #main #contentFilter h3 { display:none; } /*#myTales #main #contentFilter #frmTaleSearchInput { margin:0;} i changed it with class */ #myTales #main #contentFilter .dataCapture { margin:0; } #myTales #main #contentFilter .dataCapture label { display:none; } #myTales #main #contentFilter .dataCapture #searchTale { width:152px; color:#737373; font-size:10px; padding:5px 0 5px 3px; } #myTales #main #contentFilter .dataCapture #btnSearchTale { display:none; } #myTales #main #contentFilter fieldset select { display:none; border:1px solid #EAEAEA; width:157px; } #myTales #main #contentFilter fieldset.active select { display:block; } #myTales #main #contentFilter fieldset label { background:#EAEAEA url(../images/arrow-up.png) no-repeat scroll 5px 7px; display:inline-block; width:85%; padding:5px 0 5px 20px; margin:10px 0; border:1px solid #E5E2F9; font-weight:bold; } #myTales #main #contentFilter fieldset.active label { background:#EAEAEA url("../images/arrow-down.png") no-repeat scroll 5px 10px; display:inline-block; width:85%; padding:5px 0 5px 20px; margin:10px 0; font-weight:bold; } /*#taleDraftList #main #pageRep { top:-60px; }*/ #taleDraftList #main a#createTale { top:-50px; } #taleDraftList #main #content p#listOverview { color:#737373; font-size:12px; font-weight:bold; } #taleDraftList #main #content ul#tales > li { position:relative; margin-bottom:10px; background:#FFF; border:1px solid #D9D9D9; padding:10px; min-height:145px; } #taleDraftList #main #content ul#tales > li h4 { color:#45688E; margin-left: 310px; margin-top:0px; cursor:pointer; } #taleDraftList #main #content ul#tales > li img.talePict { border:2px solid #d6d6d6; position:absolute; top:10px; left:10px; } #taleDraftList #main #content ul#tales > li .attributes { color:#737373; font-size:10px; margin-left:310px; } #taleDraftList #main #content ul#tales > li .commands { position:absolute; right:5px; top:140px; } #taleDraftList #main #content ul#tales > li .commands li { display:inline-block; border-right:1px solid #45688E; line-height:10px; padding:0 5px 0 2px; } #taleDraftList #main #content ul#tales > li .commands li.delete { border:none; } #taleDraftList #main #content ul#tales > li .commands li a{ font-size:10px; } #taleDraftList #main #content ul#tales .overlay { position:absolute; width:75px; background:#000; moz-opacity:0.5; khtml-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); height:84%; left:223px; top:13px; } #taleDraftList #main #content ul#tales > li >ul.commands li.play { position:absolute; left:-154px; top:-120px; width:40px; height:15px; @height:18px; background:#000000; border:1px solid #999999; color:#999999; text-align:center; padding-top:3px; } #taleDraftList #main #content ul#tales > li >ul.commands li.play a { color:#999; text-decoration:none; } #taleDraftList #main #content ul#tales > li .close { text-indent:-9999px; background: url("../images/close-icon.png") no-repeat; width:5px ; height:6px; display:inline-block; position:absolute; bottom:5px; right:5px;} #taleDraftList #main #content > h4 { display:none; } #taleDraftList #main #content ul.pagination { position:absolute; top:15px; right:5px; } #taleDraftList #main #content ul.pagination li { display:inline-block; margin-right:3px; } /*#createTales #main #pageRep { top:-60px; }*/ #createTales #main #content .instruction { border:1px solid #D7CF9E; background:#FBF8DC; padding:10px 0; text-align:center; } #createTales #main #content .instruction em { text-decoration:none; } #createTales #main #content .fsTaleTitle label { display:none; } #createTales #main #content .fsTaleTitle #txtTaleTitle { width:455px; font-size:10px; padding:3px 0 5px 3px; } #createTales #main #content h3 { display:none; } #createTales #main #content ol#taleFrameComposition { margin-top:10px; } #createTales #main #content ol#taleFrameComposition > li { position:relative; margin-bottom:10px; background:#FFFFFF; border:1px solid #D9D9D9; padding:10px 10px 25px 10px; } #createTales #main #content ol#taleFrameComposition > li h4 { position:absolute; left:320px; top:0px; color:#45688E; cursor:pointer; } #createTales #main #content ol#taleFrameComposition > li img.ImgMove { border:1px solid #45688E; padding:5px; background:#D6D6D6; } #createTales #main #content ol#taleFrameComposition fieldset { position:absolute; top:10px; right:10px; } #createTales #main #content ol#taleFrameComposition fieldset label { display:none; } #createTales #main #content ol#taleFrameComposition fieldset textarea { font-size:10px; height:100%; width:130px; height:135px; } #createTales #main #content ol#taleFrameComposition > li.PageMove { border:5px solid #D6D6D6; outline:1px solid #45688E; } #createTales #main #content ol#taleFrameComposition > li .commands { right:7px; bottom:-3px; position:absolute; } #createTales #main #content ol#taleFrameComposition > li .commands li { border-right:1px solid #45688E; display:inline-block; line-height:10px; padding:0 5px 0 2px; } #createTales #main #content ol#taleFrameComposition > li .commands li.delete { border:none; } #createTales #main #content ol#taleFrameComposition > li .commands li a { font-size:10px; line-height:12px;/*for IE7 not to cut bottom of 'move' 'delete'*/ } #createTales #main #contentFilter { margin-top:99px; } #createTales #main #contentFilter h3 { display:none; } #createTales #main #contentFilter fieldset { margin-bottom:10px; } #createTales #main #contentFilter fieldset > label { background:#EAEAEA url(../images/arrow-up.png) no-repeat scroll 5px 7px; display:inline-block; width:85%; padding:5px 0 5px 20px; border:1px solid #E5E2F9; font-weight:bold; } #createTales #main #contentFilter fieldset.active > label { background:#EAEAEA url("../images/arrow-down.png") no-repeat scroll 5px 10px; } #createTales #main #contentFilter fieldset select { display:none; border:1px solid #EAEAEA; width:157px; } #createTales #main #contentFilter fieldset.active select { display:block; margin-top:10px; } #createTales #main #contentFilter fieldset#fsTaleTag a { margin-bottom:10px; } #createTales #main #contentFilter fieldset#fsTaleTag input#txtTagAdd { width:100px; padding:4px; } #createTales #main #contentFilter fieldset#fsTaleTag #btnTagAdd { padding:4px; } #createTales #main #contentFilter fieldset#fsTaleTag ul.defaultTags { margin:15px 0; } #createTales #main #contentFilter fieldset#fsTaleTag ul.defaultTags li { display:inline; margin-right:5px; } #createTales #main #contentFilter fieldset#fsTaleTag ul.defaultTags li label { width:auto; vertical-align:top; margin-left:2px; } #createTales #main #contentFilter fieldset#fsTaleTag input#btnSaveTale { margin-bottom:10px; display:block; width:120px; margin-left:17px; } #createTales #main #contentFilter fieldset#fsTaleTag input#btnPublishTale { display:block; width:120px; margin-left:17px; } /*endof Tale*/ /*Friends*/ /*#myFriends #main #pageRep {top:-58px; border-bottom:1px solid #D6D6D6; }*/ #myFriends p#listOverview { color:#737373; font-weight:bold; margin:0 0 0 0px; padding:7px 0 9px 20px; border-bottom:1px solid #D6D6D6; } #myFriends #main #content p#listOverview { display:none; } #myFriends #main #content { margin-top:0px; position:static; } #myFriends #main #content .warning { margin-top:20px; } #myFriends #main #content > h4 { display:none; } #myFriends #main #content ul.friendList { margin-top:20px; } #myFriends #main #content ul.friendList > li { position:relative; margin-bottom:10px; background:#FFFFFF; border:1px solid #D9D9D9; padding:10px; min-height:103px; overflow:hidden; } #myFriends #main #content ul.friendList > li h3 { color:#45688E; font-size:13px; font-weight:bold; margin:0 0 0 120px; max-width:210px; vertical-align:top; } #myFriends #main #content ul.friendList > li a.peopleAvatar { position: absolute; left:11px; top:11px; } #myFriends #main #content ul.friendList > li span.status.online { display:block; /*display:none;font-size:10px; color:#D8E9B2; margin-left:109px;*/ text-indent:-9999px; position:absolute; background-image:url("../images/online-icon.png"); width:9px; height:9px; top:14px; left:118px; } #myFriends #main #content ul.friendList > li span.status.offline { display:block; text-indent:-9999px; position:absolute; background-image:url("../images/offline-icon.png"); width:9px; height:9px; top:14px; left:118px; } #myFriends #main #content ul.friendList > li a.location { margin-left:109px; } #myFriends #main #content ul.friendList > li dl { margin-left:110px; width:215px; float:left; /*when we add "display:inline-block" to "ul.friendList > li ul.commands" we need to add "float:left" */ } #myFriends #main #content ul.friendList > li dt { color:#777777; position:relative; top:4px; left:0; width:100px; } #myFriends #main #content ul.friendList > li dd { margin-left:100px; margin-top:-10px; padding-left:15px; } #myFriends #main #content ul.friendList > li dd ul li { display:inline; } #myFriends #main #content ul.friendList > li a.friendGroup { display:inline-block; margin:5px 0 0 110px; padding:3px; background:#FED793; border:1px solid #F1F1F1; color:#928052; text-decoration:none; } #myFriends #main #content ul.friendList > li ul.commands { z-index:1000; /*position:absolute; top:25px; right:10px;*/ display:inline-block; padding:0px 0 15px 10px; border-left:1px solid #E2E2E2; width:100px; z-index:10; } #myFriends #main #content ul.friendList > li ul.commands > li { margin-bottom:5px; } #myFriends #main #content ul.friendList > li ul.commands > li.addList > a { display:block; background:#DAE1E8 url("../images/arrow2-down.png") no-repeat scroll 95% 6px; padding:3px; margin-left:-3px; text-decoration:none; } #myFriends #main #content ul.friendList > li ul.commands > li.addList.hover > a, #myFriends #main #content ul.friendList > li ul.commands > li.addList > a:hover { background:#6D8FB3 url("../images/arrow3-down.png") no-repeat scroll 95% 6px; color:#E8EDDA; } #myFriends #main #content ul.friendList > li ul.commands > li ul.listofFriends { display:none; background:#FFF; border:1px solid #96AABE; width:120px; margin-left:-22px; } #myFriends #main #content ul.friendList > li ul.commands > li.hover ul.listofFriends { display:block; } #myFriends #main #content ul.friendList > li ul.commands > li ul.listofFriends li a { display:block; padding:3px; text-decoration:none; } #myFriends #main #content ul.friendList > li ul.commands > li ul.listofFriends li a:hover, #myFriends #main #content ul.friendList > li ul.commands > li ul.listofFriends li.hover a { background:#EEF2F6; } #myFriends #main #content ul.listActions { position:absolute; right:165px; top:112px; } #myFriends #main #content ul.listActions li { display:inline-block; padding-right:5px; margin-right:5px; border-right:1px solid #45688E; } #myFriends #main #content ul.listActions li.last { margin-right:0; border-right:none; } #myFriends #main #content ul.pagination { position:absolute; right:3px; top:33px; } #myFriends #main #content ul.pagination li { display:inline-block; margin-right:3px; font-size:10px; } #myFriends #main #content ul.paginationBottom { position:absolute; right:3px; bottom:5px; font-weight:bold; } #myFriends #main #content ul.paginationBottom li { display:inline-block; margin-right:3px; font-size:10px; } #myFriends #main #contentFilter { margin-top:20px; position:relative; } #myFriends #main #contentFilter .dataCapture label { display:none; } #myFriends #main #contentFilter .dataCapture #searchFriend { color:#737373; font-size:10px; padding:5px 0 5px 3px; width:152px; } #myFriends #main #contentFilter .dataCapture #btnSearchFriend { display:none; } #myFriends #main #contentFilter h3 { display:none; } #myFriends #main #contentFilter .relatedNav { margin:30px 5px 30px 15px; width:110px; } #myFriends #main #contentFilter .relatedNav h4 { display:none; } #myFriends #main #contentFilter .relatedNav ul li { margin-bottom:10px; } #myFriends #main #contentFilter .relatedNav ul li.current a { font-weight:bold; } #myFriends #main #contentFilter h4.friendGroups { color:#45688E; font-weight:bold; border-bottom:1px solid #45688E; padding-bottom:3px; margin-right:10px; } #myFriends #main #contentFilter ul.friendGroups { padding-left:30px; } #myFriends #main #contentFilter ul.friendGroups li { margin-bottom:5px; } #myFriends #main #contentFilter a.newFriendList { position:absolute; top:-18px; right:5px; text-decoration:underline; } #myFriends #main #contentFilter fieldset > h4 { background:#EAEAEA url(../images/arrow-close.png) no-repeat scroll 5px 9px; display:inline-block; width:85%; padding:5px 0 5px 20px; margin:10px 0; border:1px solid #E5E2F9; font-weight:bold; } #myFriends #main #contentFilter fieldset.active > h4 { background:#EAEAEA url("../images/arrow-down.png") no-repeat scroll 5px 10px; } #myFriends .gddModalAlert#pupSuggestFriend { top:260px; left:140px; } #myFriends .gddModalAlert div .friendListInfo { padding:10px; border-bottom:1px solid #AAAAAA; } #myFriends .gddModalAlert div .friendListInfo .txtFriendListName { display:none; width:200px; font-size:10px; color:#737373; padding:3px; } #myFriends .gddModalAlert div .friendListInfo .txtFriendListName.active { display:inline; } #myFriends .gddModalAlert div .friendListInfo span.friendListName { display:inline-block; max-width:140px; margin-right:5px; font-weight:bold; } #myFriends .gddModalAlert div .friendListInfo .warning.active { display:inline-block; width:290px; margin:0; } #myFriends .gddModalAlert div .contInfo input.txtFriendName { width:200px; padding:3px; float:right; margin-top:-4px; border:1px solid #B9BCC3; font-size:10px; color:#737373; } #myFriends .gddModalAlert#pupNewFriendList { top:270px; left:140px; } #myFriends .gddModalAlert#pupEditFriendList { top:310px; left:180px; } .gddModalAlert div .alertMid ul.suggFriend { overflow:auto; padding:10px 5px 10px 10px; max-height:280px; } .gddModalAlert div .alertMid ul.suggFriend li { float:left; margin:0 5px 5px 0; padding:5px; width:137px; height:59px; border:1px solid #FFF;/*I put this border to not jump when hover*/ } .gddModalAlert div .alertMid ul.suggFriend li:hover { background-repeat:no-repeat; } .gddModalAlert div .alertMid ul.suggFriend li.selected { border:1px solid #3B6798; background-color:#6D8FB3; background-repeat:no-repeat; background-position: 95% 90%; } .gddModalAlert div .alertMid ul.suggFriend li a { text-decoration:none; display:block; overflow:hidden; } .gddModalAlert div .alertMid ul.suggFriend li.selected span { color:#E8EDDA; } .gddModalAlert div .alertMid ul.suggFriend li img { /*vertical-align:top;*/ float:left; margin-right:3px; } .gddModalAlert div .alertMid ul.suggFriend li.selected img { background:#FFF; border:1px solid #3B6798; } .gddModalAlert div .alertMid ul.suggFriend li span { color:#45688E; } .gddModalAlert div .contInfo { border-bottom:1px solid #AAA; background:#F2F2F2; padding:10px; color:#45688E; font-weight:bold; } #myFriends .gddModalAlert#pupDeleteFriendList { width:350px; top:280px; left:200px; } #myFriends .gddModalAlert#pupDeleteFriendList .alertMid p { text-align:center; margin:20px 10px; } #myFriends .gddModalAlert#pupDeleteFriendList .alertMid p.secondMessage { display:none; } #myFriends #pupDeleteFriendList.afterAction .alertMid p.firstMessage { display:none; } #myFriends #pupDeleteFriendList.afterAction .alertMid p.secondMessage { display:block; } #myFriends #pupDeleteFriendList.afterAction .control input { display:none; } #myFriends #main #content.friendRequest { width:617px; } #myFriends #main #content.friendRequest .pagination { right:-5px; } #myFriends #main #content.friendRequest ul.friendList > li ul.commands { width:240px; } #myFriends #main #content.friendRequest ul.friendList > li fieldset.btn { margin: 10px 0 0 0px; } #myFriends #main #content.friendRequest ul.friendList > li fieldset.btn input { margin-top:10px; } #myFriends #main #content.friendRequest ul.friendList > li .warning { margin-left:110px; width:180px; padding:5px; font-weight:normal; } #myFriends .gddModalAlert#pupRemoveFriend { width:350px; top:200px; left:200px; } #myFriends .gddModalAlert#pupRemoveFriend div .alertMid { padding-top:20px; text-align:center; } /*#phonebook #main #pageRep { top:-60px; }*/ #phonebook #main #content { margin-top:0px; } #phonebook #main #content p#listOverview { color:#737373; font-weight:bold; } #phonebook #main #content ul > li { position:relative; margin-bottom:10px; background:#FFFFFF; border:1px solid #D9D9D9; padding:10px; } #phonebook #main #content ul li dl { left:80px; position:absolute; top:10px; } #phonebook #main #content ul li dt { color:#777777; left:0; position:relative; top:4px; width:100px; } #phonebook #main #content ul li dd { margin-left:80px; margin-top:-10px; padding-left:15px; } #phonebook #main #contentFilter { margin-top:33px; } #phonebook #main #contentFilter .dataCapture label { display:none; } #phonebook #main #contentFilter .dataCapture #searchFriend { color:#737373; font-size:10px; padding:5px 0 5px 3px; width:152px; } #phonebook #main #contentFilter .dataCapture #btnSearchFriend { display:none; } #phonebook #main #contentFilter h3 { display:none; } #phonebook #main #contentFilter .relatedNav { margin:30px 5px 30px 15px; width:110px; } #phonebook #main #contentFilter .relatedNav h4 { display:none; } #phonebook #main #contentFilter .relatedNav ul li { margin-bottom:10px; } #phonebook #main #contentFilter .relatedNav ul li.current a { font-weight:bold; } #phonebook #main #contentFilter h4.friendGroups { color:#45688E; font-weight:bold; border-bottom:1px solid #45688E; padding-bottom:3px; margin-right:10px; } #phonebook #main #contentFilter ul.friendGroups { padding-left:30px; } #phonebook #main #contentFilter ul.friendGroups li { margin-bottom:5px; } #phonebook #main #contentFilter a.newFriendList { position:absolute; top:67px; right:5px; text-decoration:underline; } #friendInvite #main #content form { margin-left:40px; } #friendInvite #main #content form h3 { font-size:12px; color:#45688E;padding-bottom:5px; border-bottom:1px solid #B9C4DA; } #friendInvite #main #content form > fieldset { margin:0 0 0 13px; background:none; border:none; } #friendInvite #main #content form fieldset > label { /*width:80px;*/ color:#737373; } #friendInvite #main #content form fieldset label.InvitationMsgLabel { width:auto; position:absolute; top:10px; left:4px; } #friendInvite #main #content form fieldset input[type="text"] { padding:2px; } #friendInvite #main #content form fieldset p { color:#737373; } #friendInvite #main #content form fieldset.genericComposition textarea { height:50px; margin:10px 0 0 0; } #friendInvite #main #content form fieldset.genericComposition .compositionAid { background:none; } #friendInvite #main #content form fieldset .warning { font-weight:normal; } #friendInvite #main #content form fieldset.btn { padding-left:0px; } #friendInvite .genericComposition .compositionAid .compositionAttachments { bottom:10px; position:absolute; right:3px; } #friendInvite .genericComposition ul.langSelect label { width:auto; } #friendInvite #main .relatedNav { float:right; margin:40px 30px 0 0; width:110px; } #friendInvite #main .relatedNav h4 { display:none; } #friendInvite #main .relatedNav ul li { margin-bottom:10px; } #friendInvite #main .relatedNav ul li.current a { font-weight:bold; } /*#importContacts #main #pageRep { top:-58px; border-bottom:1px solid #D6D6D6; }*/ #importContacts #main #content form { margin-left:40px; } #importContacts #main #content h3 { border-bottom:1px solid #B9C4DA; padding-bottom:5px; color:#45688E; font-weight:bold; } #importContacts #main #content form ol { /*margin-left:120px;*/ } #importContacts #main #content form ol li input[type="text"], #importContacts #main #content form ol li input[type="password"] { color:#363636; font-size:10px; padding:3px 0 5px 3px; } #importContacts #main #content form .warning { font-weight:normal; } #importContacts #main .relatedNav { float:right; margin:30px 5px 30px 15px; width:110px; } #importContacts #main .relatedNav h4 { display:none; } #importContacts #main .relatedNav ul li { margin-bottom:10px; } #importContacts #main .relatedNav ul li.current a { font-weight:bold; } #importContacts .gddModalAlert#pupFriendInvite { width:350px; top:91px; left:230px; } #importContacts .gddModalAlert#pupFriendInvite .contInfo { border-bottom:1px solid #AAA; padding:10px; } #importContacts .gddModalAlert#pupFriendInvite ul.invitationList { background:#F7F7F7; max-height:230px; overflow:auto; } #importContacts .gddModalAlert#pupFriendInvite ul.invitationList li { border-bottom: 1px solid #DFE1E3; padding:5px; margin:0 3px; } #importContacts .gddModalAlert#pupFriendInvite ul.invitationList li.duduMember { background: url("../images/dudu-icon.png") no-repeat 4px 5px; } #importContacts .gddModalAlert#pupFriendInvite ul.invitationList li.duduMember input.cbInviteFriend { display:none; } #importContacts .gddModalAlert#pupFriendInvite ul.invitationList li.duduMember span.name { padding-left:26px; } #importContacts .gddModalAlert#pupFriendInvite ul.invitationList li.newMember span.name { padding-left:10px; } #importContacts .gddModalAlert#pupFriendInvite ul.invitationList li .inviteAction { float:right; } #importContacts .gddModalAlert#pupFriendInvite ul.invitationList li span.inviteAction.added { color:#737373; } #importContacts .gddModalAlert#pupFriendInvite ul.invitationList li span.inviteAction.mail { color:#737373; } /*#people #main #pageRep { top:-62px; border-bottom:1px solid #D6D6D6; }*/ #people p#listOverview { color:#737373; font-weight:bold; padding:10px 0 10px 20px; border-bottom:1px solid #D6D6D6; background:#FFF; margin:0; } #people #main #content { position:static; } #people #main #content .initialActivity { margin-top:35px; } #people #main #content .warning { margin:0; } #people #main #content ul.peopleList > li { position:relative; margin-bottom:10px; background:#FFFFFF; border:1px solid #D9D9D9; padding:10px; min-height:103px; overflow:hidden; } #people #main #content ul.peopleList > li h3 { color:#45688E; font-size:13px; font-weight:bold; margin:0 0 0 120px; max-width:210px; } #people #main #content ul.peopleList > li a.peopleAvatar { position: absolute; left:11px; top:11px; } #people #main #content ul.peopleList > li span.status.online { display:block; /*display:none;font-size:10px; color:#D8E9B2; margin-left:109px;*/ text-indent:-9999px; position:absolute; background-image:url("../images/online-icon.png"); width:9px; height:9px; top:14px; left:118px; } #people #main #content ul.peopleList > li span.status.offline { display:block; text-indent:-9999px; position:absolute; background-image:url("../images/offline-icon.png"); width:9px; height:9px; top:14px; left:118px; } #people #main #content ul.peopleList > li a.location { margin-left:109px; } #people #main #content ul.peopleList > li dl { margin-left:110px; width:215px; float:left; /*when we add "display:inline-block" to "ul.friendList > li ul.commands" we need to add "float:left" */ } #people #main #content ul.peopleList > li dt { color:#777777; left:0; position:relative; top:4px; width:100px; } #people #main #content ul.peopleList > li dd { margin-left:100px; margin-top:-10px; padding-left:15px; } #people #main #content ul.peopleList > li dd ul li { display:inline; } #people #main #content ul.peopleList > li ul.matchingPoints { margin:5px 0 0 110px; padding-top:10px; border-top:1px solid #E1E1E1; } #people #main #content ul.peopleList > li ul.matchingPoints li { display:inline-block; color:#737373; } #people #main #content ul.peopleList > li ul.matchingPoints li a { background:#FDFCB9; } #people #main #content ul.peopleList > li ul.commands {/*position:absolute; top:12px; right:10px;*/ display:inline-block; padding:0px 0 15px 10px; border-left:1px solid #E2E2E2; width:100px; } #people #main #content ul.peopleList > li ul.commands li { margin-bottom:5px; } #people #main #content > h4 { display:none; } #people #main #content ul.pagination { position:absolute; right:3px; top:40px; } #people #main #content ul.pagination li { display:inline-block; margin-right:3px; } #people #main #contentFilter { margin-top:12px; padding-bottom:20px; } #people #main #contentFilter .dataCapture label { display:none; } #people #main #contentFilter .dataCapture #searchFriend { color:#737373; font-size:10px; padding:5px 0 5px 3px; width:152px; } #people #main #contentFilter .dataCapture #btnSearchFriend { display:none; } #people #main #contentFilter h3 { display:none; } #people #main #contentFilter fieldset > h4 { background:#EAEAEA url(../images/arrow-close.png) no-repeat scroll 5px 9px; display:inline-block; width:85%; padding:5px 0 5px 20px; margin:10px 0; border:1px solid #E5E2F9; font-weight:bold; } #people #main #contentFilter fieldset.active > h4 { background:#EAEAEA url("../images/arrow-down.png") no-repeat scroll 5px 10px; } #people #main #contentFilter fieldset h5 { display:none; } #people #main #contentFilter fieldset select { display:none; border:1px solid #EAEAEA; width:157px; margin-bottom:10px; } #people #main #contentFilter fieldset.active select { display:block; } #people #main #contentFilter fieldset ul { display:none; } #people #main #contentFilter fieldset.active ul { display:block; } #people #main #contentFilter fieldset > label { display:none; } #people #main #contentFilter fieldset ul.status { margin-bottom:10px; } #people #main #contentFilter fieldset ul li { margin-bottom:5px; } #people #main #contentFilter fieldset ul li.last { margin-bottom:0px; } #people #main #contentFilter fieldset ul li label { vertical-align:top; margin-left:2px; } #people #main #contentFilter fieldset.active select#selectMinAge { display:inline; width:70px; margin-right:14px; } #people #main #contentFilter fieldset.active select#selectMaxAge { display:inline; width:70px; } #people #login { position:absolute; top:67px; left:0px; /*width:145px; it is going down in IE8 if we make zoom*/ width:144px; } #people #login ol li.email label, #people #login ol li.password label { display:none; } #people #login ol li label { vertical-align:top; width:120px; } #people #login input[type="text"], #people #login input[type="password"] { color:#737373; font-size:10px; padding:3px 0 5px 3px; width:140px; } #people #login .btn { padding-left:0; } .gddModalAlert#pupAddFriend { width:400px; top:280px; left:200px } .gddModalAlert#pupAddFriend .alertMid { padding:5px 15px 15px 15px; } .gddModalAlert#pupAddFriend .alertMid img { float:left; margin:10px 15px 0 0px; } .gddModalAlert#pupAddFriend .alertMid select { width:250px; } .gddModalAlert#pupAddFriend .alertMid form fieldset > label { display:none; } .gddModalAlert#pupAddFriend .alertMid .genericComposition fieldset textarea { margin:6px 6px 0 6px; width:94%; } .gddModalAlert#pupAddFriend .alertMid .genericComposition fieldset .langSelect { margin-left:6px; } .gddModalAlert#pupPrivateMessage .alertMid { padding:10px; } .gddModalAlert#pupPrivateMessage .alertMid img { float:left; margin-right:15px; } .gddModalAlert#pupPrivateMessage .alertMid h3 { display:none; } .gddModalAlert#pupPrivateMessage .alertMid form fieldset { width:416px; padding-top:6px; } .gddModalAlert#pupPrivateMessage .alertMid form fieldset > label { display:none; } .gddModalAlert#pupPrivateMessage .alertMid form fieldset .compositionAid { padding-left:8px; } /*endof Friends*/ /*Messages*/ #writeMessage #message_box_warning, #writeMessage #message_box_success { display:none; } #writeMessage #main { background:#FFF; } /*#writeMessage #main #pageRep { top:-29px; }*/ #writeMessage #main #content { background:#DAE2E8; width:535px; border:1px solid #ADBBCA;padding:10px; margin:35px 42px; float:none; } #writeMessage #main #content form { background:#FFF; padding:15px 10px; position:relative; /* overflow:hidden;for chrome and safari*/ } #writeMessage #main #content form h3 { border-bottom:1px solid #B9C4DA; color:#45688E; font-size:12px; padding-bottom:5px; } #writeMessage #main #content form dl { float:right; margin-bottom:10px; } #writeMessage #main #content form dt { position: relative; left: 0; top: 4px; width: 80px; color:#777777; } #writeMessage #main #content form dd { position:relative; margin-left:80px; padding-left:15px; margin-top:-10px; } #writeMessage #main #content form dd select { width:350px; } /* #writeMessage #main #content form dd select, #writeMessage #main #content form dd a { display:none; } #writeMessage #main #content form dd select.active, #writeMessage #main #content form dd a.active { display:block; } */ #writeMessage #main #content form dd a.recipientMail { display:none; } #writeMessage #main #content form dd a.recipientMail.active { display:block; } #writeMessage #main #content form dd select { display:none; } #writeMessage #main #content form dd select.active { display:block; } #writeMessage #main #content form dd .recipients { display:none; position:absolute; top:15px; left:15px; border:1px solid #D6D6D6; width:348px; background:#FFF; z-index:100; } #writeMessage #main #content form dd .recipients.active { display:block; } #writeMessage #main #content form dd .recipients h5 { background:#EFEFEF; margin:0; padding:5px; font-weight:normal; /*border:1px solid red;*/ } #writeMessage #main #content form dd .recipients ul { overflow:auto; max-height:230px; } #writeMessage #main #content form dd .recipients ul li { border-bottom:1px solid #D6D6D6; margin-bottom:0px; } #writeMessage #main #content form dd .recipients ul li.last { border-bottom:none; } #writeMessage #main #content form dd .recipients ul li span { display:block; color:#737373; } #writeMessage #main #content form dd .recipients ul li a { display:block; padding: 3px 5px 3px 15px; } #writeMessage #main #content form dd .recipients ul li a:hover { background:#6D8FB3; text-decoration:none; color:#FFFFF1; } #writeMessage #main #content form dd .recipients ul li a:hover span { color:#AEBED6; } #writeMessage #main #content form dd .recipients ul li.selected a { background:#6D8FB3; text-decoration:none; color:#FFFFF1; } #writeMessage #main #content form dd .recipients ul li.selected span { color:#AEBED6; } #writeMessage #main #content form dd .langSelect textarea, #writeMessage #main #content form dd .langSelect input[type="text"] { margin:0; width:346px; padding:3px 0 5px 3px; } #writeMessage #main #content form dd .langSelect textarea#taMsgSubject { height:18px; } #writeMessage #main #content form dd .langSelect textarea#taNewMsg { height:100px; } #writeMessage #main #content form dd .langSelect label.MsgLabel { display:none; } #writeMessage #main #content form dd ul li label { width:auto; } #writeMessage #main #content form fieldset.btn { float:left; padding-left:163px; } #writeMessage #main #content form .history { bottom:-40px; left:220px; position:absolute; } #writeMessage #pupMessageError { width:350px; top:200px; left:270px; } #writeMessage #pupMessageError p { padding:20px; } /*Message new*/ #writeMessage .warning { margin:20px; } #writeMessage p.history { text-align:center; } #writeMessage ul.msgNavigation { text-align:center; } #writeMessage ul.msgNavigation li { display:inline-block; } /*end of Message new*/ #main .messageHistory { /*display:none;*/ position:relative; margin:15px 15px 35px 42px; } #main .messageHistory h4 { font-size:12px; color:#45688E; font-weight:bold; padding-bottom:5px; border-bottom:1px solid #B9C4DA; } #main .messageHistory ol li { margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #EEE; position:relative; } #main .messageHistory ol li:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; }/*overflow:auto was problem in opera*/ #main .messageHistory ol li span { display:block; float:left; } #main .messageHistory ol li span.date { color:#737373; width:70px; } #main .messageHistory ol li span.senderName { color:#45688E; width:75px; cursor:pointer; } #main .messageHistory ol li span.recieverName { color:#9DB8E3; width:65px; margin-right:10px; } #main .messageHistory ol li span.delete { position:absolute; top:0px; right:10px; } #main .messageHistory ol li p.msg { float:left; width:330px; margin:0 5px 0 0; cursor:pointer; } /*10 Feb*/ #main .messageHistory ol li .loadingSignal { /*border:1px solid #330099;*/ } #main .messageHistory h5 { display:none; } #main .messageHistory ul.pagination { position:absolute; top:-20px; left:0px; } #main .messageHistory ul.pagination li { display:inline-block; } #messagesView #main { background:#FFF; } /*#messagesView #main #pageRep { top:-29px; }*/ /*10 Feb*/ #messagesView #main > .loadingSignal { position:absolute;/* border:1px solid #FF6600;*/ } #messagesView #main a.composeMessage { position:absolute; right:6px; top:37px; } #messagesView #main #status { display:none; } #messagesView #main #content { background:#DAE2E8; width:535px; border:1px solid #ADBBCA; margin:35px 42px; padding:10px; float:none; } #messagesView #main #content form { background:#FFF; padding:15px 10px; position:relative; /*overflow:hidden;for chrome and safari*/ } #messagesView #main #content form h3 { border-bottom:1px solid #B9C4DA; color:#45688E; font-size:12px; padding-bottom:5px; } #messagesView #main #content form fieldset img { float:left; /*added for IE7*/ } #messagesView #main #content form fieldset dl { width:450px; float:right; margin-bottom:10px; } #messagesView #main #content form fieldset dt { position: relative; left: 0; top: 4px; width: 80px; color:#777777; } #messagesView #main #content form fieldset dd { margin-left:80px; padding-left:15px; margin-top:-10px; } #messagesView #main #content form fieldset.btn { text-align:right; padding-right:1px; clear:both; /*for chrome and safari*/ } #messagesView #main #content form fieldset.fsReplyMessage { margin-left:160px; clear:both; /*for all browsers except ff*/ } #messagesView #main #content form fieldset.fsReplyMessage label.MsgLabel { display:none; } #messagesView #main #content form fieldset.fsReplyMessage textarea { width:350px; height:60px; margin:15px 0 0 0; } #messagesView #main #content form fieldset.fsReplyMessage input[type='button'] { right:10px; } /*#messagesView #main #content form .history { position:absolute; bottom:-40px; left:220px; }*/ /*10 Feb*/ #messagesView #main #content form #viewMsg .langSelect .loadingSignal { position:absolute; right:55px; bottom:5px; /*border:1px solid #ff00ff;*/ } #messagesView #main .history { text-align:center; } #messagesView #main #content form #pupDelMsg h3 { color:#FFF; } #messagesView #main #content form #pupDelMsg p { padding:0 10px; } /*#messages #main #pageRep { top:-60px; }*/ #messages #main a.composeMessage { position:absolute; top: 37px; right:6px; } #messages #main form > h4 { display:none; } #messages #main > h4 { display:none; } #messages #main h4.selectMess { display:block; float:left; margin:12px 5px 0 20px; color:#737373; } #messages #main h4 span { display:none; } #messages #main > ul.criteria { float:left; margin:12px 5px 0 0; } #messages #main > ul.criteria li { display:inline; } #messages #main form { position:relative; } #messages #main form fieldset { padding:10px; float:left; } #messages #main form fieldset label { display:none; } #messages #main form fieldset select { width:110px; } #messages #main form fieldset input#searchMessage { float:right; width:125px; border: 1px solid #C0CAD5; margin:-1px 0px 0 0; font-size:10px; color:#737373; padding:3px; } #messages #main form fieldset input#btnSearchMessage { display:none; } #messages #main form fieldset#fsSearchMessage { position:absolute; right:7px; padding-right:0px; } /*10 Feb*/ #messages #main form .loadingSignal { margin-top:10px; /*border:1px solid red;*/ } #messages #main #frmMessageInput #delete_button { margin:8px 0 0 6px; } #messages #main form p.message-overview { background:#FFF; color:#737373; font-weight:bold; margin:0px; padding: 10px 0 10px 20px; border-top:1px solid #B9BCC3; border-bottom:1px solid #B9BCC3; margin-top:10px; } #messages #main p.deletedMsg { margin:10px 20px; padding:15px; } #messages #main div.warning { margin:10px 20px; } #messages #main p.initialActivity { margin:30px 20px; padding:30px; color:#737373; } #messages #main ol.messages { margin:10px 20px; border:1px solid #EEE; } #messages #main ol.messages > li { background:#FFF; border-bottom:1px solid #EEE; position:relative; width:100%; zoom:1; margin-bottom:0px; } #messages #main ol.messages > li.last { border-bottom:none; } #messages #main ol.messages > li h4 { position:absolute; top:10px; left:220px; width:245px; font-weight:normal; } #messages #main ol.messages > li p { position:absolute; top:25px; left:220px; width:245px; } #messages #main ol.messages > li p a { color:#9DB8E3; } #messages #main ol.messages li .commands { position:absolute; top:10px; right:10px; padding-left:10px; border-left:1px solid #D8DFEA; width:100px; min-height:60px; } #messages #main ol.messages li.sent .commands { top:30px; } #messages #main ol.messages li .commands li { margin-bottom:5px; } #messages #main ol.messages li .commands li.requestSent a{ color:#A75A5A; } #messages #main ol.messages > li fieldset { position:absolute; top:32px; left:0px; } #messages #main ol.messages > li fieldset label { display:none; } #messages #main ol.messages li dl.attributes { padding: 20px 0 10px 30px; width:440px; height:70px; } #messages #main ol.messages li.unread dl.attributes { background:#DDE5EC; } #messages #main ol.messages li dl.attributes dt { display:none; } #messages #main ol.messages li dl.attributes dd { width:165px; overflow:auto; } #messages #main ol.messages li dl.attributes dd a { text-decoration:none; } #messages #main ol.messages li dl.attributes dd a img { float:left; margin-right:5px; } #messages #main ol.messages li dl.attributes dd .date { font-size:10px; color:#737373; margin-left:52px; } #messages #main ul.pagination { position:absolute; /*top:105px;*/ top:55px; right:5px } #messages #main ul.pagination li { display:inline-block; margin-right:3px; font-size:10px; } #messages #main ul.paginationBottom { position:absolute; right:5px; bottom:0px; /*bottom:0px;*/ bottom:-25px; } #messages #main ul.paginationBottom li { display:inline-block; margin-right:3px; font-weight:bold; font-size:10px; } #messages #main ul.paginationBottom li.current { text-decoration:underline; } #messages #main ul.paginationBottom li.current.prev, #messages #main ul.paginationBottom li.current.next { text-decoration:none; } /*endof Messages*/ /*mainpage*/ body#home { /*width:842px; width:910px; it is removed to make standart width, on mainpage*/ } #home #branding { margin-bottom:20px; margin-top:25px; } #home #branding h1 a { /*background:transparent url(../images/logo-big.png) no-repeat scroll left top;*/ background:transparent url(../images/logo-beta-big.png) no-repeat scroll 0px 0px; display:block; height:42px; text-indent:-9999px; /*width:150px;*/ width:178px; } #home #branding #versionId { color:#FFFFFF; font-size:13px; font-weight:bold; left:140px; position:absolute; text-transform:uppercase; top:24px; } #home #navigation #mainNav { top:-60px; } #home #navigation ul#auxNav li#logout a { right:-80px; } #home #siteIntro { padding:15px; /*width:290px; to make standart width, on mainpage*/ margin-left:15px; float:right; height:310px; width:150px; } #home #siteIntro h2 { font-size:12px; display:none; } #home #siteIntro .introHeader { color:#45688E; font-weight:bold; } #home #siteIntro a { text-decoration:underline; } #home #siteIntro a.inactive { color:#363636; text-decoration:none; } #home #siteIntro p span { font-weight:bold; } #home #siteIntro ul { margin-left:4px; } #home #siteIntro ul li { list-style-image: url("../images/bullet.png"); margin-bottom:5px; color:#45688E; } #home #siteIntro ul span { color:#363636; } #home #demoChat { float:right; height:293px; margin-right:3px; padding:8px 25px; position:relative; width:382px; border-left:1px solid #A1A7CA; border-right:1px solid #A1A7CA; } #home #demoChat #chatClone { display:none; } #home #demoChat.chat { margin-left:0px; bottom:67px; } #home #demoChat .chat.sameLang { width:380px; } #home #demoChat .chat.sameLang .chatRecipient h4 { width:87.4%; } #home #demoChat .chat.sameLang ol.chatMessages { height:178px; } #home #demoChat .chatHelp { display:block; } #home #demoChat.showInfo .chatHelp { display:block; } #home #demoChat .chatHelp h4 { color:#45688E; font-weight:bold; text-indent:-9999px; width:100px; height:14px; position:absolute; left:65px; bottom:80px; background-image: url(../images/logo-smartChat-big.png); background-repeat: no-repeat; background-position: left top; padding-bottom:5px; text-align:center; /*it is for better view when title becomes 2 lines in other languages*/ } #home #demoChat .chatHelp p.chatDefn { padding:0 40px; text-align:center; line-height:20px; text-indent:-9999px; position:absolute; top:-15px; left:0px; width:315px; height:206px; background: url(../images/bg-mainpage.png) no-repeat; } #home #demoChat .chatHelp .randomList .randomPeople .avatar { border:2px solid #3C5A99; padding:0px; } #home #demoChat .chatHelp .demoChatAction { position:absolute; bottom:88px; left:170px; display:block; /*width:81px;*/ height:19px; background-image: url(../images/bg-demoChatAction.png); background-position:0 -2px; background-repeat:no-repeat; text-align:center; color:#FFF; } #home #demoChat .chatHelp .demoChatAction span { background-image:url(../images/bg-demoChatAction-right.png); background-position:0 -2px; display:block; height:19px; margin-left:12px; padding-right:12px; } #home #demoChat .chatHelp .randomList .randomPeople .avatar { border:2px solid #3C5A99; padding:0px; } #home #demoChat .chat { margin-left:0px; position:absolute; bottom:68px; } #home #demoChat .chat ol.chatMessages { height:85px; } #home #demoChat .unlogChat { position:absolute; bottom:5px; right:3px; z-index:5; } #home #demoChat .chat .chatDialogue .chatSuggest ul.suggestSentences { height:32px; overflow:hidden; } #home #demoChat .chatDialogue .chatSuggest #suggestions ul li.suggestInfo { display:none; } #home #demoChat .chat .chatDialogue fieldset.chatCompose .newmsg { width:92%; } #home #demoChat .chatDialogue .chatMessages li.chatInfoMessage { text-align:center; padding:15px; padding-bottom:0px; border:none; } #home #demoChat .chatDialogue .chatMessages li.chatInfoMessage span { display:block; border:1px solid #056839; background-color:#A8D66A; color:#056839; padding:5px; } #home #demoChat .chatDialogue .chatMessages li.chatInfoMessage a { display:block; text-align:right; } /* #home #demoChat .limitFinished .chatDialogue .chatMessages li { display:none; } #home #demoChat .limitFinished .chatDialogue .chatMessages li.chatInfoMessage span { display:block; border:1px solid #056839; background-color:#D8E9B2; padding:5px; } #home #demoChat .limitFinished .chatDialogue .chatMessages li.limittedMessage { display:block; width:320px; border:1px solid #D7CF9E; background:#F4EBBD; line-height:20px; padding:7px 15px 10px 15px; margin:30px 0 0 8px; } #home #demoChat .limitFinished .chatDialogue .chatSuggest h5.currentTopics { display:block; font-size:10px; color:#737373; font-weight:normal; float:left; margin:1px 3px 0 3px; } #home #demoChat .limitFinished .chatDialogue .chatSuggest #suggestions ul { height:35px; } #home #demoChat .limitFinished .chatDialogue .chatSuggest #suggestions ul li { display:none;} #home #demoChat .limitFinished .chatDialogue .chatSuggest #suggestions ul li.suggestInfo { display:block; color:#A75A5A; background:none; padding-left:0; } #home #demoChat .limitFinished .chatDialogue ul.myInfo li.language span { display:inline-block; font-size:10px; color:#737373; margin-right:4px; } */ #home #demoChat .limitFinished .chatDialogue .chatMessages { display:none; } #home #demoChat .limitFinished .chatDialogue .chatSuggest { display:none; } #home #demoChat .limitFinished .chatDialogue .chatCompose { display:none; } #home #demoChat .limitFinished .chatDialogue .chatLogOver { display:block; padding:30px 0 70px; } #home #demoChat .limitFinished .chatDialogue ul.myInfo > li > a { display:none; } /* #home #demoChat .minimizeMod .chatDialogue { display:none; } #home #demoChat .minimizeMod .chatDialogue a.unlogChat { display:block; } */ /* #home #demoChat.chatInfo .chatDialogue { } #home #demoChat.chatInfo .chatDialogue a.unlogChat { display:block; } */ #home #demoChat.showInfo .chat { display:none; } #home #demoChat.showInfo .chatDialogue .chatHelp { display:block; } #home #demoChat.showInfo .chatHelp p.nation { margin:20px 0 10px 0; } #home #demoChat.showInfo .chatHelp fieldset.fsAnonymous { /*margin-bottom:110px; no need after randomList div added which is absolute positioned*/ display:none; } #home #demoChat.showInfo .chatHelp fieldset.fsAnonymous label { text-align:right; color:#737373; } #home #demoChat.showInfo .chatHelp fieldset.fsAnonymous input[type="text"] { padding:3px; } #home #demoChat .chatHelp .loadingSignal { position:absolute; top:130px; left:190px; } #home #demoChat .chatHelp .randomList { position:absolute; bottom:10px; width:382px; text-align:center; } #home #demoChat .chatHelp h5 { color:#314586; position:absolute; top:-30px; left:42px; font-size:12px; font-weight:normal; } #home #demoChat .chatHelp h5 span { font-weight:bold; } #home #demoChat ul.randomPeople { padding:0 14px; /*text-align:center;*/ } #home #demoChat ul.randomPeople li { position:relative; display:inline-block; margin-right:3px; min-height:39px; padding-top:9px; } #home #demoChat ul.randomPeople li.selected { background-image: url("../images/pointer.png"); background-repeat:no-repeat; background-position:13px 0px; z-index:2; } #home #demoChat ul.randomPeople li.last { margin-right:0px; } #home #demoChat ul.randomPeople li p { margin:0; text-align:center; color:#231F20; text-transform:uppercase; } #home #demoChat ul.randomPeople li .speech-bubble { display:none; position:absolute; bottom:52px; left:-20px; } #home #demoChat ul.randomPeople li .speech-bubble.active { display:block; display:inline; } #home #demoChat ul.randomPeople li .speech-bubble .tooltip { position:relative; background: url("../images/bubble-bg.png"); width:80px; } #home #demoChat ul.randomPeople li .speech-bubble .tooltip .content { margin:5px 0 14px 0; padding:7px; } #home #demoChat ul.randomPeople li .speech-bubble .tooltip .tooltip-top { position:absolute; top:0px; left:0px; background: url("../images/bubble-top.png"); width:80px; height:5px; } #home #demoChat ul.randomPeople li .speech-bubble .tooltip .tooltip-bottom { position:absolute; bottom:-10px; left:0px; background: url("../images/bubble-bottom.png"); width:80px; height:14px; } #home #demoChat span.backward, #home #demoChat span.forward { } #home #demoChat span.backward a { text-indent:-9999px; background: url("../images/backward.png") no-repeat; width:7px ; height:13px; position:absolute; top:18px; left:0px; } #home #demoChat span.forward a { text-indent:-9999px; background: url("../images/forward.png") no-repeat; width:7px ; height:13px; position:absolute; top:18px; right:0px; } #home #demoChat .chatLogOver { display:none; } #home #demoChat.chatOver .chatHelp, #home #demoChat.chatOver .chat { display:block; } #home #demoChat .chatLogOver p { line-height:20px; text-align:center; } #home #demoChat .chatLogOver span { text-indent:-9999px; background:transparent url(../images/logo-wbg.png) no-repeat; width:142px ; height:33px; position:absolute; left:140px; } #home #demoChat.chatOver .chatLogOver { display:block; margin-top:100px; } #home #demoChat .chat.initial ol.chatMessages { height:133px; } #home #login { float:left; /*width:145px; it is going down in IE8 if we make zoom*/ width:145px; margin-top:30px; text-align:right; } #home #login fieldset legend { display:none; } #home #login fieldset ol { position:relative; } #home #login fieldset ol li { position: relative; /*margin-bottom:5px;*/ width:100%; zoom:1; } #home #login fieldset ol li.remember { position:absolute; top:92px; right:0px; } #home #login fieldset ol li.remember label { display:inline; width:auto; } #home #login fieldset ol li input[type="text"], #home #login fieldset ol li input[type="password"] { font-size:10px; color:#737373; width:140px; padding:3px 0 5px 3px; } #home #login fieldset ol li label { vertical-align:top; width:120px; } #home #login fieldset ol li.email label, #home #login fieldset ol li.password label { display:none; } #home #login fieldset ol li span { text-indent:-9999px; background: url("../images/star.png") no-repeat; width:5px ; height:5px; display:inline-block; position:absolute; top:8px; left:150px; } #home #login fieldset.btn { padding:0px; margin-bottom:25px; } #login .forgotPassword { color:#314586; } #home #siteInfo { padding-top:10px; margin-left:0; } #home #siteInfo form#siteLangSelection { position:absolute; left:80px; top:9px; } #home #siteInfo form#siteLangSelection fieldset label { display:none; } #home #siteInfo form#siteLangSelection select { border:none; width:70px; font-size:10px; color:#45688E; } #home #siteInfo ul#siteInfoList { margin-right:0px; display:none; } #home .gddModalAlert#testInfo { width:360px; z-index:10020; } #home .gddModalAlert#testInfo ul { margin-left:15px; margin-bottom:20px; } #home .gddModalAlert#testInfo ul li { list-style-type:disc; color:#45688E; } #home .gddModalAlert#testInfo ul span { color:#363636; } #home .gddModalAlert#welcomeViaInvitation { width:360px; z-index:10020; } #home .gddModalAlert#welcomeViaInvitation .alertMid { padding:15px 10px; } .gddModalAlert#mainChatLang .alertMid ul.selectLang, .gddModalAlert#interfaceLang .alertMid ul.selectLang, .gddModalAlert#availableLang .alertMid ul.selectLang { padding:25px; } .gddModalAlert#mainChatLang .alertMid ul.selectLang li {display:inline-block; width:210px; margin-bottom:15px; } .gddModalAlert#interfaceLang .alertMid ul.selectLang li { display:inline-block; width:130px; padding-left:10px; margin-bottom:5px; background: url("../images/bullet.png") no-repeat 0px 4px; } .gddModalAlert#interfaceLang .alertMid ul.selectLang li.selected { color:#000; font-weight:bold; } .gddModalAlert#availableLang .alertMid ul.selectLang li { display:inline-block; width:130px; padding-left:10px; margin-bottom:5px; background: url("../images/bullet.png") no-repeat 0px 4px; } .gddModalAlert#availableLang .contInfo { border-bottom:1px solid #AAA; background:#F2F2F2; padding:10px; } .gddModalAlert#testInfo .alertMid { padding:15px 10px; } .gddModalAlert#testInfo .alertMid p { /*margin:20px 0; */} .gddModalAlert#testInfo .alertMid p span { color:#A75A5A; } #home #randomTale { padding:15px; width:310px; background:#F6F6F6; border:1px solid #D6D6D6; float:left; position:relative; margin-right:10px; } #home #randomTale h2, #home #randomTale h4 { display:none; } #home #randomTale h3 { position:absolute; top:167px; right:20px; color:#45688E; } #home #randomTale .play { position:absolute; left:250px; top:28px; width:50px; height:15px; @height:18px; background:#000000; border:1px solid #999999; color:#999999; text-align:center; padding-top:3px; } #home #randomTale .overlay { position:absolute; width:75px; background:#000; moz-opacity:0.5; khtml-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); height:59%; right:26px; top:18px; } #home #randomTale dl { overflow:auto; margin-top:10px; } #home #randomTale dl dt.avatar { border:none; float:left; margin-right:3px; } #home #randomTale dl dt.writerDef { display:inline-block; margin-top:25px; } #home #randomTale dl dd.writer { display:inline; } /*endof mainpage*/ /*fixedBars*/ #fixedBars { position:fixed; bottom:0px; left:0px; background:#EAEAEA; /* border-top:1px solid #B9BCC3; border-bottom:1px solid #B9BCC3;*/ width:100%; height:32px; z-index:500; } #fixedBars > div { min-width: 1024px; margin-left:auto; margin-right:auto; overflow:hidden; width:100%; } #fixedBars #translationBar { min-width:700px;/*yazi uzun olabilir diye*/ width:86%; margin-top:4px; float:left; } #fixedBars #translationBar .translationArea { width:100%; float:left; } #fixedBars #translationBar fieldset legend { display:none; } #fixedBars #translationBar .translationArea ul { margin:0; padding:0; float:left; width:85%; } #fixedBars #translationBar .translationArea ul li { position:relative; display:inline-block; width:48%; margin-left:10px; } #fixedBars #translationBar .translationArea ul li label { position:absolute; top:5px; left:5px; color:#737373; } #fixedBars #translationBar .translationArea ul li input[type="text"] { width:95%; font-size:11px; /*height:16px;*/ padding:4px 0 4px 25px; } #fixedBars #translationBar .translationArea input[type="button"] { margin-top:1px; } #fixedBars #chatFunctions { position:absolute; bottom:32px; right:250px; /*width:1212px; if there is only 1 open chat window then we can't select language from siteInfo*/ text-align:right; } .chat { width:270px; /*height:290px;*/ border:1px solid #BDC0C6; background:#FFF; /*float:left;*/ display: inline-block; margin-left:10px; /*vertical-align: baseline; ff it is not working*/ vertical-align:bottom; text-align:left; } .chat .chatRecipient { height:46px; background-color:#D1D2D4; background-image: url(../images/arrow-down-bg.png); background-repeat:no-repeat; background-position:83% 24px; border-bottom:1px solid #B9BCC3; position:relative; } .chat .chatRecipient img { position:absolute; top:3px; left:2px; width:35px; height:34px; background:#FFF; z-index:10; background-image: url(../images/bg-avatar.png); background-repeat:no-repeat; border:none; padding:3px; } .chat .chatRecipient h4 { position:absolute; background-color:#45688E; background-image: url(../images/logo-smartChat.png); background-repeat:no-repeat; background-position:80% 5px; top:0px; left:0px; margin:0; padding:6px 0 6px 48px; width:82.5%; color:#F9F9F9; } .chat .chatRecipient h4 span.messageCount { display:none; } .chat .chatRecipient h4 span.minimizeMood { background: url("../images/moods.png") no-repeat; width:18px; height:17px; display:none; vertical-align:middle; } .chat .chatRecipient h4 span.minimizeMood.happy { background-position: 0 0px; } .chat .chatRecipient h4 span.minimizeMood.neutral { background-position: -18px 0px; } .chat .chatRecipient h4 span.minimizeMood.angry { background-position: -36px 0px; } .chat .chatRecipient h4 span.minimizeMood.flirting { background-position: -54px 0px; width:23px; } .chat .chatRecipient h4 span.minimizeMood.love { background-position: -77px 0px; } .chat .chatRecipient h4 span.minimizeMood.sad { background-position: -95px 0px; } .chat .chatRecipient h4 span.minimizeMood.offline { background:transparent url(../images/status2.png) no-repeat scroll 4px 4px; } .chat .chatRecipient h4.typing span.name { padding-right:20px; background-image:url(../images/typing-icon.png); background-position: right 2px; background-repeat:no-repeat; } .chat .chatRecipient h5 { display:none; } .chat .chatRecipient ul.commands { position:absolute; top:0px; right:0px; } .chat .chatRecipient ul.commands li { display:inline; } .chat .chatRecipient ul.commands li.minimize a { text-indent:-9999px; background:transparent url(../images/minimize.png) no-repeat scroll 0 4px; width:11px; height:10px; position:absolute; top:6px; right:13px; } .chat .chatRecipient ul.commands li.close a { text-indent:-9999px; background: url(../images/close.png) no-repeat; width:7px; height:7px; position:absolute; top:8px; right:4px; } .chat .chatRecipient ul.info { position: absolute; top:28px; left:52px; } .chat .chatRecipient ul.info li.mood { } .chat .chatRecipient ul.info li.mood span { background: url("../images/moods.png") no-repeat; text-indent:-9999px;position:absolute; top:-1px; left:-8px; width:18px; height:18px; } .chat .chatRecipient ul.info li.mood.happy span { background-position: 0 0px; } .chat .chatRecipient ul.info li.mood.neutral span { background-position: -18px 0px; } .chat .chatRecipient ul.info li.mood.angry span { background-position:-36px 0px; } .chat .chatRecipient ul.info li.mood.flirting span { background-position: -54px 0px; width:23px; } .chat .chatRecipient ul.info li.mood.love span { background-position: -77px 0px; } .chat .chatRecipient ul.info li.mood.sad span { background-position: -95px 0px; } .chat .chatRecipient ul.info li.mood.offline span{ background:transparent url(../images/status2.png) no-repeat scroll 4px 4px; } .chat .chatRecipient ul.info li.lang { color:#000; margin-left:15px; padding-left:7px; border-left:1px solid #93A2C1; } .chat .chatDialogue { position:relative; clear:both; /*to clear video ads float*/ } .chat ol.chatMessages { overflow:auto; height:141px; padding-left:5px; position:relative; /*IE7 HACK */ } .chat ol.chatMessages li { position:relative; margin-bottom:5px; padding-right:35px; border-top:1px solid #F2F2F3; } .chat ol.chatMessages li h5 { display:inline-block; margin:3px 5px 3px 0px; } .chat ol.chatMessages li.other p.org { display:inline;/*padding-right:35px;*/ /*IE7&8 does not apply this padding */ } .chat ol.chatMessages li.other p.translated { display:none; } .chat ol.chatMessages li.myself p.org { display:inline; /*padding-right:35px;*/ /*IE7&8 does not apply this padding */ } .chat ol.chatMessages li.myself p.translated { display:none; } .chat ol.chatMessages li.connect { padding-bottom:25px; } .chat ol.chatMessages li.connect p { text-align:center; color:#737373; } .chat ol.chatMessages li.connect .loadingSignal { position:absolute; left:150px; display:none; } .chat ol.chatMessages li.connect .loadingSignal.active { display:block; } .chat ol.chatMessages li.system p { color:#737373; font-style:italic; text-align:center; } .chat ol.chatMessages li.busy { margin-bottom:30px; } .chat ol.chatMessages li.busy p { text-align:center; } .chat ol.chatMessages li.busy p span { text-indent:-9999px; background:transparent url(../images/logo-wbg.png) no-repeat; width:84px ; height:21px; position:absolute; left:140px; bottom:-23px; } .chat ol.chatMessages li.deny { margin-top:20px; border:none; } .chat ol.chatMessages li.deny p { text-align:center; } .chat.sameLang ol.chatMessages li.other p.org { display:inline; } .chat ol.chatMessages li.other h5 { color:#45688E; } .chat ol.chatMessages li.myself h5 { color:#737373; } .chat ol.chatMessages li span.time { color:#E2E2DB; position:absolute; top:5px; right:3px; } .chat ol.chatMessages li span.report, .chat ol.chatMessages li span.reported { position:absolute; top:17px; right:3px; background:#D8E9B2; border:1px solid #056839; display:block; padding-left:4px; width:9px; height:13px; color:#056839; } .chat ol.chatMessages li span.reported { color:#056839; } .chat ol.chatMessages li span.report a, .chat ol.chatMessages li span.reported a { color:#056839; } .chat ol.chatMessages li span.report .explanation, .chat ol.chatMessages li span.reported .explanation { display:none; } .chat ol.chatMessages li span.report:hover .explanation, .chat ol.chatMessages li span.reported:hover .explanation { z-index:10000; display:block; position:absolute; right:15px; top:-6px; width:150px; background:#D8E9B2; border:1px solid #056839; padding:5px; font-size:10px; z-index:60; } .chat ol.chatMessages li span.report:hover .explanation a, .chat ol.chatMessages li span.reported:hover .explanation a { color:#45688E; text-decoration:underline; } .chat ol.chatMessages li span.translated { position:absolute; top:13px; right:3px; background:#D8E9B2; border:1px solid #056839; display:block; padding-left:4px; width:9px; height:13px; color:#056839; } .chat ol.chatMessages li span.translated > a { color:#056839; } .chat ol.chatMessages li span.translated .explanation { display:none; } .chat ol.chatMessages li span.translated .explanation a { text-decoration:underline; } .chat ol.chatMessages li span.translated:hover .explanation { display:block; position:absolute; right:0; top:15px; width:150px; background:#D8E9B2; border:1px solid #056839; padding:5px; font-size:10px; z-index:60; } .chat .chatDialogue fieldset.chatCompose { /*position:absolute; bottom:22px; left:0;*/ } .chat .chatDialogue fieldset.chatCompose .newmsg { /*width:89%; in main page it was short*/ width:89%; height:13px; padding:2px 15px; font-size:11px; background: url("../images/tbChat-icon.png") no-repeat 3px 0px; border:none; border-top:1px solid #E2E2DB; resize:none; /*Added for chrome*/ } .chat .chatDialogue fieldset.chatCompose .newmsg.bigger { height:45px; } .chat .chatDialogue fieldset.chatCompose .newmsg.disable { background:#F6F6F6; } .chat .chatDialogue fieldset.chatCompose h5 { display:none; } .chat .chatDialogue .chatSuggest { display:none; background:#D8E9B2; width:100%; border-top:1px solid #056839; border-bottom:1px solid #056839; position:relative; } .chat .chatDialogue .active { display:block; } .chat .chatDialogue h5 { display:none; } .chat .chatDialogue h5.currentTopics { display:block; position:absolute; top:-9px; left:1px; color:#056839; font-size:10px; } .chat .chatDialogue .chatSuggest ul.chatTopic { height:15px; border-bottom:1px solid #66A75F; padding-left:52px; background:#A8D66A; } .chat .chatDialogue .chatSuggest ul.chatTopic li { display:inline-block; margin-right:18px; position:relative; } .chat .chatDialogue .chatSuggest ul.chatTopic li span { font-size:10px; color:#056839; font-weight:bold; } .chat .chatDialogue .chatSuggest ul.chatTopic li a.close { text-indent:-9999px; background: url(../images/close3.png) no-repeat; width:10px; height:9px; position:absolute; top:3px; right:-14px; } .chat .chatDialogue .chatSuggest a.showAllTopic { display:none; background: url("../images/plus.png") no-repeat; text-indent:-9999px; position:absolute; top:2px; right:2px; width: 10px; height: 10px; /*z-index:10010;*/ z-index:10; } .chat .chatDialogue .chatSuggest a.showAllTopic.active { display:block; } .chat .chatDialogue .chatSuggest div.allTopics { display:none; background:#D8E9B2; border:1px solid #056839; width:90px; /*padding:5px;*/ /*z-index:10000;before i was added it because of some problem about a which has class name "showAllTopic" */ position:absolute; top:-89px; right:0px; } .chat .chatDialogue .chatSuggest div.allTopics.active { display:block;} .chat .chatDialogue .chatSuggest div.allTopics > div { height:73px; overflow-y:auto; padding:5px; margin-bottom:20px; } .chat .chatDialogue .chatSuggest div.allTopics input[type="text"] { width:70px; font-size:8px; display:none; } .chat .chatDialogue .chatSuggest div.allTopics li a { color:#056839; } /*.chat .chatDialogue .chatSuggest fieldset.newTopic { position:absolute; bottom:5px; left:5px; }*/ .chat .chatDialogue .chatSuggest fieldset.newTopic legend, .chat .chatDialogue .chatSuggest fieldset.newTopic label { display:none; } .chat .chatDialogue .chatSuggest ul.suggestSentences { font-size:9px; padding:5px; /*display:none;*/ } .chat .chatDialogue .chatSuggest ul.suggestSentences.active { display:block; } .chat .chatDialogue .chatSuggest ul.suggestSentences li { background: url("../images/suggest-starter.png") no-repeat 0 5px; padding-left:10px; margin-bottom:1px; } .chat .chatDialogue .chatSuggest ul.suggestSentences li a { color:#056839; } .chat .chatDialogue .chatSuggest ul.suggestSentences li.sugg a { color:#056839; background-color:#A8D66A; padding-right:10px; } .chat .chatDialogue a.expand { background: url("../images/arrow-down.png") no-repeat 5px 6px; text-indent:-9999px; position:absolute; bottom:0px; right:0px; width:15px; height:20px; z-index:5; border-left:1px solid #BDC0C6; } .chat .chatDialogue a.expand:hover { background: url("../images/arrow-up-hover.png") no-repeat 5px 6px; } .chat .chatDialogue a.contract { background: url("../images/arrow-down.png") no-repeat 5px 6px; text-indent:-9999px; position:absolute; bottom:0px; right:0px; width:15px; height:20px; z-index:5; border-left:1px solid #BDC0C6; } .chat .chatDialogue a.contract:hover { background: url("../images/arrow-down-hover.png") no-repeat 5px 6px; } .chat .chatDialogue ul.myInfo { display:none; background:#D1D2D4; height:20px; width:99%; padding-left:3px; border-top:1px solid #BDC0C6; position:relative; } .chat .chatDialogue ul.active { display:block; } .chat .chatDialogue ul.myInfo > li { display:inline-block; padding-right:10px; } .chat .chatDialogue ul.myInfo > li.language { background-image: url(../images/bullet.png); background-repeat:no-repeat; background-position:98% 50%; } .chat .chatDialogue ul.myInfo > li > a { text-decoration:underline; } .chat .chatDialogue ul.myInfo li.language span { display:none; } .chat .chatDialogue ul.myInfo h6 { display:none; } .chat .chatDialogue ul.myInfo li ul.myLangs { display:none; position:absolute; bottom:20px; left:0px; border:1px solid #BDC0C6; background:#FFF; width:75px; padding:3px 0 0 3px; max-height:102px; overflow-y:auto; overflow-x:hidden; } .chat .chatDialogue ul.myInfo li ul.active { display:block; } .chat .chatDialogue ul.myInfo li ul.myLangs li a { text-decoration:none; } .chat .chatDialogue ul.myInfo li .selectMood { bottom:20px; left:50px; z-index:30; } .chat .chatDialogue ul.myInfo.hideLinks { display:block; } .chat .chatDialogue ul.myInfo.hideLinks li { display:none; } .chat .chatDialogue ul.myInfo .myGifts { position:absolute; top:0px; left:220px; } .chat .chatDialogue ul.myInfo .myGifts span.gift1 { background: url("../images/gift.png") no-repeat; text-indent:-9999px; position:absolute; top:2px; right:45px; width: 13px; height: 13px; } .chat .chatDialogue ul.myInfo .myGifts span.active { background: url("../images/gift.png") no-repeat; } .chat .chatDialogue ul.myInfo .myGifts span.gift2 { background: url("../images/gift.png") no-repeat; text-indent:-9999px; position:absolute; top:2px; right:30px; width: 13px; height: 13px; } .chat .chatDialogue ul.myInfo .myGifts span.score { color:#A75A5A; font-weight:bold; display:block; margin-top:2px; } .chat .videoChat { display:block; border-bottom: 1px solid #E2E2DB; /*height:180px;*/ height:214px; text-align:center; } .chat.translatedMode .videoChat { text-align:left; } .chat.translatedMode .videoChat .cam { width:240px; padding-right:10px; border-right:1px solid #E2E2DB; float:left; } .chat.translatedMode .videoChat .advertisement { width:129px; float:left; text-align:center; padding-top:5px; } .chat .chatRecipient a.videoReq { display:none; text-indent:-9999px; background:transparent url(../images/video-chat-icon.png) no-repeat scroll 0 0px; width:16px; height:8px; position:absolute; top:31px; right:3px; } .chat .chatRecipient a.videoReq.active { display:block; } .chat .chatRecipient a.videoReqSound { display:none; text-indent:-9999px; background:transparent url(../images/voice-chat-icon.png) no-repeat scroll 0 0px; width:13px; height:14px; position:absolute; top:28px; right:22px; padding-right:3px; border-right:1px solid #93A2C1; } .chat .chatRecipient a.videoReqSound.active { display:block; } .chat .chatRecipient .translation-play-control { position:absolute; top:30px; right:50px; } .chat .chatRecipient .translation-play-control input { vertical-align:bottom; margin-left:5px; } .chat.minimizeMode .chatDialogue { display:none; } .chat.minimizeMode .chatRecipient img { display:none; } .chat.minimizeMode .chatRecipient h4 { padding:4px 0 4px 4px; width:99%; background-image:none; } .chat.minimizeMode .chatRecipient h4 span.minimizeMood { display:inline-block; vertical-align:top; } .chat.minimizeMode .chatRecipient h4 span.messageCount { display:inline-block; color:#FFF; } .chat.minimizeMode .chatRecipient h4 span.name { display: inline-block; max-width: 210px; border:1px solid #45688E; /*for IE8's strange problem, before border smiley was coming over name*/ } .chat.minimizeMode .chatRecipient h4.newmessage span.name { border:1px solid #FFA200; /*for IE8's strange problem, before border smiley was coming over name*/ } .chat.minimizeMode .chatRecipient h4.offline span.name { border:1px solid #6F777F; /*for IE8's strange problem, before border smiley was coming over name*/ } .chat.minimizeMode { width:185px; margin-bottom:3px; margin-left:5px; } .chat.minimizeMode .chatRecipient { height:20px; } .chat.minimizeMode .chatRecipient ul.info { display:none; } /*.chat.minimizeMode .videoChat { display:none; } we removed this because flash does not work when display is none*/ .chat.minimizeMode a.videoReq, .chat.minimizeMode .chatRecipient a.videoReq.active, .chat.minimizeMode a.videoReqSound, .chat.minimizeMode a.videoReqSound.active, .chat.minimizeMode .translation-play-control { display:none; } .chat.translatedMode { width:380px; } .translatedMode.minimizeMode { width:185px; margin-left:5px; } .chat.translatedMode .chatRecipient h4 { width:87.4%; } .chat.translatedMode.minimizeMode .chatRecipient h4 { width:99%;} .chat.translatedMode ol.chatMessages li p.org { display:block; /*margin:3px 0;*/ margin:0; } .chat.translatedMode ol.chatMessages li p.translated { display:block; color:#056839; font-size:10px; /*margin:3px 0;*/ margin:0; } .chat.translatedMode ol.chatMessages li p.mt { display:block; color:#7E5300; font-size:10px; } .chat.translatedMode .chatDialogue ul.myInfo { width:99.3%; } .chat.translatedMode .chatDialogue ul.myInfo .myGifts { left:330px; } .chat.sameLang .chatDialogue .chatSuggest { display:none; } .chat.sameLang .chatDialogue fieldset.chatCompose .newmsg { height:40px; } .chat .chatRecipient h4.offline { background-color:#6F777F; } .chat .chatRecipient h4.newmessage { /*background-color:#7DACDF;*/ background-color:#FFA200; } .chat.offline .chatRecipient { background-image: url(../images/arrow-down-offline-bg.png); background-repeat:no-repeat; background-position:83% 22px; } .chat.offline .chatRecipient h4 { background-color:#6F777F; } .chat.offline.minimizeMode .chatRecipient h4 span.name { border:1px solid #6F777F; /*for IE8's strange problem, before border smiley was coming over name*/ } .chat.offline .chatRecipient ul.commands li.minimize a { background:transparent url(../images/minimize-offline.png) no-repeat scroll 0 6px; } .chat.offline .chatRecipient ul.commands li.close a { background: url(../images/close-offline.png) no-repeat; width:8px; height:10px; } .gddModalAlert#pupAnonymousReq { width:232px; bottom:310px; right:-10px; padding:0; } .gddModalAlert#pupAnonymousReq > div { border:1px solid #45688E; } .gddModalAlert#pupAnonymousReq .alertMid p { line-height:20px; padding:0px 15px; margin-bottom:0; } .gddModalAlert#pupAnonymousReq .control { background:none; border:none; } .gddModalAlert#pupAnonymousReq .control a { margin-left:5px; } #fixedBars #onlineFriends { background:#F7F7F7; float:right; border-left:1px solid #B9BCC3; border-right:1px solid #B9BCC3; padding:8px; width:120px; /*not to go down in another languages */ } #fixedBars #onlineFriends h5 { display:none; } #fixedBars #onlineFriends #onlineFriendList { position:absolute; bottom:32px; right:10px; width:230px; border:1px solid #B9BCC3; display:none; } #fixedBars #onlineFriends #onlineFriendList.active { display:block; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader { height:46px; background:#E3E7F9; border-bottom:1px solid #B9BCC3; position:relative; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader h4 { color:#fff; width:95%; padding:6px; background:#45688E; margin:0; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader ul.commands { position:absolute; right:0; top:0; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader ul.commands li { display:inline; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader ul.commands li.minimize a { text-indent:-9999px; background:transparent url(../images/minimize.png) no-repeat scroll 0 4px; width:11px; height:10px; position:absolute; top:6px; right:5px; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader ul.commands li.close a { display:none; text-indent:-9999px; background: url(../images/close.png) no-repeat; width:7px; height:7px; position:absolute; top:8px; right:4px; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader .settings p { background: url("../images/settings-icon.png") no-repeat 2% 50%; margin:5px 0; padding-left:20px; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader ul.chatSettings { display:none; background:#F7F7F7; border:1px solid #B9BCC3; position:absolute; bottom:19px; left:-1px; z-index:20; padding:10px; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader ul.active { display:block; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader ul.chatSettings > li { margin-bottom:10px; position:relative; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader ul.chatSettings > li input { margin-right:10px; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader ul.chatSettings li.changeStatus { background: url("../images/status2.png") no-repeat 0 3px; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader ul.chatSettings li.popupChat { background: url("../images/popup-icon.png") no-repeat 0 3px; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader ul.chatSettings li.setAvatar { background: url("../images/avatar-icon.png") no-repeat 0 3px; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader ul.chatSettings li.active a { text-decoration:underline; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader ul.chatSettings li.setAvatar ul.avatarBox { background:#F7F7F7; border:1px solid #B9BCC3; width:202px; padding:8px 0 0 8px; display:none; position:absolute; top:-205px; left:50px; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader ul.chatSettings li ul.avatarBox.active { display:block; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader ul.chatSettings li.setAvatar ul.avatarBox li { background: url("../images/flowers.jpg") no-repeat; display: inline-block; margin:0px 8px 8px 0px; width:40px; height:35px; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader ul.chatSettings li.setAvatar ul.avatarBox li a { text-indent: -9999px; display: inline-block; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader ul.chatSettings li.setAvatar ul.avatarBox li.selected { border:1px groove #8CA1B8; padding:2px; margin:0px 3px 3px 0px; background-position:2px; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader ul.chatSettings li.setAvatar ul.avatarBox li.avtr1 { background-position: 0 0px; /* horizontal vertical */ } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader ul.chatSettings > li > a { margin-left:25px; } #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader ul.chatSettings li.showTranslation a, #fixedBars #onlineFriends #onlineFriendList .onlineFriendsHeader ul.chatSettings li.playSound a { margin-left:10px; } #fixedBars #onlineFriends #onlineFriendList #friendsListing { max-height:243px; overflow:auto; background:#fff; } #fixedBars #onlineFriends #onlineFriendList #friendsListing li { border-bottom:1px solid #C9CAD0; padding:4px 10px; position:relative; min-height:33px; overflow:auto; overflow-x:hidden; /*For Opera*/} #fixedBars #onlineFriends #onlineFriendList #friendsListing li a.name { font-weight:bold; display:block; margin-left:35px; } #fixedBars #onlineFriends #onlineFriendList #friendsListing li a .friend-avatar { width:31px; height:31px; float:left; margin-top:-10px; margin-right:5px; } #fixedBars #onlineFriends #onlineFriendList #friendsListing li span.lang { color:#737373; } #fixedBars #onlineFriends #onlineFriendList #friendsListing li span.status { text-indent:-9999px; background: url("../images/moods.png"); width:18px; height:17px; position:absolute; top:8px; right:9px; } #fixedBars #onlineFriends #onlineFriendList #friendsListing li span.status.happy { background-position: 0px 0px; } #fixedBars #onlineFriends #onlineFriendList #friendsListing li span.status.neutral { background-position: -18px 0px; } #fixedBars #onlineFriends #onlineFriendList #friendsListing li span.status.sad { background-position: -95px 0px; } #fixedBars #onlineFriends #onlineFriendList #friendsListing li span.status.flirting { background-position: -54px 0px; width:23px; right:4px; } #fixedBars #onlineFriends #onlineFriendList #friendsListing li span.status.angry { background-position: -36px 0px; } #fixedBars #onlineFriends #onlineFriendList #friendsListing li span.status.love { background-position: -77px 0px; } #fixedBars #onlineFriends #onlineFriendList #friendsListing li span.status.offline { background:transparent url(../images/status2.png) no-repeat scroll 4px 8px; } /*endof fixedBars*/ /*#moderation #main #pageRep { top:-60px; }*/ #moderation #main #content p#listOverview { color:#737373; font-weight:bold; } #moderation #main #content ul.moderationList > li { background:#EAEAEA; position:relative; margin-bottom:20px; padding-top:25px; } #moderation #main #content ul.moderationList li span.srcLang, #moderation #main #content ul.moderationList li span.targetLang { color:#737373; display:inline-block; width:65px; text-align:right; } #moderation #main #content ul.moderationList li span.srcLang { position:absolute; top:5px; left:5px; } #moderation #main #content ul.moderationList li span.targetLang { position:absolute; top:27px; left:5px; } #moderation #main #content ul.moderationList li span.orgText { position:absolute; top:5px; left:90px; } #moderation #main #content ul.moderationList li ul.translationOptions { padding:0 10px 0px 80px; margin:0 10px; border-top:1px solid#B9BCC3; } #moderation #main #content ul.moderationList li ul.translationOptions li { position:relative; border-bottom:1px solid #DDD; min-height:13px; padding:3px 0; } #moderation #main #content ul.moderationList li ul.translationOptions li.edit { display:none;} #moderation #main #content ul.moderationList li ul.translationOptions li.edit.active { display:block; } #moderation #main #content ul.moderationList li ul.translationOptions li.edit textarea { width:315px; height:20px; } #moderation #main #content ul.moderationList li ul.translationOptions li p { margin:5px 0; } #moderation #main #content ul.moderationList li ul.translationOptions li label { display:inline-block; /*width:340px;*/ padding-right:40px; } #moderation #main #content ul.moderationList li ul.translationOptions li.selected label { background:#CFD5DB; cursor:crosshair; } #moderation #main #content ul.moderationList li ul.translationOptions li.afterRemoved label { margin-left:25px; } #moderation #main #content ul.moderationList li ul.translationOptions li input[type="radio"] { position:absolute; top:3px; right:-15px; } #moderation #main #content ul.moderationList li ul.translationOptions li a { float:right; margin-right:5px; } #moderation #main #content ul.moderationList li ul.translationOptions li a.edit { /*margin-right:30px;*/ cursor:pointer; } #moderation #main #content ul.moderationList li ul.translationOptions li input[type="text"] { display:none; width:280px; font-size:11px; padding:3px 0; } #moderation #main #content ul.moderationList li ul.translationOptions li input[type="text"].active { display:block; } #moderation #main #content ul.moderationList li input.orgText2 { position:absolute; top:2px; left:90px; font-size:11px; padding:3px 0; width:280px; } #moderation #main #content ul.moderationList li ul.commands { position:absolute; bottom:-15px; right:0px; } #moderation #main #content ul.moderationList li ul.commands li { display:inline-block; padding-right:5px; border-right:1px solid #45688E; margin-right:5px; } #moderation #main #content ul.moderationList li ul.commands li.last { margin-right:0; border:none; } #moderation #main #content.report ul.reportList > li { position:relative; background:#EAEAEA; border:1px solid #DEDEDE; /* padding-bottom:35px;we removed it for now since we comment out information about translation at the bottom*/ margin-bottom:20px; } #moderation #main #content.report ul.reportList > li span.translatorName { color:#737373; /*display:inline-block;*/ float:left; margin:5px 0 0 10px; width:190px; } #moderation #main #content.report ul.reportList > li .spamReport { float:right; margin-top:5px; } #moderation #main #content.report ul.reportList > li .spamReport span.spam { color:#737373; } #moderation #main #content.report ul.reportList > li .spamReport input { vertical-align:bottom; margin-right:10px; } #moderation #main #content.report ul.reportList > li ul.reportedSentences li { border-bottom:1px solid #B9BCC3; padding:10px;margin-left:100px; } #moderation #main #content.report ul.reportList > li ul.reportedSentences { border-bottom:1px solid #B9BCC3; } #moderation #main #content.report ul.reportList > li ul.reportedSentences li.last { border-bottom:none; } #moderation #main #content.report ul.reportList > li ul li span.org, #moderation #main #content.report ul.reportList > li ul li span.reported, #moderation #main #content.report ul.reportList > li ul li span.edited { font-weight:bold; display:inline-block; width:80px; margin-left:-100px; vertical-align:top; } #moderation #main #content.report ul.reportList > li ul li span.srcLang, #moderation #main #content.report ul.reportList > li ul li span.targetLang {display:inline-block; margin-left:8px; } /*#moderation #main #content.report ul.reportList > li ul li textarea { margin-left:8px; width:340px; height:20px; }*/ #moderation #main #content.report ul.reportList > li ul li input[type="text"] { margin-left:8px; width:340px; height:20px; } #moderation #main #content.report ul.reportList > li ul.commands { position:absolute; bottom:-15px; right:0px; } #moderation #main #content.report ul.reportList > li ul.commands li { display:inline-block; padding-right:5px; border-right:1px solid #45688E; margin-right:5px; } #moderation #main #content.report ul.reportList > li ul.commands li.last { margin-right:0; border:none; } #moderation #main #content.report p.deletedMsg { padding:10px 10px 10px 20px; } #moderation #main #contentFilter { width:137px; margin:44px 10px 0 15px; } #moderation #main #contentFilter .warning { font-weight:normal; } #moderation #main #contentFilter .relatedNav h4 { display:none; } #moderation #main #contentFilter .relatedNav ul li { margin-bottom:10px; } #moderation #main #contentFilter .relatedNav ul li.current a { font-weight:bold; } /*Photos*/ /*#addPhoto #main #pageRep { top:-60px; }*/ #addPhoto #main #content { width:350px; margin:40px 90px 100px 90px; padding:30px 60px; border:1px solid #D6D6D6; background:#fff; } #addPhoto #main #content h3 { border-bottom:1px solid #B9C4DA; color:#45688E; font-size:12px; padding-bottom:5px; } #addPhoto #main #content h4 { color:#45688E; font-weight:bold; } #addPhoto #main #content ul { margin:10px 0 0 20px; } #addPhoto #main #content ul li { color:#45688E; margin-bottom:10px; list-style-type:square; } #addPhoto #main #content ul li span{ color:#242424; } #addPhoto #main #content fieldset { text-align:center; margin:30px 0; padding:0; } #addPhoto #main #content p { line-height:20px; } #addPhoto #main #content p.photoProblem { position:absolute; left:-50px; bottom:-70px; } #addPhoto #main #content p span { font-weight:bold; } /*#myPhotos #main #pageRep { top:-60px; }*/ #myPhotos #main #content { width:96%; } #myPhotos #main #content > h4 { display:none; } #myPhotos #main #content p#listOverview { color:#737373; font-weight:bold; } #myPhotos #main #content ul.photoList > li { position:relative; min-height:134px; margin-bottom:10px; background:#FFFFFF; border:1px solid #D9D9D9; padding:10px; overflow:hidden; } #myPhotos #main #content ul.photoList > li a.albumPhoto { position:absolute; top:11px; left:11px; } #myPhotos #main #content ul.photoList > li img { max-width:132px; max-height:132px; } #myPhotos #main #content ul.photoList > li h3 { color:#45688E; font-size:13px; font-weight:bold; position:absolute; top:0px; left:160px; } #myPhotos #main #content ul.photoList > li ul.attributes { float:left; margin:20px 0 0 150px; width:300px; } #myPhotos #main #content ul.photoList > li ul.attributes li { color:#737373; margin-bottom:10px; } #myPhotos #main #content ul.photoList > li ul.attributes li.editDate { margin-bottom:0px; } #myPhotos #main #content ul.photoList > li ul.attributes .likeDetails { background:#F2F2F2; border:1px solid #E8E9EB; padding:8px; margin-right:10px; display:none; } #myPhotos #main #content ul.photoList > li ul.attributes .likeDetails .like { background:url("../images/like-icon.png") no-repeat; padding-left:20px; margin-right:10px; } #myPhotos #main #content ul.photoList > li ul.attributes .likeDetails .dislike { background:url("../images/dislike-icon.png") no-repeat 0px 3px; padding:0 0 3px 20px; } #myPhotos #main #content ul.photoList > li ul.commands { display:inline-block; padding:15px 0 15px 10px; border-left:1px solid #E2E2E2; } #myPhotos #main #content ul.photoList > li ul.commands li { margin-bottom:5px; } #myPhotos #main #content ul.photoList > li ul.commands li.like {} #myPhotos #main #content ul.pagination { position:absolute; right:-10px; top:-27px; } #myPhotos #main #content ul.pagination li { display:inline-block; margin-right:3px; font-weight:bold; font-size:10px; } #myPhotos #main #content ul.paginationBottom { position:absolute; right:-10px; bottom:-7px; } #myPhotos #main #content ul.paginationBottom li { display:inline-block; margin-right:3px; font-weight:bold; font-size:10px; } /*Search Pages*/ #main #content ul.dataList > li { position:relative; min-height:134px; margin-bottom:10px; background:#FFFFFF; border:1px solid #D9D9D9; padding:10px; overflow:hidden; } #main #content ul.dataList > li img { max-width:132px; max-height:132px; } #main #content ul.dataList > li h3 { color:#45688E; font-size:13px; font-weight:bold; position:absolute; top:0px; left:160px; } .searchResults #main #content ul.dataList > li ul.attributes { width:430px; } #main #content ul.dataList > li ul.attributes { float:left; margin:20px 0 0 150px; width:330px; } #main #content ul.dataList > li ul.attributes li { color:#737373; margin-bottom:10px; } #main #content ul.dataList > li ul.attributes li.editDate { margin-bottom:0px; } #main #content ul.dataList > li ul.commands { display:inline-block; padding:15px 0 15px 10px; border-left:1px solid #E2E2E2; } #main #content ul.dataList > li ul.commands li { margin-bottom:5px; } #myPhotos #main #content ul.dataList > li a.albumPhoto { position:absolute; top:11px; left:11px; } #myVideos #main #content ul.dataList > li a.videoImage { position:absolute; top:11px; left:11px; } #people #main #content ul.dataList > li a.peopleAvatar { position:absolute; top:11px; left:11px; } #people #main #content ul.dataList > li h3 { position:static; color:#45688E; font-size:13px; font-weight:bold; margin:0 0 0 120px; max-width:210px; } #people #main #content ul.dataList > li span.status.online { display:block; /*display:none;font-size:10px; color:#D8E9B2; margin-left:109px;*/ text-indent:-9999px; position:absolute; background-image:url("../images/online-icon.png"); width:9px; height:9px; top:14px; left:118px; } #people #main #content ul.dataList > li span.status.offline { display:block; text-indent:-9999px; position:absolute; background-image:url("../images/offline-icon.png"); width:9px; height:9px; top:14px; left:118px; } #people #main #content ul.dataList > li dl { margin-left:110px; width:215px; float:left; /*when we add "display:inline-block" to "ul.friendList > li ul.commands" we need to add "float:left" */ } #people #main #content ul.dataList > li dt { color:#777777; left:0; position:relative; top:4px; width:100px; } #people #main #content ul.dataList > li dd { margin-left:100px; margin-top:-10px; padding-left:15px; } #people #main #content ul.dataList > li dd ul li { display:inline; } #people.searchResults #main #content { width:96%; } #myPhotos.searchResults p#listOverview, #myVideos.searchResults p#listOverview { color:#737373; font-weight:bold; padding:10px 0 10px 20px; border-bottom:1px solid #D6D6D6; background:#FFF; margin:0; } /*Search Pages*/ /*#albumCreate #main #pageRep { top:-60px; }*/ #albumCreate #main #content { margin:25px 190px; height:auto; float:none; margin-left:auto; margin-right:auto; } #albumCreate #main #content form h4 { color:#45688E; } #albumCreate #main #content form input[type="text"] { width:257px; padding:3px; } #albumCreate #main #content form textarea { width:260px; height:90px; } #albumCreate #main #content form fieldset.btn { padding-left:0px; width:260px; } #albumCreate #main #content form ol li ul.privacy-control { right:115px; } #albumCreate #pupSelectFriend { top:300px; left:200px; } #albumCreate .gddModalAlert div .contInfo input.txtFriendName { width:200px; font-size:10px; color:#737373; padding:3px; float:right; margin-top:-4px; } /*#standartUploader #main #pageRep { top:-60px; }*/ #standartUploader #main #content { width:460px; margin:40px 0px; } #standardUploader #main #content { width:100%; margin:40px 0px; } /*there is a conflict i wrote "standarT" for body id it is written like "standarD" */ #standartUploader #main #content form label { float:left; width:70px; } #standartUploader #main #content form fieldset.photoUploader { /*float:left;*/ margin-left:80px; } #standartUploader #main #content form fieldset.btn { padding-left:80px; } #standartUploader #main #content form input[type="file"] { margin-bottom:10px; } #standartUploader #main #content form p.lblPhotoUpload { float:left; margin:0; width:75px; } #standartUploader #main #content form p.hint { font-size:10px; padding-left:80px; } .CentralBtnWrapper { width:80%; margin-left: auto; margin-right:auto; } #frmStandartUpload .CentralBtnWrapper{ margin-bottom : 10px; margin-left: 161px;} .whiteWrapper { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #D6D6D6; float:none; margin:10px 0 10px 10px; padding:20px; position:relative; width:578px; } #standardUploader fieldset.langSelect, #standardUploader li.addPicChkRb{ margin-left: 133px;} /*#allPhotos #main #pageRep { top:-60px; }*/ #allPhotos #main p#listOverview { color:#737373; font-weight:bold; margin-left:15px; } #allPhotos #main ul#albumPhotosList { width:600px; margin:30px auto 0 auto; } #allPhotos #main ul#albumPhotosList li { display:inline-block; width:165px; min-height:110px; margin-bottom:10px; text-align:center; } #allPhotos #main ul#albumPhotosList li .albumPicture { padding:6px; border:1px solid #DBDCD6; background:#FFF; } #allPhotos #main ul#albumPhotosList li.selected .albumPicture { border:1px solid #45688E; } #allPhotos #main ul.pagination { position:absolute; /*right:5px; top:40px; changed by Duygu*/ top:5px; right:-90px; } #allPhotos #main ul.pagination li { display:inline-block; margin-right:5px; } #allPhotos #main ul.paginationBottom { border-top:1px solid #D6D6D6; background:#FFF; padding:5px; text-align:right; } #allPhotos #main ul.paginationBottom li { display:inline-block; } #photoView .backNavigation { color:#737373; margin:0 0 0 155px; padding:10px 0 10px 10px; border:1px solid #D6D6D6; border-top:none; } /*#photoView #main #pageRep { top:-60px; }*/ #photoView #main #content { float:none; margin-left:auto; margin-right:auto; padding-top:12px; text-align:center; } #photoView #main #content .photo_div { display:inline-block; position:relative; } #photoView #main #content ul.attributes { position:relative; text-align:left; margin:5px 0 5px 5px; padding-bottom:20px; } #photoView #main #content ul.attributes li { color:#737373; width: 320px; } #photoView #main #content ul.attributes li.photoDescHolder { color:#000; margin-bottom: 5px; } #photoView #main #content ul.attributes li.name { position:absolute; top:0px; right:5px; padding-left:20px; max-width:100px; border-left:1px solid #D6D6D6; text-align:right; } #photoView #main #content ul.attributes li.name a { display: block; } #photoView #main #content ul.photoNavigation { position:absolute; top:-30px; right:-85px; } #photoView #main #content ul.photoNavigation li { display:inline-block; } #photoView #main #content ul.photoNavigation li.back a { text-indent:-9999px; background: url("../images/backward-icon.png") no-repeat; width:10px ; height:10px; position:absolute; top:5px; right:30px; } #photoView #main #content ul.photoNavigation li.next a { text-indent:-9999px; background: url("../images/forward-icon.png") no-repeat; width:10px ; height:10px; position:absolute; top:5px; right:10px; } /* for old desing .tagging { border:1px solid #45688E; text-align:left; width:200px; position:relative; margin-bottom:10px; } .tagging .title { display:block; background:#45688E; color:#FFF; font-weight:bold; padding:5px 10px; } .tagging span.close { text-indent:-9999px; background:transparent url(../images/close.png) no-repeat scroll; width:7px; height:7px; position:absolute; top:6px; right:5px; } .tagging.removing span.close { display:none; } .tagging ul.tagList { margin:10px; max-height:150px; overflow:auto; } .tagging ul.tagList li { margin-bottom:10px; position:relative; } .tagging.adding ul.tagList li.hide { display:none; } .tagging.removing ul.tagList li { display:none; } .tagging.removing ul.tagList li.tagged { display:block; } .tagging ul.tagList li span.add { text-indent:-9999px; background:transparent url(../images/close.png) no-repeat scroll; width:7px; height:7px; position:absolute; top:4px; left:0px; } .tagging ul.tagList li span.remove { text-indent:-9999px; background:transparent url(../images/close.png) no-repeat scroll; width:7px; height:7px; position:absolute; top:4px; left:0px; } .tagging ul.tagList li span.tagFriend { padding-left:20px; } .tagging.adding ul.tagList li span.remove { display:none; } .tagging.removing ul.tagList li span.add { display:none; } */ #pupTagging.gddModalAlert { width:190px; border:1px solid #555555; padding:0; } #pupTagging.gddModalAlert .alertMid { padding:10px; padding-bottom:0px; } #pupTagging.gddModalAlert .alertMid input[type="text"] { display:block; margin-bottom:10px; } #pupTagging.gddModalAlert .alertMid ul.tagList { margin-top:20px; background:#F7F7F7; height:200px; overflow:auto; } #pupTagging.gddModalAlert .alertMid ul.tagList li { margin-bottom:10px; } #pupTagging.gddModalAlert .alertMid ul.tagList li.me { border-bottom:1px solid #CCCCCC; padding:5px 0; } #pupTagging.gddModalAlert .alertMid ul.tagList li label { margin-left:5px; vertical-align:top; } #pupTagging.gddModalAlert .control { border:none; background:none; } #photoView #main #photoActions { background:#FFF; border-top:1px solid #D6D6D6; overflow:auto; } #photoView #main #photoActions > div { overflow:auto; } #photoView #main #photoActions .likeDetails { background:#F2F2F2; border:1px solid #E8E9EB; padding:8px; margin:15px 0 3px 0; width:408px; margin-left:20px; } #photoView #main #photoActions .likeDetails .like { background:url("../images/like-icon.png") no-repeat; padding-left:20px; margin-right:10px; } #photoView #main #photoActions .likeDetails .dislike { background:url("../images/dislike-icon.png") no-repeat 0px 3px; padding:0 0 3px 20px; } #photoView #main #photoActions .commentDetails { border:1px solid #E8E9EB; background:#F2F2F2 url("../images/comment-icon.png") no-repeat 5px 10px; padding:8px; padding-left:30px; width:386px; margin-left:20px; } #photoView #main #photoActions h5 { color:#45688E; } #photoView #main #photoActions .genericComposition { width:440px; float:left; margin-left:20px; } #photoView #main #photoActions .genericComposition fieldset { background:none; border:none; } #photoView #main #photoActions .genericComposition fieldset textarea { margin:0; } #photoView #main #photoActions .genericComposition.active textarea { height:70px; } #photoView #main #photoActions .genericComposition fieldset .compositionAid { background:none; } #photoView #main #photoActions .genericComposition input[type="button"] { right:14px; bottom:0px; } #photoView #main #photoActions .genericComposition fieldset .commentLabel { display:none; } #photoView #main #photoActions h4 { display:none; } #photoView #main #photoActions .photoCommands { float:right; margin:25px 10px 0 0; width:150px; } #photoView #main #photoActions .photoCommands li { margin:5px; border-bottom:1px solid #CCD3DA; } #photoView #main #photoActions .photoCommands li.rotateRight, #photoView #main #photoActions .photoCommands li.rotateLeft { display:none; } #photoView #main #content .commands { text-align:left; font-size: 10px; margin: 10px 0 0 0; } #photoView #main #content .commands li { color:#737373; display: inline-block; line-height: 11px; border-right: 1px solid; /*padding-right: 3px;*/ padding:0 5px 0 2px; } #photoView #main #content .commands li.last { border: none; } #photoView #main #content .commands a { color:#45688E; display: inline-block; line-height: 11px; } #photoView #main #content .commands li.delete a:hover { color: #ff0000; } #photoView #main #photoActions .photoComments { float:none; width:445px; margin-left:10px; clear:both; } #photoView #main #photoActions .photoComments > li { border:none; } #photoView #main #photoActions .genericComposition input[type="submit"], #videoWatch #main #videoActions .genericComposition input[type="submit"] { bottom:0;right:14px; position: relative; float: right; margin-top: 2px; } #videoWatch .langSelect ul, #photoView .langSelect ul{ float:left; width:150px; } /*#albumEdit #main #pageRep { top:-60px; }*/ #albumEdit #main .warning { margin:20px 20px 0 20px; } #albumEdit #main ul#albumEditList { padding:20px; } #albumEdit #main ul#albumEditList > li { border:1px solid #D9D9D9; background:#FFF; padding:10px; margin-bottom:10px; overflow:auto; overflow-x:hidden; /*To remove the scrollbar in opera*/ width:96.5%; /* Opera hides the content if overflow:auto is given without a width */ } #albumEdit #main ul#albumEditList > li fieldset { float:left; margin-right:50px; } #albumEdit #main ul#albumEditList > li fieldset label.lblDescrptn { color:#737373; display:inline-block; width:100px; vertical-align:top; } #albumEdit #main ul#albumEditList > li fieldset textarea { width:290px; height:85px; } #albumEdit #main ul#albumEditList > li fieldset ul { margin-left:105px; } #albumEdit #main ul#albumEditList > li img { min-width:100px; max-width:130px; min-height:100px; position:absolute; right:12px; top: 10px; } #albumEdit #main ul#albumEditList > li ul.commands { float:right; width:130px; } #albumEdit #main ul#albumEditList > li ul.commands li { padding:3px 0; } #albumEdit #main ul#albumEditList > li ul.commands li.makeCover { /*background:#F9F9F9; border:1px solid #D9D9D9; padding:10px;*/ } #albumEdit #main ul#albumEditList > li ul.commands li.makeCover a { /*border:1px solid #DAE2E8; padding:5px; background:#FFF; display:block; text-align:center;*/ } #albumEdit #main ul#albumEditList > li ul.commands li select { width:130px; margin-top:5px; } .btnCenter { text-align:center; margin-bottom:20px; }/*we should use this for general to align center the buttons*/ /*#albumDelete #main #pageRep { top:-60px; }*/ #albumDelete #main .errorMsg { margin:20px; } #albumDelete #pupDeleteAlbum { top:150px; left:270px; width:350px; } #albumDelete #pupDeleteAlbum p { margin:20px; } .langSelect { position:relative; } .langSelect textarea { padding-left:3px; } .langSelect h4 { display:none; } .langSelect ul { margin:5px 0; } .langSelect ul li { display:inline-block; margin-right:5px; } .langSelect ul li input[type="radio"] { display:none; } .langSelect ul li label { color:#45688E; cursor:pointer; width:auto; } .langSelect ul li.active label { text-decoration:underline; } .langSelect input[type="button"] { position:absolute; bottom:5px; right:2px; } .ac_results { width:190px; border:1px solid #B9BCC3; background:#FFF; } .ac_results li { margin-bottom:0px; color:#45688E; padding:4px; } .ac_results li:hover { border:1px solid #476D96; background:#6D8FB3; color:#E8EDDA; text-decoration:none; padding:3px; } .ac_results li.ac_over { border:1px solid #476D96; background:#6D8FB3; color:#E8EDDA; text-decoration:none; padding:3px; } #browserWarning #main, #browserWarning #siteInfo { margin-left:0px; } #browserWarning #main { height:200px; padding:40px; } #browserWarning #main .notes { padding:20px; } #myVideos #main #content { width:96%; } #myVideos #main #content > h4 { display:none; } #myVideos #main #content p#listOverview { color:#737373; font-weight:bold; } #myVideos #main #content ul.videoList > li { position:relative; min-height:100px; margin-bottom:10px; background:#FFFFFF; border:1px solid #D9D9D9; padding:10px; overflow:hidden; } #myVideos #main #content ul.videoList > li img { max-width:132px; max-height:132px; } #myVideos #main #content ul.videoList > li h3 { color:#45688E; font-size:13px; font-weight:bold; position:absolute; top:0px; left:160px; } #myVideos #main #content ul.videoList > li a.videoImage { position:absolute; top:11px; left:11px; } #myVideos #main #content ul.videoList > li ul.attributes { float:left; width:280px; margin:25px 0 0 150px; } #myVideos #main #content ul.videoList > li ul.attributes li { color:#737373; margin-bottom:10px; } #myVideos #main #content ul.videoList > li ul.attributes li.editDate { margin-bottom:0px; } #myVideos #main #content ul.videoList > li ul.attributes .likeDetails { background:#F2F2F2; border:1px solid #E8E9EB; padding:8px; margin-right:10px; } #myVideos #main #content ul.videoList > li ul.attributes .likeDetails .like { background:url("../images/like-icon.png") no-repeat; padding-left:20px; margin-right:10px; } #myVideos #main #content ul.videoList > li ul.attributes .likeDetails .dislike { background:url("../images/dislike-icon.png") no-repeat 0px 3px; padding:0 0 3px 20px; } #myVideos #main #content ul.videoList > li ul.commands { display:inline-block; padding:15px 0 15px 10px; border-left:1px solid #E2E2E2; } #myVideos #main #content ul.videoList > li ul.commands li { margin-bottom:5px; } #myVideos #main #content ul.pagination { position:absolute; right:-10px; top:-27px; } #myVideos #main #content ul.pagination li { display:inline-block; margin-right:3px; font-size:10px; } #myVideos #main #content ul.paginationBottom { position:absolute; right:-10px; bottom:-7px; } #myVideos #main #content ul.paginationBottom li { display:inline-block; margin-right:3px; font-weight:bold; font-size:10px; } #videoWatch #main #content { float:none; margin-left:auto; margin-right:auto; padding-top:12px; text-align:center; } #videoWatch #main #content ul.attributes { position:relative; text-align:left; margin:5px 0 0 10px; padding-bottom:20px; } #videoWatch #main #content ul.attributes li { color:#737373; } #videoWatch #main #content ul.attributes li.name { position:absolute; top:0px; right:5px; padding-left:20px; max-width:160px; border-left:1px solid #D6D6D6; text-align:right; } #videoWatch #main #content ul.attributes li.name a { display: block; } #videoWatch #main #content ul.videoNavigation { position:absolute; top:-30px; right:-85px; } #videoWatch #main #content ul.videoNavigation li { display:inline-block; } #videoWatch #main #content ul.videoNavigation li.back a { text-indent:-9999px; background: url("../images/backward-icon.png") no-repeat; width:10px ; height:10px; position:absolute; top:5px; right:30px; } #videoWatch #main #content ul.videoNavigation li.next a { text-indent:-9999px; background: url("../images/forward-icon.png") no-repeat; width:10px ; height:10px; position:absolute; top:5px; right:10px; } #videoWatch #main #videoActions { background:#FFF; border-top:1px solid #D6D6D6; overflow:auto; } #videoWatch #main #videoActions > div { overflow:auto; } #videoWatch #main #videoActions h5 { color:#45688E; } #videoWatch #main #videoActions .genericComposition { width:440px; float:left; margin-left:20px; } #videoWatch #main #videoActions .genericComposition fieldset { background:none; border:none; } #videoWatch #main #videoActions .genericComposition fieldset textarea { margin:0; } #videoWatch #main #videoActions .genericComposition.active textarea { height:70px; } #videoWatch #main #videoActions .genericComposition fieldset .compositionAid { background:none; } #videoWatch #main #videoActions .genericComposition input[type="button"] { right:14px; bottom:0px; } #videoWatch #main #videoActions .genericComposition fieldset .commentLabel { display:none; } #videoWatch #main #videoActions .likeDetails { border:1px solid #E8E9EB; background:#F2F2F2 url("../images/like-icon.png") no-repeat 5px 7px; padding:8px; padding-left:25px; margin:15px 0 3px 0; width:390px; margin-left:20px; } #videoWatch #main #videoActions .commentDetails { border:1px solid #E8E9EB; background:#F2F2F2 url("../images/comment-icon.png") no-repeat 5px 10px; padding:8px; padding-left:25px; width:390px; margin-left:20px; } #videoWatch #main #videoActions h4 { display:none; } #videoWatch #main #videoActions .videoCommands { float:right; margin:25px 10px 0 0; width:150px; } #videoWatch #main #videoActions .videoCommands li { margin:5px; border-bottom:1px solid #CCD3DA; } #videoWatch #main #videoActions .videoComments { float:none; width:445px; margin-left:10px; } #videoWatch #main #videoActions .videoComments > li { border:none; } #videoWatch #main #content .commands { text-align:left; font-size: 10px; margin: 10px 0 0 0; } #videoWatch #main #content .commands li { color:#737373; display: inline-block; line-height: 11px; border-right: 1px solid; /*padding-right: 3px;*/ padding:0 5px 0 2px; } #videoWatch #main #content .commands li.last { border: none; } #videoWatch #main #content .commands a { color:#45688E; display: inline-block; line-height: 11px; } #videoWatch #main #content .commands li.delete a:hover { color: #ff0000; } #videoCreate #main #content { margin:25px 190px; height:auto; float:none; margin-left:auto; margin-right:auto; } #videoCreate #main #content form h4 { color:#45688E; } #videoCreate #main #content form .langSelect { margin-top:10px; } #videoCreate #main #content form input[type="text"] { width:257px; padding:3px; } #videoCreate #main #content form textarea { width:260px; height:90px; } #videoCreate #main #content form fieldset.btn { padding-left:0px; width:260px; } #videoCreate #main #content form ol li ul.privacy-control { right:115px; } #videoCreate .dataCapture .autoMeta label, #videoCreate .dataCapture .publishNow label { width:300px; } #videoCreate .dataCapture .autoMeta label { margin-top: 10px; } #videoCreate .dataCapture .publishNow label { margin-bottom: 15px; margin-top: 15px; } #videoCreate #videoHeading, #videoCreate #videoDescription { display: none; } #videoCreate #pupSelectFriend { top:300px; left:200px; } #videoCreate .gddModalAlert div .contInfo input.txtFriendName { width:200px; font-size:10px; color:#737373; padding:3px; float:right; margin-top:-4px; } #gameCategories #main #content { width:96%; } #gameCategories #main #content > h4 { display:none; } #gameCategories #main #content p#listOverview { color:#737373; font-weight:bold; } #gameCategories #main #content ul.gameCategories > li { position:relative; min-height:100px; margin-bottom:10px; background:#FFFFFF; border:1px solid #D9D9D9; padding:10px; } #gameCategories #main #content ul.gameCategories > li img { max-width:132px; max-height:132px; } #gameCategories #main #content ul.gameCategories > li h3 { color:#45688E; font-size:13px; font-weight:bold; position:absolute; top:0px; left:160px; } #gameCategories #main #content ul.gameCategories > li a.gameImage { position:absolute; top:11px; left:11px; } #gameCategories #main #content ul.gameCategories > li ul.attributes { float:left; width:330px; margin:25px 0 0 150px; } #gameCategories #main #content ul.gameCategories > li ul.attributes li { color:#737373; margin-bottom:10px; } #gameCategories #main #content ul.gameCategories > li ul.attributes li.gameNames { color:#363636; } #gameCategories #main #content ul.pagination { position:absolute; right:-10px; top:-27px; } #gameCategories #main #content ul.pagination li { display:inline-block; } #games #main p#listOverview { color:#737373; font-weight:bold; margin-left:15px; } #games #main ul#gamesList { width:605px; margin:30px 0 0 65px; } #games #main ul#gamesList li { display:inline-block; /*width:145px;*/ min-height:110px; margin:0 50px 20px 0; text-align:center; border:1px solid #DBDCD6; background:#FFF; padding:10px; } #games #main ul#gamesList li .gameImage { } #games #main ul#gamesList li span.nameOfGame { display:block; font-weight:bold; } #games #main ul#gamesList li span.popularity { color:#737373; } #games #main ul#gamesList li a.playGame { display:block; margin-top:5px; padding:1px; border:1px double #45688E; } #games #main ul#gamesList li a.playGame span { display:block; background:#45688E; color:#FFF; font-weight:bold; padding:3px 0; } #games #main ul.pagination { position:absolute; right:5px; top:40px; } #games #main ul.pagination li { display:inline-block; } #games #main ul.paginationBottom { /*border-top:1px solid #D6D6D6; background:#FFF;*/ padding:5px; text-align:right; } #games #main ul.paginationBottom li { display:inline-block; } #gamePlay #main #content { float:none; margin-left:auto; margin-right:auto; padding-top:12px; text-align:center; width:610px; } #gamePlay #main #content ul.attributes { position:relative; text-align:left; margin-top:5px; padding-bottom:20px; } #gamePlay #main #content ul.attributes li { color:#737373; } #gamePlay #main #content ul.attributes li.name { position:absolute; top:0px; right:5px; padding-left:20px; max-width:160px; border-left:1px solid #D6D6D6; text-align:right; } #gamePlay #main #content ul.attributes li.name a { display: block; } #gamePlay #main #content ul.gameNavigation { position:absolute; top:-30px; right:-20px; } #gamePlay #main #content ul.gameNavigation li { display:inline-block; } #gamePlay #main #content ul.gameNavigation li.back a { text-indent:-9999px; background: url("../images/backward-icon.png") no-repeat; width:10px ; height:10px; position:absolute; top:5px; right:30px; } #gamePlay #main #content ul.gameNavigation li.next a { text-indent:-9999px; background: url("../images/forward-icon.png") no-repeat; width:10px ; height:10px; position:absolute; top:5px; right:10px; } #gamePlay #main #gameActions { background:#FFF; border-top:1px solid #D6D6D6; overflow:auto; } #gamePlay #main #gameActions > div { overflow:auto; } #gamePlay #main #gameActions h5 { color:#45688E; } #gamePlay #main #gameActions .genericComposition { width:440px; float:left; margin-left:20px; } #gamePlay #main #gameActions .genericComposition fieldset { background:none; border:none; } #gamePlay #main #gameActions .genericComposition fieldset textarea { margin:0; } #gamePlay #main #gameActions .genericComposition.active textarea { height:70px; } #gamePlay #main #gameActions .genericComposition fieldset .compositionAid { background:none; } #gamePlay #main #gameActions .genericComposition input[type="button"] { right:14px; bottom:0px; } #gamePlay #main #gameActions .genericComposition fieldset .commentLabel { display:none; } #gamePlay #main #gameActions .likeDetails { border:1px solid #E8E9EB; background:#F2F2F2 url("../images/like-icon.png") no-repeat 5px 7px; padding:8px; padding-left:25px; margin:15px 0 3px 0; width:390px; margin-left:20px; } #gamePlay #main #gameActions .commentDetails { border:1px solid #E8E9EB; background:#F2F2F2 url("../images/comment-icon.png") no-repeat 5px 10px; padding:8px; padding-left:25px; width:390px; margin-left:20px; } #gamePlay #main #gameActions h4 { display:none; } #gamePlay #main #gameActions .gameCommands { float:right; margin:25px 10px 0 0; width:150px; } #gamePlay #main #gameActions .gameCommands li { margin:5px; border-bottom:1px solid #CCD3DA; } #gamePlay #main #gameActions .gameComments { float:none; width:445px; margin-left:10px; } #gamePlay #main #gameActions .gameComments > li { border:none; } #gamePlay #main #content .commands { text-align:left; font-size: 10px; margin: 10px 0 0 0; } #gamePlay #main #content .commands li { color:#737373; display: inline-block; line-height: 11px; border-right: 1px solid; /*padding-right: 3px;*/ padding:0 5px 0 2px; } #gamePlay #main #content .commands li.last { border: none; } #gamePlay #main #content .commands a { color:#45688E; display: inline-block; line-height: 11px; } #gamePlay #main #content .commands li.delete a:hover { color: #ff0000; } /*Written by Ali Imran*/ .tag_loaded { position:absolute; cursor:default; } .tag_highlight { font-family:Arial; position:absolute; color:white; font-weight:bold; border:3px solid white; cursor:default; background-color:black; } #my_rectangle { display:none; cursor:crosshair; background-color:black; position:absolute; border:2px dotted white; color:white; font-weight:bold; } #my_rectangle2 { display:none; background-color:gray; position:absolute; border:5px solid white; color:white; font-weight:bold; } #interfaceLang { bottom: 20px; left: 25%; }