/* GENERAL */
body       { min-width:320px; font-size:14px;  }

/* QUICK BUTTONS */
div.QuickButtons              { display:none; }

/* NAVI*/
div.Main-Navi   { text-align:center; position:fixed; bottom:0px; right:0px; width:100%; height:40px; background-color: #DFDFDF; display:block; z-index:200; }
div.Main-Navi ul { height:40px; display:inline-block; border-left:1px solid #ffffff; }
div.Main-Navi ul li { float:left; border-right:1px solid #ffffff; height:40px; width:40px; }
div.Main-Navi ul li:first {  }
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-bottom:41px; background-color:#ffffff; }

/* 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:9px 0px 0px 0px; }

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

/* SUBOBJECTS */
div.SubObjects                { margin:0px 0px 45px 0px; }
div.Subobjects-Date           { margin-top:10px; }
div.Subobjects-Adding         { position:fixed; bottom:50px; left:10px; right:10px;  z-index:200; }
div.SubObjects-Head           { margin-top:10px; }
div.SubObjects-Head div span  { padding:11px 5px 11px 5px;}


/* SUBOBJECTS SORTER */
div.SubObjects-Sorter                 { margin-top:10px; }
div.Menu-Sorter div.Caption           { text-align:center; }
div.Menu-Sorter div.Current           { margin-top:10px; }

/* 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.Checkout-Item div.Days,
div.Checkout-Item div.Rooms,
div.Apartment-Item div.Rooms,
div.SubObjects-Head div.Days,
div.SubObjects-Head div.Rooms { width: 37px; font-size:11px; }
div.Apartment-Item div.Capacity,
div.SubObjects-Head div.Capacity { width: 37px; font-size:11px; }
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.Checkin,
div.Apartment-Item div.Rentout,
div.SubObjects-Head div.Checkin,
div.SubObjects-Head div.Rentout  { width: 45px; font-size:11px; }
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: 60px; font-size:11px; }
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: 70px; font-size:11px; }

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:11px; }
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:10px; }
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: 80px; font-size:11px; }

/* APARTMENTS */
div.Apartment div.Apartment-Image                               { margin:10px 0px 0px 0px; }
div.Apartment div.Apartment-Image div.Image                     { width:100%; height:240px;  }
div.Apartment div.Apartment-Image div.Image-Area                { width:100%; height:240px;  }
div.Apartment div.Image-Layer                                   { width:100%; height:240px;  }
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:30%; }
div.Apartment div.Apartment-Info                                {  }
div.Apartment div.Buttons                                       { margin-top:9px; }

div.Apartment-Photos                                            { width:100%; }
div.Apartment-Photos-Area                                       { width:110%; }
div.Apartment-Photos  div.Apartment-Photo-Item                  { float:left; margin:10px 10px 0px 0px; width:30%; height:22%; }
div.Apartment-Photos div.Apartment-Photo-Item ul                { margin-top:5px; }

/* CUSTOMER */
div.Customer-Bookings                                          { margin:10px 0px 0px 0px; }
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:10px 0px 0px 0px; }
div.Customer div.Buttons                                       { margin:10px 0px 0px 0px; }

div.Booking div.Statistics                                    { margin:10px 0px 0px 0px; }

div.CostsMonthly div.Statistics                                    { margin-top:10px; }

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

/* APARTMENT GROUP */
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-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                                            { display:block; margin:10px 0px 0px 0px;  }
div.SearchText-Area                                       { }
div.SearchText div.Search-Text                            { width:100%; height:35px; }
div.SearchText div.Search-Text input                      { margin-top:4px; }
div.SearchText div.Search-Button                          { margin-top:1px; }
div.SearchText div.Search-Button input                    { width:100%; margin-top:1px;height:35px; border:0px; }
/* 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 - password */
div.RegistrationForm                           { width:100%; }
div.RegistrationForm div.Result-Success,
div.RegistrationForm div.Result-Errors         { margin-top:10px; padding:10px; }
div.RegistrationForm div.BlockInputInfo        { margin-top:10px; padding:10px; }
div.RegistrationForm div.BlockInputInfo a      { margin-top: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 input            { width:100%; }
/* ok - Editor Form */
div.EditorForm                                            { margin:10px 0px 0px 0px; }
div.EditorForm div.Result-Errors                          { margin:10px 10px 0px 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:90%; }
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:135px; height:101px; float:left; margin:10px 0px 0px 10px;}
div.EditorForm div.Photo a                                { width:135px; height:101px; }
div.EditorForm div.Photo ul                               { margin-left:110px; margin-top:76px; }
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 {  }
div.PopupAddInput div.Item div.Intext  { margin-top:5px; }
div.PopupAdd input                     { width:100%; }
div.PopupAdd span.Price input          { width:75%; }
div.PopupAdd select                    { width:100%; }
div.PopupAdd textarea                  { width:100%; height:70px;  }
div.PopupAdd select.Date-Day           { width:25%; }
div.PopupAdd select.Date-Month         { width:50%; }
div.PopupAdd select.Date-Year          { width:25%;  }

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