/* GENERAL */
body       { min-width:980px; font-size:14px; background-color:#E6E6FF; }
div.Work-Space  { width:930px; display:inline-block; }

/* QUICK BUTTONS */
div.QuickButtons              { bottom:10px; }

/* MAIN NAVI*/
div.Main-Navi       { display:block; width:50px; height:100%; overflow-x:hidden; overflow-y:auto; }
div.Main-Navi ul    { width:50px; display:block; }
div.Main-Navi ul li { border-bottom:1px solid #ffffff; height:50px; width:50px;  }
div.Main-Navi ul li a { width:50px; height:50px; background-size:28px 28px;  }
div.Main-Navi ul li div { width:50px; height:50px;  }

/* SECOND NAVI */
div.Second-Navi ul li { margin-top:20px; }
div.Second-Navi ul li a { margin:20px 20px 0px 20px; }
div.Second-Navi ul li span { margin:0px 20px 20px 20px; }

/* MAIN CONTENT */
div.Main-User  { margin-left:50px; }

/* NAVI PAGES */
div.NavPages                       { margin-top:20px; float:right; }
div.NavPages ul li.Next            { display:none; }
div.NavPages ul li.Previous        { display:none; }

/* PAGE */
div.Page,
div.Booking,
div.Customer,
div.Apartment,
div.StaffGroup,
div.CostsMonthly,
div.ApartmentGroup,
div.ApartmentReport  { margin:0px 20px 20px 20px; }

/* QUICK ACIONS */
div.Quick-Actions                 { margin-top:19px; }

/* CALENDAR */
div.Calendars-Area           { margin-top:20px; }

/* SUBOBJECTS */
div.SubObjects                     { margin:0px; }
div.Subobjects-Date                { margin-top:20px; }
div.Calendars div.Subobjects-Date,
div.SubObjects div.Subobjects-Date { float:right; }
div.Subobjects-Adding              { margin-top:20px; float:left; }
div.SubObjects-Head                { margin-top:20px; }
div.SubObjects-Head div span       { padding:10px 5px 10px 5px;}


/* SUBOBJECTS SORTER */
div.SubObjects-Sorter                 { float:right; margin-top:20px; }
div.Menu-Sorter div.Caption           { float:left; padding:10px 10px 0px 0px; }
div.Menu-Sorter div.Info              { width:204px; }
div.Menu-Sorter div.Current           { float:right; }
div.Menu-Sorter div.Listing           { position:absolute; width:240px; }

/* SUBOBJECTS ITEMS */
div.Api-Item-Area div span,
div.Cost-Item-Area div span,
div.Budget-Item-Area div span,
div.Assets-Item-Area div span,
div.Channel-Item-Area div span,
div.Checkout-Item-Area div span,
div.Apartment-Item-Area div span,
div.StaffGroup-Item-Area div span,
div.CostCategory-Item-Area div span,
div.ApartmentGroup-Item-Area div span           { padding:10px 5px 10px 5px;  }

div.Api-Item div.Total,
div.Channel-Item div.Total,
div.StaffGroup-Item div.Total,
div.ApartmentGroup-Item-Area div.Total,
div.SubObjects-Head div.Total,
div.Checkout-Item div.Days,
div.SubObjects-Head div.Days,
div.Checkout-Item div.Rooms,
div.Apartment-Item div.Rooms,
div.SubObjects-Head div.Rooms,
div.Checkout-Item div.Checkin,
div.SubObjects-Head div.Checkin { width: 55px; }
div.Apartment-Item div.Capacity,
div.SubObjects-Head div.Capacity { width: 55px; }
div.Apartment-Item div.Rentout,
div.SubObjects-Head div.Rentout  { width: 55px; }
div.Api-Item div.Status,
div.Apartment-Item div.Status,
div.StaffGroup-Item div.Status,
div.ApartmentGroup-Item div.Status,
div.SubObjects-Head div.Status { width: 75px; }
div.Checkout-Item div.BStatus,
div.Api-Item div.Type,
div.Cost-Item div.Type,
div.Cost-Item div.Amount,
div.Channel-Item div.Type,
div.CostCategory-Item div.Type,
div.Budget-Item div.Month,
div.SubObjects-Head div.Month,
div.SubObjects-Head div.BStatus,
div.SubObjects-Head div.Type  { width: 95px; }

/* APARTMENTS */
div.Apartment div.Apartment-Image                               { width:280px; float:left; }
div.Apartment div.Apartment-Image div.Image                     { margin-top:20px; width:280px; height:210px;  }
div.Apartment div.Apartment-Image div.Image-Area                { width:280px; height:210px;  }
div.Apartment div.Image-Layer                                   { width:280px; height:210px;  }
div.Apartment div.Apartment-Image div.Calendar                  { margin-top:20px; }
div.Apartment div.Apartment-Image div.Calendar div.Caption      { margin:19px 19px 0px 19px;}
div.Apartment div.Apartment-Image div.Link                      { margin:10px 19px 19px 19px; }
div.Apartment div.Apartment-Image div.Link input[type="text"]   { width:100%;  }
div.Apartment div.Apartment-Image div.Link input[type="button"] { width:100px; }
div.Apartment div.Apartment-Info                                { margin:0px 0px 0px 300px; }
div.Apartment div.Buttons                                       { margin-top:19px; }

div.Apartment-Photos                                            { width:280px; }
div.Apartment-Photos-Area                                       { width:290px; margin-top:10px; }
div.Apartment-Photos div.Apartment-Photo-Item                   { float:left; margin:10px 10px 0px 0px; width:135px; height:101px; }
div.Apartment-Photos div.Apartment-Photo-Item a                 { width:135px; height:101px; }
div.Apartment-Photos div.Apartment-Photo-Item ul                { margin-left:55px; margin-top:76px;}

/* CUSTOMERS */
div.Customer div.Customer-Info1                                { margin:0px 20px 0px 0px;  width:590px; float:left; }
div.Customer div.Customer-Info2                                { width:280px; margin-right:0px; }
div.Customer-Bookings                                          { margin-top:20px; }
div.Customer-Bookings div.Booking-Item                         { margin:0px 0px 10px 0px; }
div.Customer-Bookings div.Booking-Item-Area                    { margin:9px; }
div.Customer div.Statistics                                    { margin-top:20px; }
div.Customer div.Buttons                                       { margin-top:20px; }

/* BOOKINGS */
div.Booking div.Booking-Info1                                 { margin:0px 300px 0px 0px;  width:590px; }
div.Booking div.Booking-Info2                                 { width:280px; margin-left:0px; float:right;  }
div.Booking div.Statistics                                    { margin-top:20px; }
div.Booking div.Buttons                                       { margin-top:20px; }

/* COSTS MONTHLY */
div.CostsMonthly div.CostsMonthly-Info1                            { margin:0px 360px 0px 0px;  width:590px; }
div.CostsMonthly div.CostsMonthly-Info2                            { width:280px; margin-left:0px; float:right;  }
div.CostsMonthly div.Statistics                                    { margin-top:20px; }
div.CostsMonthly div.Buttons                                       { margin-top:20px; }

/* APARTMENT REPORT */
div.ApartmentReport div.ApartmentReport-Info1                         { margin:0px 360px 0px 0px;  width:590px; }
div.ApartmentReport div.ApartmentReport-Info2                         { width:280px; margin-left:0px; float:right;  }
div.ApartmentReport div.Statistics                                    { margin-top:20px; }
div.ApartmentReport div.Buttons                                       { margin-top:20px; }

/* APARTMENT GROUP */
div.ApartmentGroup div.ApartmentGroup-Info1                 { margin:0px 20px 0px 0px;  width:590px; float:left;}
div.ApartmentGroup div.ApartmentGroup-Info2                 { width:280px; margin-left:0px;   }
div.ApartmentGroup-SeasonalPrices                           { margin-top:20px; }
div.ApartmentGroup div.SeasonPrice-Item                     { margin:0px 0px 10px 0px; }
div.ApartmentGroup div.SeasonPrice-Item-Area                { margin:9px; }

/* STAFF GROUP */
div.StaffGroup div.StaffGroup-Info1                 { margin:0px 20px 0px 0px;  width:590px; float:left;}
div.StaffGroup div.StaffGroup-Info2                 { width:280px; margin-left:0px;   }
div.StaffGroup-UsersAccess                          { margin-top:20px; }
div.StaffGroup div.UsersAccess-Item                 { margin:0px 0px 10px 0px; }
div.StaffGroup div.UsersAccess-Item-Area            { margin:9px; }

/* INFO FORMS */
/* ok - SearchText */
div.SearchText                                            { margin-top:20px;  }
div.SearchText-Form                                       { display:table; width:100%; height:35px; }
div.SearchText div.Search-Text                            { display:table-cell; height:35px; vertical-align:middle; }
div.SearchText div.Search-Button                          { display:table-cell; height:35px; width:242px; }
div.SearchText div.Search-Button input                    { margin-left:1px; height:100%; }
/* ok - MyInfo */
div.MyInfo                                    { margin-top:20px; }
div.MyInfo-Area                               { margin:20px; }
div.MyInfo div.Image                          { margin-right:20px;  width:70px; height:70px;  }

/* INPUT FORMS */
/* ok - Authorization */
/* ok - Authorization */
div.AuthorizationForm div.Result-Errors         { margin-top:20px; padding:20px; }
div.AuthorizationForm div.Result-Success        { margin-top:20px; padding:20px 25px 20px 25px;  }
div.AuthorizationForm div.Note                  { margin-top:20px; padding:20px;  }
div.AuthorizationForm div.BlockInput            { margin-top:20px; padding:9px 19px 19px 19px;  }
div.AuthorizationForm div.BlockInputInfo        { padding:14px 19px 14px 19px ; margin-top:20px; }
div.AuthorizationForm div.Item div.Intext       { margin-top:10px; text-align:center; }
div.AuthorizationForm div.Item input            { width:100%;   }
div.AuthorizationForm div.Item input.Button     { width:100%; }
div.AuthorizationForm span.Phone input          { width:248px; }
div.AuthorizationForm div.Buttons               { margin-top:20px; }
div.AuthorizationForm div.Remember              { margin-top:20px; }
div.AuthorizationForm div.Buttons-Auth          { margin-top:19px; }

/* ok - Registration */
div.RegistrationForm-Content                   { width:450px; }
div.RegistrationForm div.Result-Errors         { margin-top:20px;  padding:20px; }
div.RegistrationForm div.Result-Success        { padding:20px 25px 20px 25px; margin-top:20px; }
div.RegistrationForm div.Note                  { margin-top:20px;  padding:20px;  }
div.RegistrationForm div.BlockInput            { padding:14px 19px 14px 19px ; margin-top:20px;  }
div.RegistrationForm div.BlockInputInfo        { padding:14px 19px 14px 19px ; margin-top:20px; }
div.RegistrationForm div.Item                  { padding:5px 0px 5px 0px; }
div.RegistrationForm div.Item div.Caption      { width:150px;  float:left; padding-top:6px; }
div.RegistrationForm div.Item div.Intext       { margin-left:150px; }
div.RegistrationForm div.Item input            { width:260px;  }
div.RegistrationForm div.Item input.Button     { width:260px; }
/* ok - Editor Form */
div.EditorForm                                            { margin-top:20px; }
div.EditorForm div.Result-Errors                          { margin:20px 20px 0px 20px; padding:20px; }
div.EditorForm div.BlockHead div.Caption                  { margin:10px; }
div.EditorForm div.BlockHead div.Action a                 { display:block; }
div.EditorForm div.BlockInputEmpty                        { margin:20px; padding:20px; }
div.EditorForm div.BlockInput                             { padding-bottom:20px; }
div.EditorForm div.Item                                   { margin-top:20px;  }
div.EditorForm div.Item div.Caption                       { float:left; width:190px; padding-left:20px; }
div.EditorForm div.Item div.Intext                        { margin-left: 210px; text-align:left; padding-right:20px; }
div.EditorForm div.Item div.Button                        { margin-left: 210px; text-align:left;    }
div.EditorForm div.Item div.Intext div.Checkbox           { width:50%; float:left; }
div.EditorForm div.Item div.Intext select                 { width:300px; margin-top:-5px; }
div.EditorForm div.Item div.Intext select.Date-Day        { width:70px; }
div.EditorForm div.Item div.Intext select.Date-Month      { width:160px; }
div.EditorForm div.Item div.Intext select.Date-Year       { width:70px;  }
div.EditorForm div.Item div.Button input.Button           { width:300px; }
div.EditorForm div.Item div.Intext input[type="text"]     { width:300px; margin-top:-5px; }
div.EditorForm div.Item div.Intext input[type="password"] { width:300px; margin-top:-5px; }
div.EditorForm div.Add                                    { margin:20px 0px 0px 20px; }
div.EditorForm div.Preview                                { margin:20px 20px 0px 20px; padding-top:20px; }
div.EditorForm div.Photo                                  { width:170px; height:127px; float:left; margin:20px 0px 0px 20px;}
div.EditorForm div.Photo a                                { width:170px; height:127px; }
div.EditorForm div.Photo ul                               { margin-left:145px; margin-top:102px; }
div.EditorForm div.PhoneNumber                            { margin:20px 20px 0px 20px; }
div.EditorForm div.PhoneNumber-Area                       { padding-bottom:20px; }
div.EditorForm div.PhoneNumber div.Num                    { width:20px; }
div.EditorForm div.Api                                    { margin:20px 20px 0px 20px; }
div.EditorForm div.Api-Area                               { padding-bottom:20px; }
div.EditorForm div.Api div.Num                            { width:20px; }

/* POPUP */
/* general */
#PopupBoxBorder        { top:20px;bottom:20px;left:20px;right:20px; }

/* edit field */
div.PopupAddInput div.Item div.Caption { width:160px; float:left; padding-top:6px; }
div.PopupAddInput div.Item div.Intext  { margin-left:160px; }
div.PopupAdd input                     { width:300px; }
div.PopupAdd span.Price input          { width:200px; }
div.PopupAdd select                    { width:300px; }
div.PopupAdd textarea                  { width:300px; height:100px;  }
div.PopupAdd span.Phone input          { width:100%; }
div.PopupAdd select.Date-Day           { width:70px; }
div.PopupAdd select.Date-Month         { width:160px; }
div.PopupAdd select.Date-Year          { width:70px;  }

/* image */
#PopupOverflowImage div.Control-Left a { background:none; }
#PopupOverflowImage div.Control-Left a:hover { background:url(icon-control-previous.png) no-repeat left center; background-size:100px auto; }
#PopupOverflowImage div.Control-Right a {background:none; }
#PopupOverflowImage div.Control-Right a:hover { background:url(icon-control-next.png) no-repeat right center; background-size:100px auto; }

/* download */
div.PopupMain div.DownloadText  { width:400px; }

/* edit field */
div.PopupEditField input         { width:400px; }
div.PopupEditField textarea      { width:400px; height:150px;  }
div.PopupEditField #Location-Map { width:400px; height:150px;  }