body { min-width:320px; } div.Work-Area { width:100%; display:block; text-align:center; } h1 { padding-bottom:12px; } h2 { padding-bottom:12px; } div.Head { background:none !important; } div.Head-Top { height:50px; margin-bottom:1px; } div.Head-Top-Area-Left { display:block; float:left; height:50px; width:50px; overflow:hidden; margin-right:1px; } div.Head-Top-Area-Left a { display:block; height:50px; width:50px; overflow:hidden; background:url(icon_navi.png) no-repeat center center; background-size:50px auto; } div.Head-Top-Area-Left a:hover { background:url(icon_navi.png) no-repeat center center #444444; background-size:50px auto; } div.Head-Top-Area-Center { height:50px; text-align:center; margin:0px 51px 0px 51px; } div.Head-Top-Area-Center a { height:50px; text-align:center; display:block; } div.Head-Top-Area-Center img { height:20px; margin-top:15px; } div.Head-Top-Area-Right { display:block; float:right; height:50px; width:50px; overflow:hidden; margin-left:1px; } div.Head-Top-Area-Right a { display:block; height:50px; width:50px; overflow:hidden;text-decoration:none; color:#ffffff; background:url(icon_myaccount.png) no-repeat center center; background-size:50px auto; } div.Head-Top-Area-Right a:hover { background:url(icon_myaccount.png) no-repeat center center #444444; background-size:50px auto; } div.Head-Top-Area-Right div.TotalEvents { text-align:right; color:#ffffff; margin:3px; font-size:10px; } div.Head-Bottom-Area-Right { padding-right:10px;} #Navi { display:none; } div.Menu1 { overflow:hidden; } div.Menu1 ul { overflow:hidden; margin:0px; padding:0px; display:block; list-style-type: none; } div.Menu1 ul li { overflow:hidden; margin:0px; padding:0px; list-style-type:none; margin-bottom:1px; } div.Menu1 ul li a { text-align:center; font-size:13px; transition: all 0.3s ease; font-weight:900; text-decoration: none; color: #ffffff; padding:9px; display:block; text-transform:uppercase; } div.Menu1 ul li a.active, div.Menu1 ul li a:hover { color:#444444; } #NaviSettings { display:none; } div.Menu2 { overflow:hidden; } div.Menu2 ul { border:0px !important; overflow:hidden; margin:0px; padding:0px; display:block; list-style-type: none; } div.Menu2 ul li { border:0px !important; overflow:hidden; margin:0px; padding:0px; list-style-type:none; margin-bottom:1px; } div.Menu2 ul li a { text-align:center; font-size:13px; transition: all 0.3s ease; font-weight:900; text-decoration: none; color: #ffffff; padding:9px; display:block; text-transform:uppercase; } div.Menu2 ul li a.active, div.Menu2 ul li a:hover { color:#444444; } div.Foot { background:none !important; margin-top:10px; } div.Foot-Right { text-align:center; padding:10px; margin-top:1px; } div.Foot-Left { text-align:center; padding:10px; } div.Foot span.Copy { display:block; } div.Foot span.Rights { display:block; } div.Foot-Timer { display:none; } div.NavPages { margin-top:10px; text-align:center; } div.NavPages ul li { display:none; } div.NavPages ul li.Caption { display:block; } div.NavPages ul li.Active { display:block; } div.NavPages ul li.Next { display:block; } div.NavPages ul li.Previous { display:block; } div.Likes { margin:10px 0px 0px 0px; } div.Likes div.Icons-Area { margin-top:10px; border:1px solid #dddddd; padding:14px; text-align:center; } div.Comments { margin-top:10px;} div.Main div.Work-Area { width:300px; display:inline-block; } div.Main h1 { margin-top:10px; } div.Widget { margin-top:10px; } /* PAGE */ div.Home div.Text, div.Page div.Text { margin-top:10px; } /* PROFILES */ div.Profile-Item { margin-top:10px; } div.Profile-Item div.Item-Area, div.Profile-Item div.Image, div.Profile-Item img, div.Profile-Item div.Details, div.Profile-Item a.Thumbnail-Female, div.Profile-Item a.Thumbnail-Male, div.Profile-Item div.Hot { width:280px; height:280px; } div.Profile div.SubObjects { width:300px; } div.Profile div.SubObjects-Area { width:320px; } div.Profile div.SubObjects div.Profile-Photo-Item { float:left; margin:10px 10px 0px 0px; } div.Profile div.SubObjects div.Profile-Photo-Item a { width:135px; height:135px; } div.Profile div.SubObjects div.Profile-Photo-Item div.Hot { width:135px; height:135px; } div.Profile div.SubObjects div.Profile-Photo-Item img { width:135px; height:135px; } /* PROFILE PHOTO */ div.ProfilePhoto-Item { margin-top:10px; } div.ProfilePhoto-Item div.Item-Area, div.ProfilePhoto-Item div.Image, div.ProfilePhoto-Item div.Image a, div.ProfilePhoto-Item div.Image img, div.ProfilePhoto-Item div.Details, div.ProfilePhoto-Item div.Hot { width:280px; height:280px; } /* ok - contacts */ div.Contact-Item { margin-top:10px; } 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:280px; height:280px; } div.Contact-Item div.Messages { width:280px; } /* ok - visitors */ div.Visitor-Item { margin:10px 0px 0px 0px; } div.Visitor-Item div.Hover-Area, div.Visitor-Item div.Image, div.Visitor-Item div.Image a.Icon-Female, div.Visitor-Item div.Image a.Icon-Male, div.Visitor-Item div.Hot, div.Visitor-Item div.Details, div.Visitor-Item div.Image img { width:280px; height:280px; } div.Visitor-Item div.Messages { width:280px; } /* NEWS */ div.New-Item { margin:10px 0px 0px 0px; } 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:10px; } 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.Short { margin-top:15px; } div.New div.Zoom a { background:url(zoom.png) no-repeat center center; background-size:60% auto; } /* ok - group actions */ div.GroupActions { margin-top:10px; } /* INPUT FORMS */ /* ok - support */ div.SupportForm div.Result-Errors, div.SupportForm div.Result-Success, div.SupportForm div.Note { margin-top:10px; padding:10px; } div.SupportForm div.BlockInput { margin-top:10px; padding:0px 9px 9px 9px; } div.SupportForm div.Item div.Intext { margin-top:5px; text-align:center; } div.SupportForm div.Item input { width:100%; } div.GroupActions { background:#dfdfdf; } /* ok - authorization */ div.AuthorizationForm div.Result-Errors { margin-top:10px; padding:10px; } div.AuthorizationForm div.BlockInputInfo { margin-top:10px; padding:10px; } div.AuthorizationForm div.BlockInput { margin-top:10px; padding:0px 9px 9px 9px; } div.AuthorizationForm div.Item div.Intext { margin-top:5px; text-align:center; } div.AuthorizationForm div.Item input { width:100%; } /* ok - password */ div.PasswordForm div.Result-Success, div.PasswordForm div.Result-Errors { margin-top:10px; padding:10px; } div.PasswordForm div.BlockInputInfo { margin-top:10px; padding:10px; } div.PasswordForm div.BlockInputInfo a { margin:10px 0px 10px 0px; } div.PasswordForm div.BlockInput { margin-top:10px; padding:0px 9px 9px 9px; } div.PasswordForm div.Item div.Intext { margin-top:5px; text-align:center; } div.PasswordForm div.Item input { width:100%; } /* ok - registration */ div.RegistrationForm div.Result-Errors, div.RegistrationForm div.Result-Success, div.RegistrationForm div.BlockInputInfo { margin-top:10px; padding:10px; } div.RegistrationForm div.BlockInput { margin-top:10px; padding:0px 9px 9px 9px; } div.RegistrationForm div.Item div.Intext { margin-top:5px; text-align:center; } 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:100%; } div.RegistrationForm #Location-Map { width:100%; } /* ok - add profile */ div.AddProfileForm { margin-top:10px; } div.AddProfileForm div.Result-Errors { margin:10px 10px 10px 10px; padding:10px; } div.AddProfileForm div.BlockInput { margin:0px 10px 10px 10px; } div.AddProfileForm div.Item div.Intext { margin-top:5px; text-align:left; } div.AddProfileForm div.Item div.Info { text-align:center; } div.AddProfileForm div.Item div.Intext select { width:100%; } div.AddProfileForm div.Item div.Button { text-align:center; } div.AddProfileForm div.Item div.Button input.Button { width:100%; } /* ok - profile search */ div.ProfileSearchForm { margin-top:10px; } div.ProfileSearchForm div.BlockInput { padding:0px 10px 10px 10px ; } div.ProfileSearchForm div.BlockInput div.Intext { margin-top:5px; } div.ProfileSearchForm div.BlockInput input.Button { width:100%; } /* ok - profile */ div.ProfileForm { margin-top:10px; padding:10px;} div.ProfileForm div.Item { margin-top:10px; } div.ProfileForm div.Item div.Intext { margin-top:5px; } /* ok - my profile */ div.MyProfileForm { margin-top:10px; padding:10px; } div.MyProfileForm div.Result-Errors { margin-top:10px; padding:10px; } div.MyProfileForm div.BlockInputEmpty { margin-top:10px; padding:10px; } div.MyProfileForm div.BlockInput { padding-top:0px; } div.MyProfileForm div.Item { margin-top:10px; } div.MyProfileForm div.Item div.Intext { text-align:left; margin-top:5px; } div.MyProfileForm div.Item div.Info { text-align:center; } div.MyProfileForm div.Item div.Button { text-align:center; } div.MyProfileForm div.Item div.Intext select { width:100%; } div.MyProfileForm div.Item div.Button input.Button { width:100%; } div.MyProfileForm div.Item div.Intext input[type="text"] { width:100%; } div.MyProfileForm div.Item div.Intext input[type="password"] { width:100%; } /* ok - my photos */ div.MyPhotosForm { margin-top:10px; } div.MyPhotosForm div.BlockInputEmpty { padding:10px; margin-top:10px; } div.MyPhotosForm div.MyPhoto { margin-top:10px; } 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, 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:280px; height:280px; } /* OK - FORMS INFO */ /* ok - profile, myprofile */ div.MyProfile, div.Member { margin-top:10px; } 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:280px; height:280px; } div.MyProfile div.Details-Personal, div.Member div.Details-Personal { padding:10px; margin-top:10px; } div.MyProfile div.Details div.Description, div.Member div.Details div.Description { margin-top:10px; } div.MyProfile div.Details div.Description-Content { margin:10px; text-decoration:underline; } div.Member div.Details div.Description-Content { margin:10px; } 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 { display:none; } div.Member div.Actions { margin-top:9px; } /* ok - contacts folders */ div.ContactsFolders { margin-top:9px; } div.ContactsFolders div.FormBottom div.Filter div.Caption { display:none; } div.ContactsFolders div.FormBottom div.Filter div.Items { display:table; width:100%; margin-left:-1px; margin-right:-1px; } div.ContactsFolders div.FormBottom div.Filter div.Items div { width:50%; } div.ContactsFolders div.FormBottom div.CheckAll { width:300px; } /* ok - visitor folders */ div.VisitorsFolders { margin-top:9px; } div.VisitorsFolders div.Caption { display:none; } div.VisitorsFolders div.Items div { margin-top:1px; } /* ok - subscription folders */ div.Subscriptions { margin-top:10px; } /* ok - subscription folders */ div.Subscriptions { margin-top:10px; } div.Subscriptions div.Items div.Item { margin-top:10px;} div.Subscriptions div.Features { margin-top:10px; } div.Subscriptions div.Features-Area { padding:9px; } div.Subscriptions div.Pay-Area { margin-top:10px; } div.Subscriptions div.Method-Item { margin-top:10px; } div.Subscriptions div.Pay div.Button { margin-top:10px; } div.Subscriptions div.Pay div.Button input { width:100%; }