/* GENERAL */
body       { min-width:568px; font-size:14px; background-color:#FFFFCC; }
div.Work-Space  { width:528px; display:inline-block; }
/* QUICK BUTTONS */
div.QuickButtons              { display:none; }

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

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

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

/* NAVI PAGES */
div.NavPages                       { margin-top:10px; float:right;  }
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; }

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

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

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

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

/* SUBOBJECTS SORTER */
div.SubObjects-Sorter                 { float:right; margin-top:10px; }
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:11px 5px 11px 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: 50px; font-size:13px; }
div.Apartment-Item div.Capacity,
div.SubObjects-Head div.Capacity { width: 40px; font-size:13px; }
div.Apartment-Item div.Rentout,
div.SubObjects-Head div.Rentout { width: 50px; font-size:13px; }
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: 70px; font-size:13px; }
div.Cost-Item div.Amount,
div.Budget-Item div.Month,
div.SubObjects-Head div.Month,
div.Checkout-Item div.BStatus,
div.SubObjects-Head div.BStatus   { width: 80px; font-size:13px; }

div.Api-Item div.Name,
div.Cost-Item div.Name,
div.Channel-Item div.Name,
div.Checkout-Item div.Name,
div.Apartment-Item div.Name,
div.ApartmentGroup-Item div.Name,
div.CostCategory-Item div.Name,
div.Budget-Item div.AmountB,
div.SubObjects-Head div.AmountB,
div.SubObjects-Head div.Name,
div.SubObjects-Head div.Name a  { font-size:13px; }
div.Api-Item div.Num,
div.Cost-Item div.Num,
div.Channel-Item div.Num,
div.Checkout-Item div.Num,
div.Apartment-Item div.Num,
div.ApartmentGroup-Item div.Num,
div.CostCategory-Item div.Num,
div.SubObjects-Head div.Num,
div.SubObjects-Head div.Num a  { font-size:13px; }

div.Api-Item div.Type,
div.Cost-Item div.Type,
div.Channel-Item div.Type,
div.CostCategory-Item div.Type,
div.SubObjects-Head div.Type  { width: 95px; font-size:13px; }

/* APARTMENTS */
div.Apartment div.Apartment-Image                               { width:244px; float:left; }
div.Apartment div.Apartment-Image div.Image                     { margin-top:10px; width:244px; height:195px;  }
div.Apartment div.Apartment-Image div.Image-Area                { width:244px; height:183px;  }
div.Apartment div.Image-Layer                                   { width:244px; height:183px;  }
div.Apartment div.Apartment-Image div.Calendar                  { margin-top:10px; }
div.Apartment div.Apartment-Image div.Calendar div.Caption      { margin:9px 9px 0px 9px;}
div.Apartment div.Apartment-Image div.Link                      { margin:5px 9px 9px 9px; }
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 254px; }
div.Apartment div.Buttons                                       { margin-top:9px; }

div.Apartment-Photos                                            { width:244px; }
div.Apartment-Photos-Area                                       { width:254px; margin-top:5px; }
div.Apartment-Photos div.Apartment-Photo-Item                   { float:left; margin:5px 5px 0px 0px; width:120px; height:90px; }
div.Apartment-Photos div.Apartment-Photo-Item a                 { width:120px; height:90px; }
div.Apartment-Photos div.Apartment-Photo-Item ul                { margin-left:40px; margin-top:65px; }

/* CUSTOMER */
div.Customer div.Customer-Info1                                { margin:0px; width:249px; float:left; }
div.Customer div.Customer-Info2                                { width:249px; margin-left:259px; }
div.Customer-Bookings                                          { margin-top:10px; }
div.Customer-Bookings div.Booking-Item                         { margin:0px 0px 5px 0px; }
div.Customer-Bookings div.Booking-Item-Area                    { margin:4px; }
div.Customer div.Statistics                                    { margin-top:10px; }
div.Customer div.Buttons                                       { margin-top:10px; }

/* BOOKINGS */
div.Booking div.Booking-Info1                                 { margin:0px 259px 0px 0px;  width:249px; }
div.Booking div.Booking-Info2                                 { width:249px; margin-left:0px; float:right;  }
div.Booking div.Statistics                                    { margin-top:10px; }
div.Booking div.Buttons                                       { margin-top:10px; }

