/* GENERAL */
body      { min-width:800px; }
div.Work-Area { width:760px; 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                        { height:14px; overflow:hidden; height:40px; font-size:11px; }
div.Menu2 ul                     { height:14px; 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:760px; }
div.SubObjects-Area { width:780px; }
div.Objects         { width:760px; }
div.Objects-Area    { width:780px; }
div.Profiles        { width:760px;}
div.Profiles-Area   { width:780px; }

/* PROFILES */
div.Profile-Item { margin:20px 20px 0px 0px; float:left; }
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:220px; height:220px; }

div.Profile div.SubObjects                       { width:240px; margin-top:5px; }
div.Profile div.SubObjects-Area                  { width:260px;  }
div.Profile div.SubObjects div.Profile-Photo-Item  { float:left; margin:15px 15px 0px 0px; }
div.Profile div.SubObjects div.Profile-Photo-Item a        { width:60px; height:60px;}
div.Profile div.SubObjects div.Profile-Photo-Item div.Hot  { width:60px; height:60px;}
div.Profile div.SubObjects div.Profile-Photo-Item img      { width:60px; height:60px;}

/* PROFILE PHOTO */
div.ProfilePhoto-Item                      { margin:20px 20px 0px 0px; float:left; }
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:220px; height:220px; }

/* 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:220px; height:220px; }
div.Contact-Item div.Messages                    { width:220px; }

/* 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.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:220px; height:220px; }
div.Visitor-Item div.Messages                    { width:220px; }

/* NEWS */
div.New-Item                    { margin:20px 20px 0px 0px; float:left;  }
div.New-Item-Area               { width:210px; height:310px; }
div.New-Item div.Image          { width:210px; height:140px; }
div.New-Item div.Image-Area img { width:210px; height:140px; }

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:210px;height:140px; }
div.New div.Zoom  a        { background:url(zoom.png) no-repeat center center; background-size:60% auto; }

/* 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:150px; padding-top:7px; }
div.SupportForm div.Item div.Intext    { margin-left: 150px; 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:330px; float:left; height:155px; }
div.AuthorizationForm div.BlockInputInfo     { margin-top:20px; padding:35px 20px 35px 20px; float:right; width:330px; height:115px; }
div.AuthorizationForm div.Item div.Intext    { margin-top:5px; 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:330px; float:left; height:95px; }
div.PasswordForm div.BlockInputInfo     { margin-top:20px; padding:15px 20px 15px 20px; float:right; width:330px; height:95px; }
div.PasswordForm div.BlockInputInfo a   { margin:7px 0px 7px 0px; }
div.PasswordForm div.Item div.Intext    { margin-top:5px; 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:330px; }
div.RegistrationForm div.BlockInput                  { margin-top:20px; padding:9px 19px 19px 19px; width:330px; float:left;  }
div.RegistrationForm div.Item div.Intext             { margin-top:5px; }
div.RegistrationForm div.Item div.Info               { 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: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:50%; 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:350px; float:left; margin-right:20px; }
div.ProfileSearchForm div.BlockInput div.Item-Place  { 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:180px; float:left;   }
div.ProfileForm div.Item div.Intext       { margin-left:210px; 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:50%; 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:760px; }
div.MyPhotosForm div.BlockInput-Area                                      { width:780px; }
div.MyPhotosForm div.BlockHead div.Action a                               { float:right; width:224px; }
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.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:220px; height:220px; }

/* OK - FORMS INFO */
/* ok - profile, myprofile */
div.MyProfile,
div.Member                                                       { margin-top:20px; }

div.Member    div.Left                                           { float:left; width:240px; }

div.MyProfile div.Image                                          { float:left;  }
div.MyProfile div.Details,
div.Member    div.Details                                        { float:right; width:500px; }

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:220px; height:220px; }

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:760px; }

/* 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;  }

/* ok - subscription folders */
div.Subscriptions                                                         { margin-top:20px;  }
div.Subscriptions div.Items                                               { width:760px;  }
div.Subscriptions div.Items-Area                                          { width:780px; margin-left:-10px; }
div.Subscriptions div.Items div.Item                                      { margin:20px 10px 0px 10px; display:inline-block; width:240px; }
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:760px; }
div.Subscriptions div.Methods-Content                                     { width:780px; margin-left:-10px; }
div.Subscriptions div.Method-Item                                         { margin:20px 10px 0px 10px; display:inline-block; width:240px;  }
div.Subscriptions div.Pay div.Button                                      { margin-top:20px; }
div.Subscriptions div.Pay div.Button input                                { width:240px; }

div.PopupUserArea                             { width:536px; }
div.PopupMessagesList                         { width:500px; }