body { min-width:980px; } div.Work-Area { width:940px; display:inline-block; text-align:left; } h1 { padding-bottom:22px; } h2 { padding-bottom:22px; } div.Head-Top { height:80px; } div.Head-Top-Area-Center { position:absolute; height:80px; text-align:left; } div.Head-Top-Area-Center a { height:80px; display:block; } div.Head-Top-Area-Center img { height:24px; margin-top:28px; } div.Head-Bottom-Area-Right { padding-right:10px;position:absolute; margin-left:-170px; } #Navi { display:block !important; position:absolute; width:100%; margin-top:-49px; } div.Menu1 { height:16px; overflow:hidden; float:right; } div.Menu1 ul { height:16px; overflow:hidden; margin:0px; padding:0px; display:block; list-style-type: none; } div.Menu1 ul li { height:16px; overflow:hidden; margin:0px; padding:0px; float:left; list-style-type:none; margin-left:40px; background:none !important; } div.Menu1 ul li a { font-size:13px; transition: all 0.3s ease; font-weight:900; text-decoration: none; color: #ffffff; padding:0px; display:block; text-transform:uppercase; } div.Menu1 ul li a.active, div.Menu1 ul li a:hover { color:#444444; } #NaviSettings { display:block !important; position:absolute; width:100%; height:40px; overflow:hidden; } div.Menu2 { overflow:hidden; height:40px; font-size:11px; } div.Menu2 ul { overflow:hidden; height:40px; margin:0px; padding:0px; display:block; list-style-type: none; } div.Menu2 ul li { width:40px; height:14px; overflow:hidden; height:40px; margin:0px; padding:0px; float:left; list-style-type:none; background:none !important; } div.Menu2 ul li a { display:block; font-size:0px; height:40px; } div.Menu2 ul li a.active, div.Menu2 ul li a:hover { background-color:#444444; } div.Menu2 ul li a { display:block; font-size:0px; height:40px; } div.Menu2 ul li.MyProfile a { background-image:url(icon-myaccount.png); background-size:40px 40px; } div.Menu2 ul li.MySettings a { background-image:url(icon-settings.png); background-size:40px 40px; } div.Menu2 ul li.MyMessages a { background-image:url(icon-message.png); background-size:40px 40px; } div.Menu2 ul li.MyPhotos a { background-image:url(icon-photo.png); background-size:40px 40px; } div.Menu2 ul li.MyVisitors a { background-image:url(icon-eye.png); background-size:40px 40px; } div.Menu2 ul li.MyMembership a { background-image:url(icon-vip.png); background-size:40px 40px; } div.Menu2 ul li.Exit a { background-image:url(icon-exit.png); background-size:40px 40px; } div.Menu2 ul li.Login, div.Menu2 ul li.Password, div.Menu2 ul li.Join { width:auto; } div.Menu2 ul li.Login a, div.Menu2 ul li.Password a, div.Menu2 ul li.Join a { padding:12px 12px 14px 12px; font-size:11px; transition: all 0.3s ease; font-weight:900; text-decoration: none; color: #ffffff; display:block; text-transform:uppercase; } div.Foot { margin-top:20px; padding:20px; } div.Foot-Left { float:left; text-align:left; } div.Foot-Right { float:right; text-align:right; } div.Foot span.Copy { margin-right:5px; } div.NavPages { margin-top:20px; float:right; } div.NavPages ul li.Next { display:none; } div.NavPages ul li.Previous { display:none; } div.Likes { margin:20px 0px 0px 0px; padding:14px; border:1px solid #dddddd; } div.Likes div.Button { float:right; text-align:left; } div.Comments { margin-top:20px;} div.Main h1 { margin-top:20px; } div.Widget { margin-top:20px; } /* PAGE */ div.Home div.Text, div.Page div.Text { margin-top:20px; } /* SUBOBJECTS */ div.SubObjects { width:940px; } div.SubObjects-Area { width:960px; } div.Objects { width:940px; } div.Objects-Area { width:960px; } div.Profiles { width:940px;} div.Profiles-Area { width:960px; } /* PROFILES */ div.Profile-Item { margin:20px 20px 0px 0px; float:left; } div.Profile-Item-Area, div.Profile-Item div.Image, div.Profile-Item img, div.Profile-Item div.Details-Bg, div.Profile-Item a.Gender-Bg-Female, div.Profile-Item a.Gender-Bg-Male, div.Profile-Item div.Hot { width:200px; height:200px; } div.Profile-Item div.Details-Area { height:180px; width:180px; } div.Profile-Item div.Details-Bg:hover div.Details { height:180px; } div.Profile div.SubObjects { width:220px; margin-top:10px; } div.Profile div.SubObjects-Area { width:240px; } div.Profile div.SubObjects div.Profile-Photo-Item { float:left; margin:10px 10px 0px 0px; } div.Profile div.SubObjects div.Profile-Photo-Item a, div.Profile div.SubObjects div.Profile-Photo-Item div.Hot, div.Profile div.SubObjects div.Profile-Photo-Item img { width:95px; height:95px;} /* PROFILE PHOTO */ div.ProfilePhoto-Item { margin:20px 20px 0px 0px; float:left; } div.ProfilePhoto-Item-Area, div.ProfilePhoto-Item div.Image, div.ProfilePhoto-Item div.Image a, div.ProfilePhoto-Item div.Image img, div.ProfilePhoto-Item div.Details-Bg, div.ProfilePhoto-Item div.Hot { width:200px; height:200px; } div.ProfilePhoto-Item div.Details-Area { height:180px; width:180px; } div.ProfilePhoto-Item div.Details-Bg:hover div.Details { height:180px; } /* ok - contacts */ div.Contact-Item { margin:20px 20px 0px 0px; float:left; } div.Contact-Item div.Hover-Area, div.Contact-Item div.Image, div.Contact-Item div.Image a.Icon-Female, div.Contact-Item div.Image a.Icon-Male, div.Contact-Item div.Hot, div.Contact-Item div.Details, div.Contact-Item div.Image img { width:200px; height:200px; } div.Contact-Item div.Messages { width:200px; } /* ok - visitors */ div.Visitor-Item { margin:20px 20px 0px 0px; float:left; } div.Visitor-Item div.Hover-Area, div.Visitor-Item div.Image, div.Visitor-Item div.Image a.Gender-Bg-Female, div.Visitor-Item div.Image a.Gender-Bg-Male, div.Visitor-Item div.Hot, div.Visitor-Item div.Details-Bg, div.Visitor-Item div.Image img { width:200px; height:200px; } div.Visitor-Item div.Messages { width:200px; } div.Visitor-Item div.Details-Area { height:180px; width:180px; } div.Visitor-Item div.Details-Bg:hover div.Details { height:180px; } /* NEWS */ div.New-Item { margin:20px 20px 0px 0px; float:left; } div.New-Item-Area { width:270px; height:350px; } div.New-Item div.Image { width:270px; height:180px; } div.New-Item div.Image-Area img { width:270px; height:180px; } div.New { margin-top:20px; } div.New div.Image { float:left; margin-right:15px; } div.New div.Image, div.New div.Image-Area img, div.New div.Zoom, div.New div.Zoom a { width:270px;height:180px; } div.New div.Zoom a:hover { background-image:url(icon-zoom.png); } /* ok - group actions */ div.GroupActions { margin-top:20px; float:left; } /* INPUT FORMS */ /* ok - support */ div.SupportForm div.Result-Errors, div.SupportForm div.Result-Success, div.SupportForm div.Note { margin-top:20px; padding:20px; } div.SupportForm div.BlockInput { margin-top:20px; padding:9px 19px 19px 19px; } div.SupportForm div.Item div.Caption { float:left; width:160px; padding-top:7px; } div.SupportForm div.Item div.Intext { margin-left: 160px; text-align:left; } div.SupportForm div.Item input { width:300px; } /* ok - authorization */ div.AuthorizationForm div.Result-Errors { margin-top:20px; padding:20px; } div.AuthorizationForm div.BlockInput { margin-top:20px; padding:9px 19px 19px 19px; width:420px; float:left; height:115px; } div.AuthorizationForm div.BlockInputInfo { margin-top:20px; padding:20px; float:right; width:420px; height:105px; } div.AuthorizationForm div.Item div.Caption { float:left; width:160px; padding-top:7px; } div.AuthorizationForm div.Item div.Intext { margin-left: 160px; text-align:left; } div.AuthorizationForm div.Item input { width:100%; } /* ok - password */ div.PasswordForm div.Result-Errors, div.PasswordForm div.Result-Success { margin-top:20px; padding:20px; } div.PasswordForm div.BlockInput { margin-top:20px; padding:9px 19px 19px 19px; width:420px; float:left; height:75px; } div.PasswordForm div.BlockInputInfo { margin-top:20px; padding:10px 20px 10px 20px; float:right; width:420px; height:85px; } div.PasswordForm div.BlockInputInfo a { margin:10px 0px 10px 0px; } div.PasswordForm div.Item div.Caption { float:left; width:160px; padding-top:7px; } div.PasswordForm div.Item div.Intext { margin-left: 160px; text-align:left; } div.PasswordForm div.Item input { width:100%; } /* ok - registration */ div.RegistrationForm div.Result-Errors, div.RegistrationForm div.Result-Success { margin-top:20px; padding:20px; } div.RegistrationForm div.BlockInputInfo { margin-top:20px; padding:20px; float:right; width:420px; } div.RegistrationForm div.BlockInput { margin-top:20px; padding:9px 19px 19px 19px; width:420px; float:left; } div.RegistrationForm div.Item div.Caption { float:left; width:160px; padding-top:7px; } div.RegistrationForm div.Item div.Intext { margin-left: 160px; text-align:left; } div.RegistrationForm div.Item div.Info { margin-left: 160px; } div.RegistrationForm div.Item select.Birthdate-Day { width:20%; } div.RegistrationForm div.Item select.Birthdate-Month { width:50%; } div.RegistrationForm div.Item select.Birthdate-Year { width:30%; } div.RegistrationForm div.Item input { width:100%; } div.RegistrationForm div.Item div.Buttons input { width:200px; } div.RegistrationForm #Location-Map { width:420px; margin-left:-160px; } /* ok - add profile */ div.AddProfileForm { margin-top:20px; } div.AddProfileForm div.Result-Errors { margin:20px 20px 0px 20px; padding:20px; } div.AddProfileForm div.BlockInput { margin:0px 20px 20px 20px; padding-top:10px; } div.AddProfileForm div.Item div.Caption { float:left; width:290px; padding-top:7px; } div.AddProfileForm div.Item div.Intext { margin-left: 310px; text-align:left; } div.AddProfileForm div.Item div.Info { text-align:left; } div.AddProfileForm div.Item div.Button { margin-left: 310px; text-align:left; } div.AddProfileForm div.Item div.Intext div.Radio { width:33%; float:left; } div.AddProfileForm div.Item div.Intext select { width:300px; } div.AddProfileForm div.Item div.Button input.Button { width:200px; } /* ok - profile search */ div.ProfileSearchForm { margin-top:20px; } div.ProfileSearchForm div.BlockInput { padding:10px 0px 20px 20px ; } div.ProfileSearchForm div.BlockInput div.Item { width:440px; float:left; margin-right:20px; } div.ProfileSearchForm div.BlockInput div.Item-Place { clear:both; margin-right:20px; } div.ProfileSearchForm div.BlockInput div.Item-Place-List { clear:both; margin-right:20px; } div.ProfileSearchForm div.BlockInput div.Caption { width:110px; float:left; padding-top:7px; } div.ProfileSearchForm div.BlockInput div.Intext { margin-left:120px;} div.ProfileSearchForm div.BlockInput input.Button { width:200px; } /* ok - profile */ div.ProfileForm { margin-top:20px; padding:20px;} div.ProfileForm div.Item { margin-top:20px; } div.ProfileForm div.Item div.Caption { padding-left:20px; width:280px; float:left; } div.ProfileForm div.Item div.Intext { margin-left:310px; text-align:left; } /* ok - my profile */ div.MyProfileForm { margin-top:20px; padding:20px; } div.MyProfileForm div.Result-Errors { margin-top:20px; padding:20px; } div.MyProfileForm div.BlockInputEmpty { margin-top:20px; padding:20px; } div.MyProfileForm div.BlockInput { padding-top:0px; } div.MyProfileForm div.Item { margin-top:20px; } div.MyProfileForm div.Item div.Caption { float:left; width:290px; padding-left:20px; } div.MyProfileForm div.Item div.Intext { margin-left: 310px; text-align:left; } div.MyProfileForm div.Item div.Button { margin-left: 310px; text-align:left; } div.MyProfileForm div.Item div.Intext div.Checkbox { width:33%; float:left; } div.MyProfileForm div.Item div.Intext select { width:300px; margin-top:-5px; } div.MyProfileForm div.Item div.Button input.Button { width:200px; } div.MyProfileForm div.Item div.Intext input[type="text"] { width:300px; margin-top:-5px; } div.MyProfileForm div.Item div.Intext input[type="password"] { width:300px; margin-top:-5px; } /* ok - my photos */ div.MyPhotosForm { margin-top:20px; } div.MyPhotosForm div.BlockInput { width:940px; } div.MyPhotosForm div.BlockInput-Area { width:960px; } div.MyPhotosForm div.BlockHead div.Action a { float:right; width:202px; } div.MyPhotosForm div.BlockInputEmpty { padding:20px; margin-top:20px; } div.MyPhotosForm div.MyPhoto { float:left; margin:20px 20px 0px 0px; } div.MyPhotosForm div.MyPhoto div.Actions { margin-left:158px; } div.MyPhotosForm div.MyPhoto div.Image, div.MyPhotosForm div.MyPhoto div.Image div.Image-Area, div.MyPhotosForm div.MyPhoto div.Image div.Image-Area img, div.MyPhotosForm div.MyPhoto div.Image div.Image-Area a.Image-Zoom, div.MyPhotosForm div.MyPhoto div.Image div.Image-Layer, div.MyPhotosForm div.MyPhoto div.Image div.Image-Layer div.LayerHidden, div.MyPhotosForm div.MyPhoto div.Image div.Image-Layer div.LayerSuspended { width:200px; height:200px; } /* OK - FORMS INFO */ /* ok - profile, myprofile */ div.MyProfile, div.Member { margin-top:20px; } div.Member div.Left { float:left; width:220px; } div.MyProfile div.Image { float:left; } div.MyProfile div.Details, div.Member div.Details { float:right; width:700px; } div.MyProfile div.Image-Area, div.Member div.Image-Area, div.MyProfile div.Image-Area div.Hot, div.Member div.Image-Area div.Hot, div.MyProfile div.Image-Area div, div.Member div.Image-Area div, div.MyProfile div.Image-Area div img, div.Member div.Image-Area div img, div.MyProfile div.Image-Area div a, div.Member div.Image-Area div a { width:200px; height:200px; } div.MyProfile div.Details-Personal, div.Member div.Details-Personal { padding:20px; } div.MyProfile div.Details div.Zodiak, div.Member div.Details div.Zodiak { float:left; } div.MyProfile div.Details div.Description, div.Member div.Details div.Description { margin-top:20px; } div.MyProfile div.Details div.Description-Content { margin:20px; text-decoration:underline; } div.Member div.Details div.Description-Content { margin:20px; } div.MyProfile div.Details div.Description:hover div.Description-Content { text-decoration:none; } div.MyProfile div.Details img.Description-Icon, div.Member div.Details img.Description-Icon { position:absolute; margin-left:-25px; margin-top:5px; } div.Member div.Actions { margin-top:19px; } /* ok - contacts folders */ div.ContactsFolders { margin-top:19px; } div.ContactsFolders div.FormBottom div.Filter { float:right; } div.ContactsFolders div.FormBottom div.Filter div.Items div { width:150px; } div.ContactsFolders div.FormBottom div.CheckAll { width:940px; } /* ok - visitor folders */ div.VisitorsFolders { margin-top:20px; } div.VisitorsFolders div.Items { float:right; margin-left:5px; } div.VisitorsFolders div.Items div { width:150px; float:left; margin-left:1px; } /* ok - subscription folders */ div.Subscriptions { margin-top:20px; } div.Subscriptions div.Items { width:940px; } div.Subscriptions div.Items-Area { width:960px; margin-left:-10px; } div.Subscriptions div.Items div.Item { margin:20px 10px 0px 10px; display:inline-block; width:300px; } div.Subscriptions div.Features { margin-top:20px; } div.Subscriptions div.Features-Area { padding:19px; } div.Subscriptions div.Pay-Area { margin-top:20px; } div.Subscriptions div.Methods-Area { width:940px; } div.Subscriptions div.Methods-Content { width:960px; margin-left:-10px; } div.Subscriptions div.Method-Item { margin:20px 10px 0px 10px; display:inline-block; width:300px; } div.Subscriptions div.Pay div.Button { margin-top:20px; } div.Subscriptions div.Pay div.Button input { width:300px; } div.PopupUserArea { width:536px; } div.PopupMessagesList { width:500px; }