/* COSTS MONTHLY */
div.CostsMonthly div.CostsMonthly-Info1                            { margin:0px 259px 0px 0px;  width:249px; }
div.CostsMonthly div.CostsMonthly-Info2                            { width:249px; margin-left:0px; float:right;  }
div.CostsMonthly div.Statistics                                    { margin-top:10px; }
div.CostsMonthly div.Buttons                                       { margin-top:10px; }

/* APARTMENT REPORT */
div.ApartmentReport div.Statistics                                    { margin-top:10px; }
div.ApartmentReport div.Buttons                                       { margin-top:10px; }

/* APARTMENT GROUP */
div.ApartmentGroup div.ApartmentGroup-Info1                 { margin:0px 10px 0px 0px;  width:249px; float:left;}
div.ApartmentGroup div.ApartmentGroup-Info2                 { width:249px; margin-left:0px;   }
div.ApartmentGroup-SeasonalPrices                           { margin-top:10px; }
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 10px 0px 0px;  width:249px; float:left; }
div.StaffGroup div.StaffGroup-Info2                 { width:249px; margin-left:0px;   }
div.StaffGroup-UsersAccess                          { margin-top:10px; }
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:10px; }
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:10px 0px 0px 0px; }
div.MyInfo-Area                               { margin:10px; }
div.MyInfo div.Image                          { margin-right:10px;  width:45px; height:45px;  }

/* INPUT FORMS */
/* ok - authorization */
div.AuthorizationForm div.Result-Errors         { margin-top:10px;  padding:10px; }
div.AuthorizationForm div.Result-Success        { 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%; }
div.AuthorizationForm div.Buttons               { margin-top:10px; }
div.AuthorizationForm div.Remember              { margin-top:10px; }
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:10px; }
div.EditorForm div.Result-Errors                          { margin-top:10px;  padding:10px; }
div.EditorForm div.BlockHead div.Caption                  { margin:10px; }
div.EditorForm div.BlockHead div.Action a                 { display:block; }
div.EditorForm div.BlockInputEmpty                        { margin:10px; padding:10px; }
div.EditorForm div.BlockInput                             { padding-bottom:10px; }
div.EditorForm div.Item                                   { margin-top:10px;   width:100%; }
div.EditorForm div.Item div.Caption                       { padding-left:10px; width:100%; }
div.EditorForm div.Item div.Intext                        { margin:10px 10px 0px 10px; text-align:left;   }
div.EditorForm div.Item div.Button                        { margin:10px 10px 0px 10px;  text-align:center;    }
div.EditorForm div.Item div.Intext div.Checkbox           {  }
div.EditorForm div.Item div.Intext select                 { width:100%;  }
div.EditorForm div.Item div.Intext select.Date-Day        { width:25%; }
div.EditorForm div.Item div.Intext select.Date-Month      { width:50%; }
div.EditorForm div.Item div.Intext select.Date-Year       { width:25%;  }
div.EditorForm div.Item div.Button input.Button           { width:100%; }
div.EditorForm div.Item div.Intext input[type="text"]     { width:100%; }
div.EditorForm div.Item div.Intext .price input           { width:85%; }
div.EditorForm div.Item div.Intext input[type="password"] { width:100%; }
div.EditorForm div.Add                                    { margin:10px 0px 0px 10px; }
div.EditorForm div.Preview                                { margin:10px 10px 0px 10px; padding-top:10px; }
div.EditorForm div.Photo                                  { width:216px; height:162px; margin:10px 0px 0px 10px;}
div.EditorForm div.Photo a                                { width:216px; height:162px; }
div.EditorForm div.Photo ul                               { margin-left:191px; margin-top:137px; }
div.EditorForm div.PhoneNumber                            { margin:10px 10px 0px 10px; }
div.EditorForm div.PhoneNumber-Area                       { padding-bottom:10px; }
div.EditorForm div.PhoneNumber div.Num                    { width:15px; }
div.EditorForm div.Api                                    { margin:10px 10px 0px 10px; }
div.EditorForm div.Api-Area                               { padding-bottom:10px; }
div.EditorForm div.Api div.Num                            { width:15px; }

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

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

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

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