body { margin:0px; padding:0px; } body, div { font-family: sans-serif; font-size:14px; color:#999999; -webkit-text-size-adjust:none; } h1 { font-family: sans-serif; font-size:18px; color:#444444; text-align:center; text-transform:uppercase; margin:0px; font-weight:700; } h2 { font-family: sans-serif; font-size:18px; color:#444444; text-align:center; text-transform:uppercase; margin:0px; font-weight:700; } a { text-decoration: underline; } a:hover { text-decoration: none; } form { margin:0px; } input[type="text"], input[type="password"], input[type="button"], textarea, select, file { border:1px solid #dfdfdf; background:#ffffff; padding:6px; overflow:hidden; font-size:14px; -webkit-appearance: none; -moz-border-radius: 0px; border-radius: 0px; } input.button { transition: 500ms; transition-property:all; border:0px; color:#ffffff; padding:4px 10px 4px 10px; overflow:hidden; font-size:14px; width:120px; text-transform:uppercase; cursor:pointer; } input:disabled { background:#f0f0f0; } input.button:disabled { background:#444444; } textarea { width:100%; height:150px; padding:6px; } .error, .mandatory { color:red; } .success { font-weight:500; } div.Space { clear:both; height:0px; font-size:0px; } #PoupLoader { background:#ffffff; padding:10px; } /* ToHead */ div.ToHead { position:fixed; bottom:0px; right:0px; width:64px; height:64px; z-index:100; } div.ToHead-Area { width:44px; height:44px; margin-right:20px; margin-bottom:20px; overflow:hidden; border:1px solid #ffffff; } div.ToHead-Area a { transition: 500ms; transition-property:all; z-index:10; display:block; width:44px; height:44px; background-image:url(icon-up.png); background-repeat:no-repeat; background-position:center center; background-size:34px 34px; overflow:hidden; } div.ToHead-Area a:hover { background-color:#444444; } div.Head { text-align:center; z-index:100; } div.Head-Top { text-align:center; overflow:hidden; } div.Head-Top-Area-Left { display:none; } div.Head-Top-Area-Right { display:none; } div.Head-Top-Area-Center { z-index:100; } div.Head-Top-Area-Center a { display:block; } div.Head-Bottom { height:40px; text-align:center; } div.Head-Bottom-Area { height:40px; display:block; text-align:right; } div.Head-Bottom-Area-Right { height:40px; width:170px; display:inline-block; } div.Head-Bottom-Area-Right div.Caption { text-align:right; color:#ffffff; font-size:13px; padding:12px 0px 12px 0px; } div.Head-Bottom-Area-Right div.Button { width:90px; float:right; text-align:left; color:#ffffff; font-size:13px; font-weight:bold; text-decoration:underline; cursor:pointer; } div.Head-Bottom-Area-Right div.Button div.Current { font-size:13px; text-align:center; padding:12px 0px 12px 0px;color:#ffffff;font-weight:bold; text-decoration:underline; background:url(row_down.png) no-repeat right center; background-size:10px auto; } #Navi { text-align:center; } #NaviSettings { text-align:center; } #Languages-Menu { position:absolute; z-index:1000; display:none; } div.Menu-Languages { margin-top:41px; } div.Menu-Languages ul { margin:0px; padding:0px; display:block; list-style-type: none; width:90px; } div.Menu-Languages ul li { overflow:hidden; margin:0px; padding:0px; list-style-type:none; margin-top:1px; } div.Menu-Languages ul li.Caption { height:10px; font-size:0px; display:none; margin-top:0px; } div.Menu-Languages ul li a { transition: 500ms; transition-property:all; text-align:center; display:block; padding:5px 10px 5px 10px;color:#ffffff; font-size:13px; font-weight:bold; text-decoration:none; } /* SOCIAL */ div.Social { float:right; margin-top:15px; } a.fb { float:right; margin-right:5px; width:20px;height:20px;background:url(icon_facebook.png);display:block; background-size:20px 20px; } a.vk { float:right; margin-right:5px; width:20px;height:20px;background:url(icon_vk.png);display:block; background-size:20px 20px; } a.tw { float:right; margin-right:5px; width:20px;height:20px;background:url(icon_twitter.png);display:block;background-size:20px 20px; } a.ok { float:right; margin-right:5px; width:20px;height:20px;background:url(icon_ok.png);display:block;background-size:20px 20px; } a.yt { float:right; margin-right:5px; width:20px;height:20px;background:url(icon_youtube.png);display:block;background-size:20px 20px; } a.in { float:right; margin-right:5px; width:20px;height:20px;background:url(icon_inst.png);display:block;background-size:20px 20px; } /* FOOT */ div.Foot { text-align:center; } div.Foot a { color:#ffffff; text-decoration:none; font-size:12px; } div.Foot a:hover { text-decoration: underline; } div.Foot-Left { font-size:12px; color:#ffffff; } div.Foot-Right { font-size:12px; color:#ffffff; } div.Foot-Timer { color:#ffffff; font-size:7px; margin-top:5px; } /* MENU */ div.Menu1 ul li a { transition: 500ms; transition-property:all; } div.Menu2 ul li a { transition: 500ms; transition-property:all; } /* WIDGET */ div.Widget-Join-Promo { width:100%; height:400px; display:table; background:url(Promo.jpg) no-repeat center center; background-size:cover; } div.Widget-Join-Promo div.Widget { display:table-cell; text-align:center; align:center; vertical-align:middle; margin:0px; } div.Widget-Join-Promo div.Join-Button { display:inline-block; width:300px; height:300px; -moz-border-radius: 150px; border-radius: 150px; border:1px solid #ffffff; cursor:pointer; } div.Widget-Join-Promo div.Join-Button-Area { display:inline-block; margin:20px; width:260px; height:260px; -moz-border-radius: 130px; border-radius: 130px; background:url(white_bg.png); overflow:hidden; text-align:center; align:center; } div.Widget-Join-Promo div.Join-Head { font-size:28px; font-weight:bold; margin-top:55px; text-transform:uppercase; height:36px; } div.Widget-Join-Promo div.Join-Text { font-size:28px; font-weight:normal; margin-top:15px; height:36px; } div.Widget-Join-Promo div.Join-Link { margin-top:15px;width:200px; display:inline-block; } div.Widget-Join-Promo div.Join-Link a { display:inline-block; color:#ffffff; padding:15px; font-size:18px; font-weight:normal; text-transform:uppercase; -moz-border-radius: 10px; border-radius: 10px; text-decoration:none; } div.Widget-Join-Promo div.Join-Link a:hover { background:#444444; } div.Widget-Adsence-Banner div.Widget { text-align:center; border:1px solid #dfdfdf; padding:14px; } div.Widget-Adsence-Banner div.Widget-Banner { width:100%; overflow:hidden; } /* MAIN */ div.Main { text-align:center; } div.Main-Area { min-height:340px; text-align:left; } /* NAVI PAGES */ div.NavPages { height:35px; overflow:hidden; } div.NavPages ul { list-style-type: none; height:35px; margin:0px; padding:0px; display:inline-block; overflow:hidden; } div.NavPages ul li { float:left; margin-left:1px; min-width:35px; align:center;text-align:center; font-size: 14px; verflow:hidden;} div.NavPages ul li.Caption { font-size:14px; font-weight:500; padding:10px; overflow:hidden; text-align:right; } div.NavPages ul li a { transition: 500ms; transition-property:all; display:block; height:100%; font-size:14px; text-decoration: none; font-weight:500; color: #999999; padding:10px 12px 10px 12px; background:#dfdfdf; display:block; } div.NavPages ul li a.active, div.NavPages ul li a:hover { color:#ffffff; } div.NavPages ul li.Next a { background:url(nav_next.png) no-repeat 5px 5px #dfdfdf; background-size:25px 25px; padding:0px; } div.NavPages ul li.Previous a { background:url(nav_previous.png) no-repeat 5px 5px #dfdfdf; background-size:25px 25px; padding:0px; } /* COMMENTS */ div.Comments { display:block; clear:both; border:1px solid #dfdfdf; padding:14px; } div.Comments div.Caption { font-weight:700; float:left; color:#444444; } div.Comments div.Add { float:right; } div.Comments div.Add a { font-weight:700; } div.Comments div.Items { clear:both; } div.Comments div.Item { clear:both; margin-top:15px; } div.Comments div.Item div.Dt { font-size:11px; float:right; } div.Comments div.Item div.Text { padding-top:10px;clear:both; font-style:italic; } /* LIKES */ div.Likes { display:block; clear:both; overflow:hidden; } div.Likes div.Button { height:24px; padding:0px; border:0px; overflow:hidden; } div.Likes div.Button div.Nums { float:right; margin-left:1px; height:24px; overflow:hidden; } div.Likes div.Button div.Nums div { padding-left:6px; padding-top:5px; padding-right:9px; font-size:12px; color:#ffffff; } div.Likes div.Button div.Link { height:24px; overflow:hidden; } div.Likes div.Button div.Link a { transition: 500ms; transition-property:all; color:#ffffff; font-size:12px; text-align:center; text-transform:uppercase; text-decoration:none; padding:5px 9px 5px 9px; display:block; } div.Likes div.Button div.Link a:hover { background-color:#444444; } div.Likes div.Icons-Area { height:24px; overflow:hidden; } /* OK - ONLINE STATUS */ div.StatusOnline { clear:both; overflow:hidden; font-size:10px; height:13px; color:green; font-weight:bold; } div.StatusOnline div.Icon { float:left; width:8px; height:8px; overflow:hidden; -moz-border-radius: 4px; border-radius: 4px; background:green; margin-right:5px; margin-top:1px; } div.StatusOffline { clear:both; overflow:hidden; font-size:10px; height:13px; color:#777777; font-weight:bold; } div.StatusOffline div.Icon { float:left; width:8px; height:8px; overflow:hidden; -moz-border-radius: 4px; border-radius: 4px; background:#777777; margin-right:5px; margin-top:1px; } div.StatusInactive { clear:both; overflow:hidden; font-size:10px; height:13px; color:red; font-weight:bold; } div.StatusInactive div.Icon { float:left; width:8px; height:8px; overflow:hidden; -moz-border-radius: 4px; border-radius: 4px; background:red; margin-right:5px; margin-top:1px;} /* PAGE */ div.Home div.Text, div.Page div.Text { font-size:14px; text-align:justify; border:1px solid #dfdfdf; padding:14px; } /* SUBOBJECTS */ div.SubObjects { overflow:hidden; text-align:center; } div.SubObjects-Area { overflow:hidden; text-align:center; } div.Objects { overflow:hidden; text-align:center; } div.Objects-Area { overflow:hidden; text-align:center; } div.Profiles { overflow:hidden; text-align:center; } div.Profiles-Area { overflow:hidden; text-align:center; } /* PROFILES */ div.Profile-Item { text-align:center; border:1px solid #dfdfdf; padding:9px; } div.Profile-Item-Area { overflow:hidden; cursor:pointer; } div.Profile-Item div.Image { position:absolute; z-index:-1; background:#dfdfdf; } div.Profile-Item div.Details-Bg { z-index:100; display:table; } div.Profile-Item div.Details-Bg-Area { display:table-cell; vertical-align:bottom; background-image:url(bg-transparent.png); transition: 500ms; transition-property:all; } div.Profile-Item div.Details-Bg-Area:hover { background-image:url(bg-white.png); } div.Profile-Item div.Details { display:block; margin:10px; height:0px; overflow:hidden; transition: 500ms; transition-property:all;} div.Profile-Item div.Details-Area { display:table-cell; text-align:center; vertical-align:middle; } div.Profile-Item a.Gender-Bg-Female { display:block; background:url(icon-female.png) no-repeat center center; background-size:80% 80%; overflow:hidden; } div.Profile-Item a.Gender-Bg-Male { display:block; background:url(icon-male.png) no-repeat center center; background-size:80% 80%; overflow:hidden; } div.Profile-Item div.Hot { display:block; background:url(icon-hot.png) no-repeat center center; background-size:80% 80%; overflow:hidden; background-color: #dfdfdf;} div.Profile-Item div.Name { height: 20px; display:inline-block; overflow:hidden; } div.Profile-Item div.Name a { margin-left:5px; font-size:18px; font-weight:bold; text-decoration:none; } div.Profile-Item div.Name a:hover, div.Profile-Item div.Name a:active { text-decoration:underline; } div.Profile-Item div.Age { font-weight:bold; margin-top:5px; height: overflow:hidden; color:#444444; } div.Profile-Item div.Location { font-weight:bold; margin-top:10px; font-size: 14px; overflow:hidden; } div.Profile-Item div.Seek { margin-top:8px; font-size:12px; height: 36px; overflow:hidden; color:#444444;} div.Profile-Item div.Photos { margin-top:18px; } div.Profile-Item div.Photos a { font-weight:bold; text-decoration:none; font-size: 12px; } div.Profile-Item div.Photos a:hover, div.Profile-Item div.Photos a:active { text-decoration:underline; } div.Profile-Item div.Gender-Male { width:20px;height:20px; background:url(icon-male.png) no-repeat center center; background-size:contain; float:left; } div.Profile-Item div.Gender-Female { width:20px;height:20px; background:url(icon-female.png) no-repeat center center; background-size:contain; float:left; } div.Profile div.SubObjects { overflow:hidden; text-align:left; } div.Profile div.SubObjects-Area { overflow:hidden; } div.Profile div.SubObjects div.Profile-Photo-Item { display:inline-block; border:1px solid #dfdfdf; owerflow:hidden; padding:4px; } div.Profile div.SubObjects div.Profile-Photo-Item a { position:absolute; display:block; transition: 500ms; transition-property:all; background-image:url(bg-transparent.png); background-repeat:no-repeat; background-position:center center; background-size:contain; } div.Profile div.SubObjects div.Profile-Photo-Item a:hover, div.Profile div.SubObjects div.Profile-Photo-Item a:active { background-image:url(icon-zoom.png); } div.Profile div.SubObjects div.Profile-Photo-Item div.Hot { z-index:100; background:url(icon-hot.png) no-repeat center center #dfdfdf; background-size:cover; } /* PROFILE PHOTO */ div.ProfilePhoto-Item { display:inline-block; text-align:center; border:1px solid #dfdfdf; padding:9px; } div.ProfilePhoto-Item-Area { display:inline-block; overflow:hidden; cursor:pointer; } div.ProfilePhoto-Item div.Image { overflow:hidden; position:absolute; z-index:-1; background:#dfdfdf; } div.ProfilePhoto-Item div.Image a { display:block; } div.ProfilePhoto-Item div.Hot { display:block; background:url(icon-hot.png) no-repeat center center #dfdfdf; background-size:80% 80%; } div.ProfilePhoto-Item div.Details-Bg { z-index:100; display:table; } div.ProfilePhoto-Item div.Details-Bg-Area { display:table-cell; vertical-align:bottom; background-image:url(bg-transparent.png); transition: 500ms; transition-property:all; } div.ProfilePhoto-Item div.Details-Bg-Area:hover { background-image:url(bg-white.png); } div.ProfilePhoto-Item div.Details { display:block; margin:10px; height:0px; overflow:hidden; transition: 500ms; transition-property:all;} div.ProfilePhoto-Item div.Details-Area { display:table-cell; text-align:center; vertical-align:middle; } div.ProfilePhoto-Item div.Name { height: 20px; display:inline-block; overflow:hidden; } div.ProfilePhoto-Item div.Name a { margin-left:5px; font-size:18px; font-weight:bold; text-decoration:none; } div.ProfilePhoto-Item div.Name a:hover, div.ProfilePhoto-Item div.Name a:active { text-decoration:underline; } div.ProfilePhoto-Item div.Age { font-weight:bold; margin-top:5px; height: overflow:hidden; color:#444444; } div.ProfilePhoto-Item div.Location { font-weight:bold; margin-top:10px; font-size: 14px; overflow:hidden; } div.ProfilePhoto-Item div.Seek { margin-top:8px; font-size:12px; height:36px; overflow:hidden; color:#444444;} div.ProfilePhoto-Item div.Photos { margin-top:18px; } div.ProfilePhoto-Item div.Photos a { font-weight:bold; text-decoration:none; font-size: 12px; } div.ProfilePhoto-Item div.Photos a:hover, div.ProfilePhoto-Item div.Photos a:active { text-decoration:underline; } div.ProfilePhoto-Item div.Gender-Male { width:20px;height:20px; background:url(icon-male.png) no-repeat center center; background-size:contain; float:left; } div.ProfilePhoto-Item div.Gender-Female { width:20px;height:20px; background:url(icon-female.png) no-repeat center center; background-size:contain; float:left; } /* ok - contacts */ div.Contact-Item { border:1px solid #dfdfdf; display:inline-block; overflow:hidden; padding:9px; } div.Contact-Item div.Item-Area { overflow:hidden; } div.Contact-Item div.Checkbox { background:#dfdfdf; height:35px; overflow:hidden; font-size:9px; font-weight:bold; text-align:left; } div.Contact-Item div.Checkbox input { margin:12px; } div.Contact-Item div.Hover-Area { margin-top:5px; cursor:pointer; } div.Contact-Item div.Image { position:absolute; overflow:hidden; background:#dfdfdf; z-index:-1; } div.Contact-Item div.Image a.Icon-Female { display:block; overflow:hidden; background:url(Female.png) no-repeat center center #dfdfdf; background-size:contain; overflow:hidden; } div.Contact-Item div.Image a.Icon-Male { display:block; overflow:hidden; background:url(Male.png) no-repeat center center #dfdfdf; background-size:contain; overflow:hidden; } div.Contact-Item div.Hot { display:block; background:url(Hot.png) no-repeat center center #dfdfdf; background-size:cover; } div.Contact-Item div.Image img { overflow:hidden; } div.Contact-Item div.Details { display:none; z-index:100; background:url(white_bg.png); overflow:hidden;} div.Contact-Item div.Details-Area { display:table-cell; text-align:center; vertical-align:middle; padding:10px; } div.Contact-Item div.Hover-Area:hover div.Details { display:table; } div.Contact-Item div.Messages { overflow:hidden; height:35px; margin-top:5px; } div.Contact-Item div.Messages:hover { background:#444444; } div.Contact-Item div.Messages div.Button { overflow:hidden; border-right:1px solid #ffffff; } div.Contact-Item div.Messages a { text-transform:uppercase; padding:9px 9px 10px 9px; color:#ffffff; display:block; font-weight:bold; text-decoration:none; overflow:hidden; text-align:center; align:center; } div.Contact-Item div.Messages div.Info { float:right; text-align:center; align:center; font-size:0px; height:24px; overflow:hidden; text-transform:lowercase; } div.Contact-Item div.Messages span.Total { font-size:0px; } div.Contact-Item div.Messages span.New { font-size:0px; } div.Contact-Item div.Messages span.Num { color:#ffffff; font-size:14px; text-transform:lowercase;font-weight:bold; padding:9px 9px 10px 9px; display:block; min-width:18px; } div.Contact-Item div.Name { height: 20px; display:inline-block; } div.Contact-Item div.Name a { margin-left:5px; font-size:18px; font-weight:bold; text-decoration:none; } div.Contact-Item div.Name a:hover, div.Contact-Item div.Name a:active { text-decoration:underline; } div.Contact-Item div.Age { font-weight:bold; margin-top:5px; height: overflow:hidden; color:#444444; } div.Contact-Item div.Location { font-weight:bold; margin-top:10px; font-size: 14px; overflow:hidden; } div.Contact-Item div.Seek { margin-top:8px; height: 36px; overflow:hidden; color:#444444;} div.Contact-Item div.Activity { display:inline-block; margin-top:18px; font-size:10px; overflow:hidden; } /* visitors */ div.Visitor-Item { border:1px solid #dfdfdf; display:inline-block; overflow:hidden; padding:9px; } div.Visitor-Item-Area { overflow:hidden; } div.Visitor-Item div.Visitdate { background:#dfdfdf; height:35px; overflow:hidden; font-weight:bold; font-size:9px; text-align:center; text-transform:uppercase; } div.Visitor-Item div.Visitdate div.Day { font-size:9px; display:inline-block; margin-top:13px; margin-right:3px; } div.Visitor-Item div.Visitdate div.Time { font-size:9px; display:inline-block; margin-top:13px; } div.Visitor-Item div.Hover-Area { margin-top:5px; cursor:pointer; } div.Visitor-Item div.Image { position:absolute; overflow:hidden; background:#dfdfdf; z-index:-1; } div.Visitor-Item div.Image a.Gender-Bg-Female { display:block; overflow:hidden; background:url(icon-female.png) no-repeat center center; background-size:80% 80%; } div.Visitor-Item div.Image a.Gender-Bg-Male { display:block; overflow:hidden; background:url(icon-male.png) no-repeat center center; background-size:80% 80%; } div.Visitor-Item div.Details-Bg { z-index:100; display:table; } div.Visitor-Item div.Details-Bg-Area { display:table-cell; vertical-align:bottom; background-image:url(bg-transparent.png); transition: 500ms; transition-property:all; } div.Visitor-Item div.Details-Bg-Area:hover { background-image:url(bg-white.png); } div.Visitor-Item div.Details { display:block; margin:10px; height:0px; overflow:hidden; transition: 500ms; transition-property:all;} div.Visitor-Item div.Details-Area { display:table-cell; text-align:center; vertical-align:middle; } div.Visitor-Item div.Hot { display:block; background:url(icon-hot.png) no-repeat center center #dfdfdf; background-size:cover; } div.Visitor-Item div.Image img { overflow:hidden; } div.Visitor-Item div.Messages { overflow:hidden; height:35px; margin-top:5px; transition: 500ms; transition-property:all; } div.Visitor-Item div.Messages:hover { background:#444444; } div.Visitor-Item div.Messages div.Button { overflow:hidden; } div.Visitor-Item div.Messages a { text-transform:uppercase; padding:9px 9px 10px 9px; color:#ffffff; display:block; font-weight:bold; text-decoration:none; overflow:hidden; text-align:center; align:center; } div.Visitor-Item div.Name { height: 20px; display:inline-block; } div.Visitor-Item div.Name a { margin-left:5px; font-size:18px; font-weight:bold; text-decoration:none; } div.Visitor-Item div.Name a:hover, div.Visitor-Item div.Name a:active { text-decoration:underline; } div.Visitor-Item div.Age { font-weight:bold; margin-top:5px; height: overflow:hidden; color:#444444; } div.Visitor-Item div.Location { font-weight:bold; margin-top:10px; font-size: 14px; overflow:hidden; } div.Visitor-Item div.Seek { margin-top:8px; height: 36px; font-size:12px; overflow:hidden; color:#444444;} div.Visitor-Item div.Gender-Male { width:20px;height:20px; background:url(icon-male.png) no-repeat center center; background-size:contain; float:left; } div.Visitor-Item div.Gender-Female { width:20px;height:20px; background:url(icon-female.png) no-repeat center center; background-size:contain; float:left; } div.Visitor-Item div.Activity { display:inline-block; margin-top:18px; font-size:10px; overflow:hidden; } /* NEWS */ div.New-Item { padding:14px; display:block; vertical-align:top; text-align:center; border:1px solid #dfdfdf; } div.New-Item-Area { display:block; text-align:center; overflow:hidden; } div.New-Item div.Image { background:#dfdfdf; } div.New-Item div.Name { overflow:hidden; margin-top:10px; overflow:hidden; height:38px; } div.New-Item div.Name a { text-decoration:none; font-size:16px; font-weight:bold; } div.New-Item div.Name a:hover { text-decoration:underline; } div.New-Item div.Date { font-size:10px; margin-top:10px; font-weight:700; } div.New-Item div.Short { margin-top:10px; text-align:justify; align:justify; overflow:hidden; height:48px; } div.New-Item div.Short a { color:#999999; } div.New-Item div.Links { margin-top:10px; height:32px; } div.New-Item div.Links a { margin:0px 2px 0px 2px; text-decoration:none; font-size:10px; color:#999999; text-decoration:underline;} div.New-Item div.Links a:hover { text-decoration:none; } div.New { border:1px solid #dfdfdf; } div.New-Area { margin:14px; } div.New div.Image { background:#dfdfdf; } div.New div.Zoom { position:absolute; z-index:100; overflow:hidden; } div.New div.Zoom a { display:block; transition: 500ms; transition-property:all; background-image:url(bg-transparent.png); background-repeat:no-repeat; background-position:center center; background-size:60% auto; } div.New div.Date { font-size:10px; margin-top:15px; font-weight:700; } div.New div.Short { text-align:justify; align:justify; } div.New div.Text { margin-top:15px; text-align:justify; align:justify; } /* ok - group actions */ div.GroupActions { background:#dfdfdf; height:35px; overflow:hidden; } div.GroupActions ul { height:35px; list-style-type: none; margin:0px; padding:0px; display:block; overflow:hidden; margin:1px; } div.GroupActions ul li { min-width:35px; text-align:right; overflow:hidden; } div.GroupActions ul li.Caption { float:left; padding:9px 5px 10px 5px; text-align:left; } div.GroupActions ul li select { width:200px; height:33px; padding:8px; border:0px; } /* INPUT FORMS */ /* ok - support */ div.SupportForm div.Result-Errors { color:red; background:#f4c1c6; font-size:12px; } div.SupportForm div.Result-Errors ul { padding:0px; margin:0px; margin-top:5px; margin-bottom:5px; } div.SupportForm div.Result-Errors ul li { margin-right:30px; margin-left:30px; padding:0px; word-wrap:break-word; font-size:12px; } div.SupportForm div.Result-Success { text-align:center; font-weight:bold; padding:15px; background:#dfdfdf; } div.SupportForm div.Note { font-size:11px; color:red; text-align:justify; background:#dfdfdf; } div.SupportForm div.BlockInput { border:1px solid #dfdfdf; } div.SupportForm div.Item { margin-top:10px; } div.SupportForm div.Item div.Caption { font-weight:bold; text-align:left; } div.SupportForm div.Item div.Intext { padding:0px; } div.SupportForm div.Item textarea { height:150px; width:100%; } /* ok - authorization */ div.AuthorizationForm div.Result-Errors { color:red; background:#f4c1c6; font-size:12px; } div.AuthorizationForm div.Result-Errors ul { padding:0px; margin:0px; margin-top:5px; margin-bottom:5px; } div.AuthorizationForm div.Result-Errors ul li { margin-right:30px; margin-left:30px; padding:0px; word-wrap:break-word; font-size:12px; } div.AuthorizationForm div.BlockInputInfo { overflow:hidden; background:#dfdfdf; text-align:center; } div.AuthorizationForm div.BlockInput { overflow:hidden; border:1px solid #dfdfdf; } div.AuthorizationForm div.Item { margin-top:10px; } div.AuthorizationForm div.Item div.Caption { font-weight:bold; text-align:left; } div.AuthorizationForm div.Item div.Intext { padding:0px; } /* ok - password */ div.PasswordForm div.Result-Errors { color:red; background:#f4c1c6; font-size:12px; } div.PasswordForm div.Result-Errors ul { padding:0px; margin:0px; margin-top:5px;margin-bottom:5px; } div.PasswordForm div.Result-Errors ul li { margin-right:30px; margin-left:30px; padding:0px; word-wrap:break-word; font-size:12px; } div.PasswordForm div.Result-Success { text-align:center; font-weight:bold; background:#dfdfdf; } div.PasswordForm div.BlockInputInfo { overflow:hidden; background:#dfdfdf; text-align:center; align:center; } div.PasswordForm div.BlockInputInfo a { display:block; } div.PasswordForm div.BlockInput { overflow:hidden; border:1px solid #dfdfdf; } div.PasswordForm div.Item { margin-top:10px; } div.PasswordForm div.Item div.Caption { font-weight:bold; text-align:left; align:left; } div.PasswordForm div.Item div.Intext { text-align:left; } /* ok - registration */ div.RegistrationForm div.Result-Errors { color:red; background:#f4c1c6; font-size:12px; } div.RegistrationForm div.Result-Errors ul { padding:0px; margin:0px; margin-top:5px;margin-bottom:5px; } div.RegistrationForm div.Result-Errors ul li { margin-right:30px; margin-left:30px; padding:0px; word-wrap:break-word; font-size:12px; } div.RegistrationForm div.Result-Success { text-align:center; font-weight:bold; background:#dfdfdf; } div.RegistrationForm div.BlockInputInfo { overflow:hidden; background:#dfdfdf; text-align:center; } div.RegistrationForm div.BlockInput { overflow:hidden; border:1px solid #dfdfdf; } div.RegistrationForm div.Item { margin-top:10px; } div.RegistrationForm div.Item div.Caption { font-weight:bold; text-align:left; } div.RegistrationForm div.Item div.Intext { text-align:left; } div.RegistrationForm div.Item div.Info { margin-top:5px; text-align:center; font-size:10px; } div.RegistrationForm div.Item input[type="radio"] { width:auto; float:left; } div.RegistrationForm div.Item div.Radio { text-align:left; } div.RegistrationForm div.Item div.Agree-Text { font-size:12px; text-align:center; padding:0px 10px 10px 10px; } div.RegistrationForm div.Item div.Buttons { font-size:12px; text-align:center; } div.RegistrationForm div.Item div.Buttons input { margin-bottom:5px; } div.RegistrationForm #Location-Map { height:140px; background:#dfdfdf; margin-top:5px; overflow:hidden; z-index:1; } /* ok - add profile */ div.AddProfileForm { overflow:hidden; } div.AddProfileForm div.Result-Errors { color:red; background:#f4c1c6; font-size:12px; } div.AddProfileForm div.Block { border:1px solid #dfdfdf; border-top:0px; } div.AddProfileForm div.BlockHead { padding:10px; font-weight:bold; margin-left:-1px; margin-right:-1px; } div.AddProfileForm div.BlockHead div.Caption { font-weight:bold; color:#ffffff; font-size:13px; text-align:center; } div.AddProfileForm div.BlockInput { border:0px; padding:0px; } div.AddProfileForm div.Item { margin-top:10px; padding:0px; } div.AddProfileForm div.Item div.Caption { font-weight:bold; text-align:left; } div.AddProfileForm div.Item div.Info { margin-top:5px; font-size:10px; text-align:center; } div.AddProfileForm div.Item div.Intext select.Ages { width:auto; } div.AddProfileForm div.Item div.Intext input.Button { width:100%; margin-bottom:5px;} div.AddProfileForm div.Item div.Intext input[type="checkbox"] { width:auto; float:left; margin-right:2px; } div.AddProfileForm div.Item div.Intext input[type="radio"] { width:auto; float:left; margin-right:2px; } div.AddProfileForm div.Item div.Intext div.Radio { text-align:left; margin:2px 0px 2px 0px; height:18px; overflow:hidden; } /* ok - profile search */ div.ProfileSearchForm div.Block { overflow:hidden; } div.ProfileSearchForm div.BlockHead { height:50px; overflow:hidden; } div.ProfileSearchForm div.BlockHead div.Caption { float:left; font-weight:bold; color:#ffffff; text-transform:uppercase; margin:17px;} div.ProfileSearchForm div.BlockHead div.Action { float:right; width:50px; height:50px; border-left:1px solid #ffffff; } div.ProfileSearchForm div.BlockHead div.Action a { display:block; font-size:0px; width:50px; height:50px; background:url(icon_settings.png) center center; background-size:50px auto; } div.ProfileSearchForm div.BlockHead div.Action a:hover { background:url(icon_settings.png) center center #444444; background-size:50px auto; } div.ProfileSearchForm div.BlockInput { background:#dfdfdf; display:block; } div.ProfileSearchForm div.BlockInput div.Item { padding-top:10px; text-align:right; } div.ProfileSearchForm div.BlockInput div.Item-Place { padding-top:10px; } div.ProfileSearchForm div.BlockInput div.Item-Place-List { padding-top:10px; } div.ProfileSearchForm div.BlockInput div.Item-Place-List div.Intext { font-weight:bold;color:#000000; } div.ProfileSearchForm div.BlockInput div.Caption { font-weight:bold; text-align:left; } div.ProfileSearchForm div.BlockInput div.Intext { text-align:left; } div.ProfileSearchForm div.BlockInput div.Intext select { width:100%; } div.ProfileSearchForm div.BlockInput div.Intext input[type="checkbox"] { margin-top:5px; } div.ProfileSearchForm div.BlockInput div.Intext input[type="text"] { width:100%; padding:6px; font-size:14px; } div.ProfileSearchForm div.BlockInput div.Intext select.Ages { width:70px; } div.ProfileSearchForm div.BlockInput input.Button { margin-top:5px; } div.ProfileSearchForm div.BlockInput div.Intext a { display:block; font-weight:bold; padding-top:6px; } div.ProfileSearchForm div.BlockInput div.Item-Place-List a { display:inline-block; font-weight:normal; } div.ProfileSearchForm div.BlockInput div.Intext div.Checkbox { padding-top:6px; } div.ProfileSearchForm div.BlockInput div.Intext input[type="checkbox"] { width:auto; float:left; margin-right:4px; margin-top:2px; } div.ProfileSearchForm #Location-Map { width:100%; height:150px; background:#dfdfdf; margin-top:5px; overflow:hidden; z-index:1; } /* ok - profile */ div.ProfileForm { border:1px solid #dfdfdf; text-align:left; } div.ProfileForm div.BlockHead div.Caption { font-weight:bold; } div.ProfileForm div.Item div.Caption { align:left; font-weight:bold; } div.ProfileForm div.Item div.Intext { text-align:left; align:left; } /* ok - my profile */ div.MyProfileForm { border:1px solid #dfdfdf; } div.MyProfileForm div.Result-Errors { color:red; background:#f4c1c6; font-size:12px; } div.MyProfileForm div.BlockInputEmpty { background:#dfdfdf; text-align:center; font-weight:bold; } div.MyProfileForm div.BlockHead div.Caption { font-weight:bold; float:left; } div.MyProfileForm div.BlockHead div.Action { float:right; } div.MyProfileForm div.Item div.Caption { font-weight:bold; text-align:left; } div.MyProfileForm div.Item div.Info { margin-top:5px; font-size:10px; width:100%; } div.MyProfileForm div.Item div.Intext div.Checkbox { height:18px; overflow:hidden; } div.MyProfileForm div.Item div.Intext select { width:100%; } div.MyProfileForm div.Item div.Intext select.Ages { width:auto; } div.MyProfileForm div.Item div.Intext input.Button { margin-bottom:5px; } div.MyProfileForm div.Item div.Intext input[type="text"] { width:100%; } div.MyProfileForm div.Item div.Intext input[type="password"] { width:100%; } div.MyProfileForm div.Item div.Intext input[type="checkbox"] { width:auto; float:left; margin-right:2px; } div.MyProfileForm div.Item div.Intext input[type="radio"] { width:auto; float:left; margin-right:2px; } /* ok - my photos */ div.MyPhotosForm div.BlockInput { overflow:hidden; text-align:center; } div.MyPhotosForm div.BlockInput-Area { overflow:hidden; display:inline-block; vertical-align:top; } div.MyPhotosForm div.BlockInputEmpty { background:#dfdfdf; text-align:center; font-weight:bold; } div.MyPhotosForm div.BlockHead div.Action a { display:block; text-transform:uppercase; text-align:center; align:center; text-decoration:none; font-weight:bold; color:#ffffff; padding:8px;} div.MyPhotosForm div.BlockHead div.Action a:hover { background:#444444; } div.MyPhotosForm div.MyPhoto { border:1px solid #dfdfdf; text-align:center; padding:9px; vertical-align:top; overflow:hidden; } div.MyPhotosForm div.MyPhoto div.Info { margin-top:5px; } div.MyPhotosForm div.MyPhoto div.Actions { position:absolute; z-index:650; width:32px; overflow:hidden; } div.MyPhotosForm div.MyPhoto div.Actions a { width:32px; height:32px; display:block; margin-top:10px; font-size:0px; text-align:center; } div.MyPhotosForm div.MyPhoto div.Actions a:hover, div.MyPhotosForm div.MyPhoto div.Actions a:active { background:#444444; } div.MyPhotosForm div.MyPhoto div.Actions a.ActionMain-Active-YES { display:none; } div.MyPhotosForm div.MyPhoto div.Actions a.ActionMain-Suspended-YES { display:none; } div.MyPhotosForm div.MyPhoto div.Actions a.ActionMain-Pending-YES { display:none; } div.MyPhotosForm div.MyPhoto div.Actions a.ActionMain-Suspended- { display:none; } div.MyPhotosForm div.MyPhoto div.Image { background:#dfdfdf; overflow:hidden; } div.MyPhotosForm div.MyPhoto div.Image div.Image-Area { overflow:hidden; } div.MyPhotosForm div.MyPhoto div.Image div.Image-Area a.Image-Zoom { position:absolute; z-index:600; } div.MyPhotosForm div.MyPhoto div.Image div.Image-Area a.Image-Zoom:hover, div.MyPhotosForm div.MyPhoto div.Image div.Image-Area a.Image-Zoom:active { background:url(zoom.png) no-repeat center center; background-size:contain; } div.MyPhotosForm div.MyPhoto div.Image div.Image-Layer { position:absolute; z-index:500; } div.MyPhotosForm div.MyPhoto div.Image div.Image-Layer div.LayerHidden { background:url(hidden.png); } div.MyPhotosForm div.MyPhoto div.Image div.Image-Layer div.LayerSuspended { background:url(hidden.png); } div.MyPhotosForm div.MyPhoto div.Status { font-size:0px; height:35px; overflow:hidden; background:#dfdfdf; } div.MyPhotosForm div.MyPhoto div.Status div.caption { display:none; } div.MyPhotosForm div.MyPhoto div.Uploaded { font-size:0px; height:35px; overflow:hidden; background:#dfdfdf; margin-top:1px; } div.MyPhotosForm div.MyPhoto div.Uploaded div.caption { display:none; } div.MyPhotosForm div.MyPhoto div.Pending { font-size:11px; text-transform:uppercase; padding:11px; color:blue; } div.MyPhotosForm div.MyPhoto div.Approved { font-size:11px; text-transform:uppercase; padding:11px; color:green; } div.MyPhotosForm div.MyPhoto div.Suspended { font-size:11px; text-transform:uppercase; padding:11px; color:red; } div.MyPhotosForm div.MyPhoto div.Dt { font-size:11px; text-transform:uppercase; padding:11px; } /* OK - FORMS INFO */ /* ok - profile, myprofile */ div.MyProfile, div.Member { text-align:center; } div.MyProfile div.Top { display:block; text-align:center; } div.Member div.Left { overflow:hidden; text-align:center } div.MyProfile div.Image, div.Member div.Image { overflow:hidden; border:1px solid #dfdfdf; padding:9px; text-align:center; } div.MyProfile div.Image-Area, div.Member div.Image-Area { display:inline-block; overflow:hidden; background:#dfdfdf; } div.MyProfile div.Image-Area div.Hot, div.Member div.Image-Area div.Hot { background:url(icon-hot.png) no-repeat center center; background-size:cover; } div.MyProfile div.Image-Area div, div.Member div.Image-Area div { overflow:hidden; } div.MyProfile div.Image-Area div.Empty-Female, div.Member div.Image-Area div.Empty-Female { background:url(icon-female.png) no-repeat center center; background-size:contain; } div.MyProfile div.Image-Area div.Empty-Male, div.Member div.Image-Area div.Empty-Male { background:url(icon-male.png) no-repeat center center; background-size:contain; } div.MyProfile div.Image-Area div img, div.Member div.Image-Area div img { overflow:hidden; visibility:hidden; } div.MyProfile div.Image-Area div a, div.Member div.Image-Area div a { overflow:hidden; display:block; transition: 500ms; transition-property:all; background-image:url(bg-transparent.png); background-repeat:no-repeat; background-position:center center; background-size:contain; } div.MyProfile div.Image-Area div a:hover, div.MyProfile div.Image-Area div a:active, div.Member div.Image-Area div a:hover, div.Member div.Image-Area div a:active { background-image:url(icon-zoom.png); } div.MyProfile div.Details, div.Member div.Details { text-align:left; } div.MyProfile div.Details-Personal, div.Member div.Details-Personal { text-align:left; border:1px solid #dfdfdf; } div.MyProfile div.Details-Top, div.Member div.Details-Top { clear:both; height:25px; overflow:hidden; } div.MyProfile div.Details-Bottom, div.Member div.Details-Bottom { clear:both; overflow:hidden; margin-top:10px; } div.MyProfile div.Details div.Gender-Male, div.Member div.Details div.Gender-Male { width:21px;height:25px; background:url(icon-male.png) no-repeat center center; background-size:contain; float:left; } div.MyProfile div.Details div.Gender-Female, div.Member div.Details div.Gender-Female { width:21px;height:25px; background:url(icon-female.png) no-repeat center center; background-size:contain; float:left; } div.MyProfile div.Details div.Name, div.Member div.Details div.Name { font-size:18px; font-weight:bold; margin-top:4px;margin-left:27px; } div.MyProfile div.Details div.Name a { font-size:14px; font-weight:normal; margin-left:5px; } div.MyProfile div.Details div.Age, div.Member div.Details div.Age { float:left; font-weight:bold; margin-right:4px; } div.MyProfile div.Details div.Zodiak, div.Member div.Details div.Zodiak { font-weight:bold; margin-right:4px; } div.MyProfile div.Details div.Location, div.Member div.Details div.Location { font-weight:bold; margin-right:10px; font-size:14px; } div.MyProfile div.Details div.Location a { font-size:14px; font-weight:normal; margin-left:5px; } div.MyProfile div.Details div.Description { overflow:hidden; display:block; font-style:italic; clear:both; overflow:hidden; border:1px solid #dfdfdf; cursor:pointer; } div.Member div.Details div.Description { overflow:hidden; display:block; font-style:italic; clear:both; overflow:hidden; border:1px solid #dfdfdf; } div.MyProfile div.Details div.Description-Content, div.Member div.Details div.Description-Content { text-align:left; } div.MyProfile img.Description-Icon, div.Member img.Description-Icon { width:24px; height:auto; } div.Member div.StatusOnline { margin-top:10px; } div.Member div.StatusOffline { margin-top:10px; } div.Member div.Actions div.Button { display:block; text-align:center; align:center; margin-top:1px; text-decoration:none; font-weight:bold; overflow:hidden; height:35px; } div.Member div.Actions div.Button div.Nums { float:right; padding:9px 12px 10px 9px; border-left: 1px solid #ffffff; color:#ffffff; } div.Member div.Actions a { transition: 500ms; transition-property:all; display:block; color:#ffffff; padding:9px 9px 10px 9px; text-transform:uppercase; text-align:center; align:center; text-decoration:none; font-weight:bold; } div.Member div.Actions a:hover, div.Member div.Actions a:active { background:#444444; } div.MyProfile div.Status, div.Member div.Status { display:block; border:1px solid #dfdfdf; margin:20px 10px 0px 10px; text-align:center; padding:15px; } div.MyProfile div.Status div.Status-Icon, div.Member div.Status div.Status-Icon { } div.MyProfile div.Status div.Status-Icon img, div.Member div.Status div.Status-Icon img { margin:0px 10px 0px 10px; width:200px; height:196px; } div.MyProfile div.Status div.Status-Text, div.Member div.Status div.Status-Text { display:inline-block; margin:10px 10px 0px 10px; max-width:300px; } div.MyProfile div.Status div.Status-Text div.Info { font-size:14px; font-weight:bold; } div.Member div.Status div.Status-Text div.Info { font-size:14px; font-weight:bold; } div.MyProfile div.Status div.Status-Text div.Button, div.Member div.Status div.Status-Text div.Button { margin-top:10px; } div.MyProfile div.Status div.Status-Text div.Button, div.Member div.Status div.Status-Text div.Button { font-size:14px; font-weight:bold; } div.MyProfile div.Status div.Status-Text div.Button a, div.Member div.Status div.Status-Text div.Button a { display:inline-block; width:auto; color:#ffffff; text-transform:uppercase; padding:10px 20px 10px 20px; text-align:center; align:center; text-decoration:none; font-weight:bold;} div.MyProfile div.Status div.Status-Text div.Button a:hover, div.MyProfile div.Status div.Status-Text div.Button a:active, div.Member div.Status div.Status-Text div.Button a:hover, div.Member div.Status div.Status-Text div.Button a:active { background:#444444; } /* ok - contacts folders */ div.ContactsFolders div.Items div.Item { margin-top:1px; height:35px; overflow:hidden; } div.ContactsFolders div.Items div.Item div.Name { height:35px; overflow:hidden; display:block; overflow:hidden; } div.ContactsFolders div.Items div.Item div.Name div a { color:#ffffff; display:block; font-size:14px; font-weight:bold; text-decoration:none; padding:9px 0px 10px 32px; overflow:hidden; } div.ContactsFolders div.Items div.Item div.Name div a:active, div.ContactsFolders div.Items div.Item div.Name div a:hover, div.ContactsFolders div.Items div.Item div.Name div a.active { background:url(icon_myfolder.png) no-repeat 8px 10px #444444;background-size:auto 15px; } div.ContactsFolders div.Items div.Item div.Name div.folder1 a:active, div.ContactsFolders div.Items div.Item div.Name div.folder1 a:hover, div.ContactsFolders div.Items div.Item div.Name div.folder1 a.active { background:url(icon_folder.png) no-repeat 8px 10px #444444; background-size:auto 15px; } div.ContactsFolders div.Items div.Item div.Name div.folder2 a:active, div.ContactsFolders div.Items div.Item div.Name div.folder2 a:hover, div.ContactsFolders div.Items div.Item div.Name div.folder2 a.active { background:url(icon_favour.png) no-repeat 8px 10px #444444; background-size:auto 15px; } div.ContactsFolders div.Items div.Item div.Name div.folder3 a:active, div.ContactsFolders div.Items div.Item div.Name div.folder3 a:hover, div.ContactsFolders div.Items div.Item div.Name div.folder3 a.active { background:url(icon_trash.png) no-repeat 8px 10px #444444; background-size:auto 15px; } div.ContactsFolders div.Items div.Item div.Name div span.New { float:right; font-size:0px; font-weight:bold; text-transform:lowercase; margin-top:1px; } div.ContactsFolders div.Items div.Item div.Name div span.New span.num { border-left:1px solid #ffffff; height:35px; margin-top:-10px; min-width:35px; display:block; font-size:12px; text-align:center; padding-top:11px; } div.ContactsFolders div.Items div.Item div.Actions { width:71px;height:35px; float:right; overflow:hidden; margin-left:1px; } div.ContactsFolders div.Items div.Item div.Actions a.Edit { display:block; padding:0px; overflow:hidden;width:35px; height:35px; float:left; margin-right:1px; } div.ContactsFolders div.Items div.Item div.Actions a.Edit:hover, div.ContactsFolders div.Items div.Item div.Actions a.Edit:active { background:url(icon_edit.png) no-repeat center center #444444; background-size:auto 15px; } div.ContactsFolders div.Items div.Item div.Actions a.Drop { display:block; padding:0px; overflow:hidden; width:35px; height:35px; } div.ContactsFolders div.Items div.Item div.Actions a.Drop:hover, div.ContactsFolders div.Items div.Item div.Actions a.Drop:active { background:url(icon_delete.png) no-repeat center center #444444; background-size:auto 15px; } div.ContactsFolders div.Create { height:35px; overflow:hidden; border-bottom:1px solid #dfdfdf; } div.ContactsFolders div.Create a { display:block; font-size:14px; font-weight:bold; text-decoration:underline; padding:9px 0px 10px 32px; overflow:hidden; } div.ContactsFolders div.Create a:active, div.ContactsFolders div.Create a:hover, div.ContactsFolders div.Create a.active { text-decoration:none; } div.ContactsFolders div.FormBottom { margin-top:10px; overflow:hidden; height:80px; } div.ContactsFolders div.FormBottom div.Filter { height:35px; overflow:hidden; text-align:right; } div.ContactsFolders div.FormBottom div.Filter div.Caption { float:left; padding:9px; } div.ContactsFolders div.FormBottom div.Filter div.Items { display:table; } div.ContactsFolders div.FormBottom div.Filter div.Items div { border-left:1px solid #ffffff; display:table-cell; text-align:center; overflow:hidden; } div.ContactsFolders div.FormBottom div.Filter div.Items div a { color:#ffffff; display:block; font-size:14px; font-weight:bold; text-decoration:none; padding:9px 16px 10px 16px; overflow:hidden; } div.ContactsFolders div.FormBottom div.Filter div.Items div a:active, div.ContactsFolders div.FormBottom div.Filter div.Items div a:hover, div.ContactsFolders div.FormBottom div.Filter div.Items div a.active { background:#444444 ; text-decoration:none; } div.ContactsFolders div.FormBottom div.CheckAll { position:absolute; margin-top:45px; background:#dfdfdf; display:block; } div.ContactsFolders div.FormBottom div.CheckAll div.CheckAllButton { height:35px; float:left; overlow:hidden; align:center; text-align:center; overflow:hidden; } div.ContactsFolders div.FormBottom div.CheckAll div.CheckAllButton input { margin:12px; } div.ContactsFolders div.FormBottom div.CheckAll div.CheckAllInfo { margin-left:30px; padding-top:10px; background:#dfdfdf; } /* ok - visitor folders */ div.VisitorsFolders { overflow:hidden; } div.VisitorsFolders div.Caption { text-align:right; padding-top:9px; } div.VisitorsFolders div.Items div { height:35px; text-align:center; display:block; overflow:hidden; } div.VisitorsFolders div.Items div a { color:#ffffff; transition: 500ms; transition-property:all; display:block; font-weight:bold; text-decoration:none; padding:9px; overflow:hidden; } div.VisitorsFolders div.Items div a:active, div.VisitorsFolders div.Items div a:hover, div.VisitorsFolders div.Items div a.active { background:#444444 ; text-decoration:none; } /* ok - subscription folders */ div.Subscriptions { overflow:hidden; } div.Subscriptions div.Subscriptions-Head { padding:10px; font-weight:bold; color:#ffffff; text-align:center; } div.Subscriptions div.Subscriptions-Area { owerflow:hidden; text-align:center; } div.Subscriptions div.Items { overflow:hidden; } div.Subscriptions div.Items-Area { overflow:hidden;} div.Subscriptions div.Items div.Item { height:105px; overflow:hidden; } div.Subscriptions div.Items div.Item-Area { height:103px; overflow:hidden; border:1px solid #dfdfdf; align:center; text-align:center; } div.Subscriptions div.Items div.Item-Area:hover { background:#dfdfdf; cursor:pointer; } div.Subscriptions div.Items div.Item-Area-Active { height:103px; border:1px solid #dfdfdf; background:#dfdfdf; align:center; text-align:center; } div.Subscriptions div.Items div.Item-Name { display:inline-block; width:auto; height:auto; margin-top:14px; } div.Subscriptions div.Items div.Item-Name div.Selector { float:left;padding:2px 2px 0px 0px; } div.Subscriptions div.Items div.Item-Name div.Selector input { cursor:pointer; margin-top:0px; } div.Subscriptions div.Items div.Item-Name div.Name { float:right; font-weight:bold; } div.Subscriptions div.Items div.Description { text-align:center; margin-top:10px; } div.Subscriptions div.Items div.Details { font-weight:bold; text-align:center; align:center; margin-top:10px; } div.Subscriptions div.Features-Area { border:1px solid #dfdfdf; text-align:center; align:center; } div.Subscriptions div.Pay div.Caption { font-weight:bold; align:center;text-align:center; } div.Subscriptions div.Pay div.Button { text-align:center; } div.Subscriptions div.Methods { overflow:hidden; } div.Subscriptions div.Methods-Area { overflow:hidden; align:center; text-align:center; } div.Subscriptions div.Methods-Content { } div.Subscriptions div.Method-Item { height:80px; overflow:hidden; } div.Subscriptions div.Method-Item-Area { height:78px; overflow:hidden; border:1px solid #dfdfdf; text-align:center; } div.Subscriptions div.Method-Item-Area:hover { background:#dfdfdf; cursor:pointer; } div.Subscriptions div.Method-Item-Area-Active { height:78px; overflow:hidden; border:1px solid #dfdfdf; background:#dfdfdf; align:center; text-align:center; } div.Subscriptions div.Method-Item div.Method-Item-Name { display:inline-block; width:auto; height:auto; margin-top:14px; } div.Subscriptions div.Method-Item div.Method-Item-Name div.Selector { float:left;padding:2px 2px 0px 0px; } div.Subscriptions div.Method-Item div.Method-Item-Name div.Selector input { cursor:pointer; margin-top:0px; } div.Subscriptions div.Method-Item div.Method-Item-Name div.Name { float:right; font-weight:bold; } div.Subscriptions div.Method-Item div.Method-Logo-1 { margin-top:10px; height:20px; background:url(paypal.png) no-repeat top center; background-size:auto 20px; } div.Subscriptions div.Method-Item div.Method-Logo-2 { margin-top:10px; height:20px; background:url(payza.png) no-repeat top center; background-size:auto 20px; } div.Subscriptions div.Method-Item div.Method-Logo-3 { margin-top:10px; height:20px; background:url(ccbill.png) no-repeat top center; background-size:auto 20px; } div.Widget-Counters { display:none; } /* POPUP */ /* general */ #Popup { z-index:1000; display:block; position:fixed; top:0;bottom:0;left:0;right:0; width:100%; height:100%; } #PopupBackground { z-index:1000; position:absolute; display:block; width:100%; height:100%; background:url(opacity.png); } #PopupArea { display:table-cell; width:100%; height:100%; overflow:hidden; text-align:center; align:center; vertical-align:middle; } #PopupBoxBorder { position:absolute; display:block; overflow:hidden; top:10px;bottom:10px;left:10px;right:10px; } #PopupBox { display:table; overflow:hidden; width:100%; height:100%; } #PopupBoxArea { display:table-cell; overflow:hidden; width:100%; height:100%; text-align:center; align:center; vertical-align:middle; } #PopupContentTable { display:table; overflow:hidden; width:auto; height:auto; } #PopupContentTableCell { display:table-cell; overflow:hidden; width:auto; height:auto; text-align:center; align:center; vertical-align:middle; } #PopupContent { display:block; overflow:hidden; } #PopupContentArea { width:auto; height:auto; } #PopupLoader { background:#ffffff; padding:10px 20px 7px 10px; cursor:pointer; } #PopupLoaderArea { font-size:12px; height:20px; background:url(popbox_loader.gif) no-repeat 0px 0px; background-size:auto 20px; padding-left:30px; padding-top:3px; font-weight:bold; color:#808080; } #PopupTable { display:table; background:#ffffff;} #PopupMessagesLoader { text-align:center; align:center; } /* popup head */ div.PopupHead { display:table-row; height:35px; overflow:hidden; } div.PopupHeadArea { display:block; height:35px; overflow:hidden; width:100%; } div.PopupHeadArea div.Caption { float:left; text-align:left; align:left; overflow:hidden; text-transform:uppercase; margin-top:10px; height:14px; overflow:hidden;} div.PopupHeadArea div.Caption-Area { margin-left:10px; font-size:14px; color:#ffffff; font-weight:normal; } div.PopupHeadArea div.Close { float:right; height:35px; width:35px; } div.PopupHead div.Close img { height:35px; } /* popup result */ div.PopupResult { display:table-row; height:0px; } div.PopupResult div.PopupErrors { margin:10px 10px 0px 10px; background:#f4c1c6; font-size:12px; padding:20px; overflow:hidden; text-align:left; align:left; } div.PopupResult div.PopupSuccess { margin:10px 10px 0px 10px;padding:20px 25px 20px 25px; background:#dfdfdf; overflow:hidden; text-align:center; align:center; font-weight:bold; } div.PopupResult div.PopupErrors ul { padding:0px; margin:0px; margin-top:5px;margin-bottom:5px; } div.PopupResult div.PopupErrors ul li { margin-right:30px; margin-left:30px; padding:0px; word-wrap:break-word; font-size:12px; } /* popup vertical space */ div.PopupVspace { display:table-row; height:10px; overflow:hidden; } /* popup main */ div.PopupMain { display:table-row; } div.PopupMainArea { margin:10px 10px 0px 10px; width:auto; height:auto; overflow:hidden; border:1px solid #dfdfdf; } div.PopupMainAreaImage { margin:10px 10px 0px 10px; width:auto; height:auto; overflow:hidden; } /* popup buttons */ div.PopupButtons { display:table-row; } div.PopupButtonsArea { margin:0px 10px 0px 10px; } div.PopupButtonsAreaBack { text-align:left; } div.PopupButtonsAreaBack a { background-image:url(icon_back.png); background-repeat:no-repeat; background-size:auto 12px; background-position:2px 2px; padding-left:16px; font-weight:bold; } /* popup foot */ div.PopupFoot { display:table-row; height:10px; overflow:hidden; } /* descriptio */ div.PopupFieldDescription { display:table-row; height:13px; overflow:hidden; } div.PopupFieldDescriptionArea { margin:3px 10px 0px 10px; text-align:center; align:center; font-size: 9px; } /* any */ #PopupOverflow { display:inline-block; width:100%; height:100%; overflow:hidden; } #PopupOverflow form { margin:0px; padding:0px; } #PopupOverflowMessage { display:inline-block; width:100%; height:100%; background:#ffffff; overflow:hidden; } /* image */ #PopupOverflowImage { display:block; overflow:hidden; } #PopupOverflowImage img { display:table; overflow:hidden; } #PopupOverflowImage div.Control { position:absolute; display:table; width:inherit;height:inherit; } #PopupOverflowImage div.Control-Left { display:table-cell; width:50%;height:100%; } #PopupOverflowImage div.Control-Left a { display:block; width:100%;height:100%; background:url(Previous.png) no-repeat left center; background-size:40% auto; } #PopupOverflowImage div.Control-Right { display:table-cell; width:50%;height:100%; } #PopupOverflowImage div.Control-Right a { display:block; width:100%;height:100%; background:url(Next.png) no-repeat right center; background-size:40% auto; } /* add */ div.PopupAdd { display:block; margin:0px 15px 15px 15px; } div.PopupAddInput { display:block; } div.PopupAddInput div.Item { margin-top:15px; } div.PopupAddInput div.Item div.Caption { text-align:left; align:left; } div.PopupAddInput div.Item div.Intext { margin-top:5px; } div.PopupAdd input { display:inline-block; padding:6px; width:100%; overflow:hidden; } div.PopupAdd textarea { display:inline-block; padding:6px; width:100%; overflow:hidden; height:100px; } /* edit field */ div.PopupEditField { display:block; } div.PopupEditFieldInput { display:block; } div.PopupEditField input { display:inline-block; padding:10px; min-width:500px; overflow:hidden; border:0px; } div.PopupEditField textarea { display:inline-block; padding:10px; min-width:500px; overflow:hidden; min-height:150px; border:0px; } div.PopupEditField #Location-Map { margin:0px; min-width:100%; min-height:150px; border-top:1px solid #dfdfdf; } /* select field */ div.PopupSelectInput div.Item { text-align:left; padding:5px; border-top:1px solid #dfdfdf;cursor:pointer; color:#000000; min-width:200px; } div.PopupSelectInput div.Item:first-child { border-top:0px solid #dfdfdf;font-weight:bold; } div.PopupSelectInput div.Item:hover { background-color:#dfdfdf; } /* upload */ div.PopupUpload { overflow:hidden; padding:10px; margin:5px; } div.PopupUpload input { width:100%; border:0px; padding:0px; } div.PopupUpload div.FileInfo { width:100%; border:0px; font-size: 11px; margin-top: 5px; text-align:left; align:left; } /* alert */ div.PopupAlert { overflow:hidden; margin:10px; } div.PopupAlert div.Item { display:table; width:100%; max-width:250px; text-align:center; align:center; vertical-align:middle; } div.PopupAlert div.Text { display:table-cell; width:auto; height:auto; text-align:center; align:center; vertical-align:middle; } div.PopupAlert div.Image { display:table-cell; width:auto; height:auto; text-align:center; align:center; vertical-align:middle; padding-right:10px; } div.PopupAlert div.Image img { height:60px; width:60px; overflow:hidden; } /* user */ div.PopupUser { display:table-row; text-align:left; align:left; } div.PopupUserArea { height:80px; margin:10px 10px 0px 10px; border:1px solid #dfdfdf; overflow:hidden; } div.PopupUserArea div.image { width:70px; height:70px; margin:5px; overflow:hidden; float:left; background:#dfdfdf; } div.PopupUserArea div.image div.icon-Female { width:70px; height:70px; overflow:hidden; background:url(Female.png) no-repeat center center #dfdfdf; background-size:contain; overflow:hidden; } div.PopupUserArea div.image div.icon-Male { width:70px; height:70px; overflow:hidden; background:url(Male.png) no-repeat center center #dfdfdf; background-size:contain; overflow:hidden; } div.PopupUserArea div.image img { width:70px; height:70px; overflow:hidden; } div.PopupUserArea div.details { margin:5px 5px 5px 85px; } div.PopupUserArea div.name { height: 16px; overflow:hidden; margin-top:7px; } div.PopupUserArea div.name a { padding-left:5px; padding-top:1px; font-size:14px; font-weight:bold; text-decoration:none; } div.PopupUserArea div.name a:hover, div.PopupUserArea div.name a:active { text-decoration:underline; } div.PopupUserArea div.gender-Male { width:16px;height:16px; background:url(Male.png) no-repeat center center; background-size:contain; float:left; } div.PopupUserArea div.gender-Female { width:16px;height:16px; background:url(Female.png) no-repeat center center; background-size:contain; float:left; } div.PopupUserArea div.age { float:left; margin-right:5px; } div.PopupUserArea div.location { font-weight:bold; margin-top:10px; height: 16px; overflow:hidden; } div.PopupUserArea div.activity { margin-top:10px; font-size:10px; overflow:hidden; } /* control */ div.PopupControlArea { margin-left:10px;margin-right:10px; overflow:hidden; } div.PopupControlArea textarea { height:44px; width:100%; font-size:14px; margin-bottom:5px; overflow:hidden; } div.PopupControlArea input.button { float:right; width:120px;font-size:12px; } /* messages */ div.PopupMessagesList { padding:10px; display:block; background:#ffffff; align:left; text-align:left; min-width:250px; min-height:300px; } div.PopupMessagesList div.FromMe { background:#dfdfdf; padding:10px;overflow:hidden; margin-top:1px; } div.PopupMessagesList div.FromUser { border:1px solid #dfdfdf; padding:10px;overflow:hidden; margin-top:1px; } div.PopupMessagesList div.Item-Scam { display:none; margin-top:10px; text-align:right; } div.PopupMessagesList div.Item-Scam a { color:red; font-size:10px; } div.PopupMessagesList div.FromUser div.Item-Scam { display:block; } div.PopupMessagesList div.Name { float:left; font-size:13px; font-weight:bold; } div.PopupMessagesList div.Dt { float:right; font-size:11px; text-transform: capitalize; } div.PopupMessagesList div.Item-Text { margin-top:5px;font-size:12px; } div.PopupMessagesList div.FromMe div.Pending { background:url(icon_message_pending.png) no-repeat bottom right; background-size:11px 11px; } div.PopupMessagesList div.FromMe div.Received { background:url(icon_message_received.png) no-repeat bottom right; background-size:11px 11px; }