diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..c95e398 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +/bugtracker/target/ diff --git a/bugtracker/.gitignore b/bugtracker/.gitignore index 43fee0f..6af42a2 100644 --- a/bugtracker/.gitignore +++ b/bugtracker/.gitignore @@ -45,4 +45,21 @@ $RECYCLE.BIN/ *.DS_Store *.iml target -../.idea \ No newline at end of file +../.idea + +# Eclipse +.classpath +.project +.settings/ + +# Intellij +.idea/ +*.iml +*.iws + +# Mac +.DS_Store + +# Maven +log/ +target/ diff --git a/bugtracker/bugtracker.iml b/bugtracker/bugtracker.iml new file mode 100644 index 0000000..0c861d9 --- /dev/null +++ b/bugtracker/bugtracker.iml @@ -0,0 +1,123 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/bugtracker/pom.xml b/bugtracker/pom.xml index 8c1e419..061c772 100644 --- a/bugtracker/pom.xml +++ b/bugtracker/pom.xml @@ -66,16 +66,6 @@ xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xs hibernate-core 5.3.12.Final - - org.hibernate - hibernate-core - 5.3.10.Final - - - org.hibernate - hibernate-core - 5.3.12.Final - org.projectlombok @@ -96,12 +86,6 @@ xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xs provided - - org.hibernate - hibernate-core - 5.3.12.Final - - diff --git a/bugtracker/src/main/java/bugtracker/MvcConfig.java b/bugtracker/src/main/java/bugtracker/MvcConfig.java index e6df303..2db7f27 100644 --- a/bugtracker/src/main/java/bugtracker/MvcConfig.java +++ b/bugtracker/src/main/java/bugtracker/MvcConfig.java @@ -12,7 +12,8 @@ public class MvcConfig implements WebMvcConfigurer { public void addViewControllers(ViewControllerRegistry registry) { registry.addViewController("/").setViewName("login"); - registry.addViewController("/home").setViewName("hello"); + registry.addViewController("/home").setViewName("main"); + registry.addViewController("/main").setViewName("main"); registry.addViewController("/login").setViewName("login"); registry.addViewController("/ticket/all").setViewName("tickets"); registry.addViewController("/ticket").setViewName("ticket"); @@ -40,5 +41,8 @@ public void addCorsMappings(CorsRegistry registry) { @Override public void addResourceHandlers(final ResourceHandlerRegistry registry) { registry.addResourceHandler("/resources/**").addResourceLocations("/resources/"); + registry.addResourceHandler("/css/**").addResourceLocations("classpath:/static/css/"); + registry.addResourceHandler("/js/**").addResourceLocations("classpath:/static/js/"); + registry.addResourceHandler("/img/**").addResourceLocations("classpath:/static/img/"); } } diff --git a/bugtracker/src/main/java/bugtracker/SecurityConfig.java b/bugtracker/src/main/java/bugtracker/SecurityConfig.java index 5ace695..59ba6fa 100644 --- a/bugtracker/src/main/java/bugtracker/SecurityConfig.java +++ b/bugtracker/src/main/java/bugtracker/SecurityConfig.java @@ -32,31 +32,32 @@ public class SecurityConfig extends WebSecurityConfigurerAdapter { @Override protected void configure(HttpSecurity httpSecurity) throws Exception { - - httpSecurity.authorizeRequests() - .antMatchers("/login*").access("hasRole('ROLE_USER') or hasRole('ROLE_ADMIN') or hasRole('ROLE_DEVELOPER') or hasRole('ROLE_APPROVER')") - .antMatchers("/user/new").access(" hasRole('ROLE_ADMIN')") - .antMatchers("/user/all*").access("hasRole('ROLE_USER') or hasRole('ROLE_ADMIN') or hasRole('ROLE_DEVELOPER') or hasRole('ROLE_APPROVER')") - .antMatchers("/user/modify*").access("hasRole('ROLE_ADMIN')") - .antMatchers("/project/**").access("hasRole('ROLE_USER') or hasRole('ROLE_ADMIN') or hasRole('ROLE_DEVELOPER') or hasRole('ROLE_APPROVER')") - .antMatchers("/api/**").access("hasRole('ROLE_USER') or hasRole('ROLE_ADMIN') or hasRole('ROLE_DEVELOPER') or hasRole('ROLE_APPROVER')") - .antMatchers("/ticket/**").access("hasRole('ROLE_USER') or hasRole('ROLE_ADMIN') or hasRole('ROLE_DEVELOPER') or hasRole('ROLE_APPROVER')") - .and() - .csrf().disable() - .formLogin() - .loginPage("/login") - .successForwardUrl("/api/user/dispatch") - .permitAll() - .and() - .logout() - .permitAll(); + .antMatchers("/css/**", "/js/**", "/images/**").permitAll() + .antMatchers("/login*").access("hasRole('ROLE_USER') or hasRole('ROLE_ADMIN') or hasRole('ROLE_DEVELOPER') or hasRole('ROLE_APPROVER')") + .antMatchers("/user/new").access(" hasRole('ROLE_ADMIN')") + .antMatchers("/user/all*").access("hasRole('ROLE_USER') or hasRole('ROLE_ADMIN') or hasRole('ROLE_DEVELOPER') or hasRole('ROLE_APPROVER')") + .antMatchers("/user/modify*").access("hasRole('ROLE_ADMIN')") + .antMatchers("/project/**").access("hasRole('ROLE_USER') or hasRole('ROLE_ADMIN') or hasRole('ROLE_DEVELOPER') or hasRole('ROLE_APPROVER')") + .antMatchers("/api/user/current/**").permitAll() + .antMatchers("/api/**").access("hasRole('ROLE_USER') or hasRole('ROLE_ADMIN') or hasRole('ROLE_DEVELOPER') or hasRole('ROLE_APPROVER')") + .antMatchers("/ticket/**").access("hasRole('ROLE_USER') or hasRole('ROLE_ADMIN') or hasRole('ROLE_DEVELOPER') or hasRole('ROLE_APPROVER')") + .antMatchers("/comment/**").access("hasRole('ROLE_USER') or hasRole('ROLE_ADMIN') or hasRole('ROLE_DEVELOPER') or hasRole('ROLE_APPROVER')") + .and() + .csrf().disable() + .formLogin() + .loginPage("/login") + .successForwardUrl("/api/user/dispatch") + .permitAll() + .and() + .logout() + .permitAll(); httpSecurity.userDetailsService(userService); } @Override protected void configure(AuthenticationManagerBuilder auth) throws Exception { - auth.userDetailsService(userDetailsService()) + auth.userDetailsService(userService) .passwordEncoder(passwordEncoder()); } diff --git a/bugtracker/src/main/java/bugtracker/comment/CommentController.java b/bugtracker/src/main/java/bugtracker/comment/CommentController.java new file mode 100644 index 0000000..fe438bb --- /dev/null +++ b/bugtracker/src/main/java/bugtracker/comment/CommentController.java @@ -0,0 +1,39 @@ +package bugtracker.comment; + +import org.springframework.http.HttpStatus; +import org.springframework.http.MediaType; +import org.springframework.http.ResponseEntity; +import org.springframework.web.bind.annotation.*; + +import javax.inject.Inject; +import java.util.List; + +@RestController +@RequestMapping("/api/comment") +public class CommentController { + + @Inject + CommentService commentService; + + @RequestMapping( + value = "/create", + method = RequestMethod.POST, + consumes = MediaType.APPLICATION_JSON_VALUE, + produces = MediaType.APPLICATION_JSON_VALUE + ) + @ResponseBody() + public ResponseEntity addNewComment(@RequestBody CommentEntity commentEntity) { + try { + commentService.createComment(commentEntity); + } catch (Exception e) { + e.printStackTrace(); + return new ResponseEntity<>(HttpStatus.INTERNAL_SERVER_ERROR); + } + return new ResponseEntity<>(HttpStatus.OK); + } + + @GetMapping("/all/{ticketId}") + public ResponseEntity> getAllByTicketID(@PathVariable Long ticketId) { + return new ResponseEntity<>(commentService.getAllByTicketId(ticketId), HttpStatus.OK); + } +} diff --git a/bugtracker/src/main/java/bugtracker/comment/CommentEntity.java b/bugtracker/src/main/java/bugtracker/comment/CommentEntity.java new file mode 100644 index 0000000..8c96f67 --- /dev/null +++ b/bugtracker/src/main/java/bugtracker/comment/CommentEntity.java @@ -0,0 +1,70 @@ +package bugtracker.comment; + +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.Id; +import javax.persistence.Table; +import java.time.LocalDateTime; + +@Entity +@Table(name = "KOMMENT") +public class CommentEntity { + @Id + @GeneratedValue + private long id; + + private long ticketId; + private long userId; + + private String commentText; + private String userName; + private LocalDateTime commentTime; + + public long getId() { + return id; + } + + public long getTicketId() { + return ticketId; + } + + public long getUserId() { + return userId; + } + + public String getCommentText() { + return commentText; + } + + public LocalDateTime getCommentTime() { + return commentTime; + } + + public void setId(long id) { + this.id = id; + } + + public String getUserName() { + return userName; + } + + public void setUserName(String userName) { + this.userName = userName; + } + + public void setTicketId(long ticketId) { + this.ticketId = ticketId; + } + + public void setUserId(long userId) { + this.userId = userId; + } + + public void setCommentText(String commentText) { + this.commentText = commentText; + } + + public void setCommentTime(LocalDateTime commentTime) { + this.commentTime = commentTime; + } +} diff --git a/bugtracker/src/main/java/bugtracker/comment/CommentRepository.java b/bugtracker/src/main/java/bugtracker/comment/CommentRepository.java new file mode 100644 index 0000000..46f8dc9 --- /dev/null +++ b/bugtracker/src/main/java/bugtracker/comment/CommentRepository.java @@ -0,0 +1,9 @@ +package bugtracker.comment; + +import org.springframework.data.jpa.repository.JpaRepository; + +import java.util.List; + +public interface CommentRepository extends JpaRepository { + List findAllByTicketId(Long ticketId); +} diff --git a/bugtracker/src/main/java/bugtracker/comment/CommentService.java b/bugtracker/src/main/java/bugtracker/comment/CommentService.java new file mode 100644 index 0000000..c317ed3 --- /dev/null +++ b/bugtracker/src/main/java/bugtracker/comment/CommentService.java @@ -0,0 +1,48 @@ +package bugtracker.comment; + +import bugtracker.history.HistoryEntity; +import bugtracker.ticket.TicketEntity; +import bugtracker.ticket.TicketService; +import org.springframework.security.core.Authentication; +import org.springframework.security.core.context.SecurityContextHolder; +import org.springframework.stereotype.Service; + +import javax.inject.Inject; +import java.time.LocalDateTime; +import java.util.List; + +@Service +public class CommentService { + + @Inject + CommentRepository commentRepository; + + @Inject + TicketService ticketService; + + + + public CommentEntity createComment(CommentEntity commentEntity) { + Authentication authentication = SecurityContextHolder.getContext().getAuthentication(); + String currentPrincipalName = authentication.getName(); + HistoryEntity historyEntity = new HistoryEntity(); + + TicketEntity ticketEntity = ticketService.getTicketById(commentEntity.getTicketId()); + + //project or ticket id + historyEntity.setObjectId(ticketEntity.getId()); + //initial status + historyEntity.setInitialStatusId(133L); + historyEntity.setTargetStatusId(ticketEntity.getStatusId()); + //history text + historyEntity.setFreeText("New comment added by:" + currentPrincipalName); + historyEntity.setCreatedAt(LocalDateTime.now()); + //history + historyEntity.setEventDescription("comment"); + return commentRepository.save(commentEntity); + } + + public List getAllByTicketId(Long ticketId) { + return commentRepository.findAllByTicketId(ticketId); + } +} diff --git a/bugtracker/src/main/java/bugtracker/history/HistoryController.java b/bugtracker/src/main/java/bugtracker/history/HistoryController.java index b8d63fb..f534bd6 100644 --- a/bugtracker/src/main/java/bugtracker/history/HistoryController.java +++ b/bugtracker/src/main/java/bugtracker/history/HistoryController.java @@ -9,7 +9,10 @@ import org.springframework.web.servlet.ModelAndView; import javax.inject.Inject; +import java.util.List; +@RestController +@RequestMapping("/api/history") public class HistoryController { @@ -40,6 +43,17 @@ public ModelAndView getHistory(@PathVariable Long id) { return mv; } + + @GetMapping("/all/objectid/{objectId}") + public ResponseEntity> getAllTicketHistory(@PathVariable String objectId){ + return new ResponseEntity<>(historyService.getAllByObjectId(Long.valueOf(objectId)), HttpStatus.OK); + } + + @GetMapping("/all/projectid/{projectid}") + public ResponseEntity> getAllProjectId(@PathVariable String projectid){ + return new ResponseEntity<>(historyService.getAllByProjectId(Long.valueOf(projectid)), HttpStatus.OK); + } + @GetMapping("/all") public ModelAndView getAllHistoryByObjectId(Long objectId) { ModelAndView mv = new ModelAndView("historys"); diff --git a/bugtracker/src/main/java/bugtracker/history/HistoryEntity.java b/bugtracker/src/main/java/bugtracker/history/HistoryEntity.java index c83721c..099cb8f 100644 --- a/bugtracker/src/main/java/bugtracker/history/HistoryEntity.java +++ b/bugtracker/src/main/java/bugtracker/history/HistoryEntity.java @@ -1,69 +1,25 @@ package bugtracker.history; -import javax.persistence.Entity; -import javax.persistence.GeneratedValue; -import javax.persistence.Id; -import javax.persistence.Table; +import lombok.Data; + +import javax.persistence.*; +import java.time.LocalDateTime; @Entity @Table(name = "HISTORY") +@Data public class HistoryEntity { @Id @GeneratedValue private long id; - private int objectId; + private Long objectId; + @Column(name = "project_id", nullable = true) + private Long projectId; private String eventDescription; - private int initialSatusId; - private int targetStatusId; + private long initialStatusId; + private long targetStatusId; private String freeText; + private LocalDateTime createdAt; - - public long getId() { - return id; - } - - public void setId(long id) { - this.id = id; - } - - public int getObjectId() { - return objectId; - } - - public void setObjectId(int objectId) { - this.objectId = objectId; - } - - public String getEventDescription() { - return eventDescription; - } - - public void setEventDescription(String eventDescription) { - this.eventDescription = eventDescription; - } - - public int getInitialSatusId() { - return initialSatusId; - } - - public void setInitialSatusId(int initialSatusId) { - this.initialSatusId = initialSatusId; - } - - public int getTargetStatusId() { - return targetStatusId; - } - - public void setTargetStatusId(int targetStatusId) { - this.targetStatusId = targetStatusId; - } - - public String getFreeText() { - return freeText; - } - - public void setFreeText(String freeText) { - this.freeText = freeText; - } } diff --git a/bugtracker/src/main/java/bugtracker/history/HistoryRepository.java b/bugtracker/src/main/java/bugtracker/history/HistoryRepository.java index 1a26ce1..09fa7c5 100644 --- a/bugtracker/src/main/java/bugtracker/history/HistoryRepository.java +++ b/bugtracker/src/main/java/bugtracker/history/HistoryRepository.java @@ -7,4 +7,5 @@ public interface HistoryRepository extends JpaRepository { List findAllByObjectId(Long objectId); + List findAllByProjectId(Long projectid); } diff --git a/bugtracker/src/main/java/bugtracker/history/HistoryService.java b/bugtracker/src/main/java/bugtracker/history/HistoryService.java index 6d94758..0fb5924 100644 --- a/bugtracker/src/main/java/bugtracker/history/HistoryService.java +++ b/bugtracker/src/main/java/bugtracker/history/HistoryService.java @@ -1,19 +1,25 @@ package bugtracker.history; +import org.springframework.stereotype.Service; + import javax.inject.Inject; import java.util.List; +@Service public class HistoryService { @Inject HistoryRepository historyRepository; - public HistoryEntity createHistory(HistoryEntity project){ - return historyRepository.save(project); + public HistoryEntity createHistory(HistoryEntity historyEntity){ + return historyRepository.save(historyEntity); } public List getAllByObjectId(Long objectId){ return historyRepository.findAllByObjectId(objectId); } + public List getAllByProjectId(Long projectId){ + return historyRepository.findAllByProjectId(projectId); + } public HistoryEntity getHistoryById(Long id){ return historyRepository.findById(id).orElse(null); } diff --git a/bugtracker/src/main/java/bugtracker/project/ProjectController.java b/bugtracker/src/main/java/bugtracker/project/ProjectController.java index 860a530..a71247c 100644 --- a/bugtracker/src/main/java/bugtracker/project/ProjectController.java +++ b/bugtracker/src/main/java/bugtracker/project/ProjectController.java @@ -1,7 +1,13 @@ package bugtracker.project; +import bugtracker.timelog.TimeLogEntity; +import bugtracker.timelog.TimeLogService; +import bugtracker.ticket.TicketEntity; +import bugtracker.ticket.TicketService; +import bugtracker.user.UserService; import com.fasterxml.jackson.core.JsonProcessingException; import com.fasterxml.jackson.databind.ObjectMapper; +import lombok.AllArgsConstructor; import org.springframework.http.HttpStatus; import org.springframework.http.MediaType; import org.springframework.http.ResponseEntity; @@ -9,23 +15,40 @@ import org.springframework.web.servlet.ModelAndView; import javax.inject.Inject; -import java.util.List; +import java.math.BigDecimal; +import java.math.RoundingMode; +import java.time.LocalDate; +import java.time.temporal.TemporalAdjuster; +import java.time.temporal.TemporalAdjusters; +import java.util.*; +import java.util.stream.Collectors; @RestController @RequestMapping("/api/project") public class ProjectController { + public static final String UPDATE = "update"; + public static final String CREATE = "create"; // todo: move related logic to ProjectService! @Inject ProjectService projectService; + @Inject + TimeLogService timeLogService; + + @Inject + TicketService ticketService; + + @Inject + UserService userService; + @RequestMapping(value = "/create", method = RequestMethod.POST, consumes = MediaType.APPLICATION_JSON_VALUE, produces = MediaType.APPLICATION_JSON_VALUE) @ResponseBody() public ResponseEntity addNewProject(@RequestBody ProjectEntity project) { try { - projectService.createProject(project); + projectService.saveProjectWithHistory(project, CREATE); } catch (Exception e){ return new ResponseEntity<>(HttpStatus.INTERNAL_SERVER_ERROR); } @@ -33,9 +56,9 @@ public ResponseEntity addNewProject(@RequestBody ProjectEntity project) { } @PostMapping("/update") - public ResponseEntity updateTicket(@RequestBody ProjectEntity project) { + public ResponseEntity updateProject(@RequestBody ProjectEntity project) { try{ - projectService.saveProject(project); + projectService.saveProjectWithHistory(project, UPDATE); } catch (Exception e){ return new ResponseEntity<>(e.getMessage(), HttpStatus.INTERNAL_SERVER_ERROR); } @@ -86,4 +109,176 @@ public ResponseEntity> searchProjects(@PathVariable String s } return new ResponseEntity<>(projects, HttpStatus.OK); } + + @AllArgsConstructor + static class TimeLogStatistics{ + private String month; + private Long time; + + public TimeLogStatistics(LocalDate date, Long time){ + this.time = time; + this.month = date.getYear() + "-" + date.getMonth(); + } + + public String getMonth(){ + return month; + } + + public Long getTime(){ + return time; + } + } + + @GetMapping("/timelogstats/{projectId}") + public ResponseEntity> getTimeLogStats(@PathVariable Long projectId){ + + List projectTickets = ticketService.searchByProject(projectId); + + List timelogs = timeLogService.getAllTimeLog(); + List tl = timelogs. + stream().filter(timeLogEntity -> projectTickets.stream(). + anyMatch(ticketEntity -> timeLogEntity.getTicketId().equals(ticketEntity.getId()))).collect(Collectors.toList()); + + Map stats = tl.stream().collect(Collectors. + groupingBy(item -> item.getDate().with(TemporalAdjusters.firstDayOfMonth()), Collectors.summingLong(TimeLogEntity::getTime))); + + List statsList = stats.entrySet().stream(). + map(localDateLongEntry -> new TimeLogStatistics(localDateLongEntry.getKey(), localDateLongEntry.getValue())).collect(Collectors.toList()); + + return new ResponseEntity<>(statsList, HttpStatus.OK); + } + + @AllArgsConstructor + static class UserTimeLogStatistics{ + private String month; + private Long time; + private String user; + + public UserTimeLogStatistics(LocalDate date, Long time, String user){ + this.time = time; + this.month = date.getYear() + "-" + date.getMonth(); + this.user = user; + } + + public String getMonth(){ + return month; + } + + public Long getTime(){ + return time; + } + + public String getUser(){ + return user; + } + } + + @GetMapping("/usertimelogstats/{projectId}") + public ResponseEntity> getUserTimeLogStats(@PathVariable Long projectId){ + + List projectTickets = ticketService.searchByProject(projectId); + + List timelogs = timeLogService.getAllTimeLog(); + List tl = timelogs. + stream().filter(timeLogEntity -> projectTickets.stream(). + anyMatch(ticketEntity -> timeLogEntity.getTicketId().equals(ticketEntity.getId()))).collect(Collectors.toList()); + + Map> stats = tl.stream().collect(Collectors. + groupingBy(item -> item.getDate().with(TemporalAdjusters.firstDayOfMonth()))); + + List statsList = new ArrayList<>(); + + for(Map.Entry> dateMapEntry : stats.entrySet()){ + Map userTime = dateMapEntry.getValue().stream(). + collect(Collectors.groupingBy(TimeLogEntity::getUserId, Collectors.summingLong(TimeLogEntity::getTime))); + + for(Map.Entry userTimeEntry : userTime.entrySet()){ + statsList.add(new UserTimeLogStatistics(dateMapEntry.getKey(), userTimeEntry.getValue(), userService.getUserById(userTimeEntry.getKey()).getName())); + } + } + + return new ResponseEntity<>(statsList, HttpStatus.OK); + } + + @AllArgsConstructor + static class PriorityStatistics{ + private String month; + private Double s1Percent; + private Double s2Percent; + private Double s3Percent; + + public PriorityStatistics(LocalDate date, Double s1, Double s2, Double s3){ + this.month = date.getYear() + "-" + date.getMonth(); + this.s1Percent = s1; + this.s2Percent = s2; + this.s3Percent = s3; + } + + public String getMonth(){ + return month; + } + + public Double getS1Percent() { + return s1Percent; + } + + public Double getS2Percent() { + return s2Percent; + } + + public Double getS3Percent() { + return s3Percent; + } + } + + @GetMapping("/prioritystats/{projectId}") + public ResponseEntity> getPriorityStats(@PathVariable Long projectId) throws Exception { + List tickets = ticketService.searchByProject(projectId); + List timeLogs = new LinkedList<>(); + for(TicketEntity te : tickets){ + timeLogs.addAll(timeLogService.getTimeLogsByTicketId(te.getId())); + } + + ProjectEntity project = projectService.getProjectById(projectId); + + Optional minDateTimeLog = timeLogs.stream().min(Comparator.comparing(TimeLogEntity::getDate)); + List priorityStatisticsList = new LinkedList<>(); + if(!minDateTimeLog.isPresent()){ + return new ResponseEntity<>(priorityStatisticsList, HttpStatus.OK); + } + + for (LocalDate ld = minDateTimeLog.get().getDate(); !ld.isAfter(LocalDate.now()); ld = ld.plusMonths(1)) { + final LocalDate locDate = ld; + List createdTickets = tickets.stream().filter(ticketEntity -> !ticketEntity.getCreationTime().isAfter(locDate)).collect(Collectors.toList()); + List loggedTimes = timeLogs.stream().filter(timeLogEntity -> !timeLogEntity.getDate().isAfter(locDate)).collect(Collectors.toList()); + Long allS1Time = 0L; + long loggedS1Time = 0L; + Long allS2Time = 0L; + long loggedS2Time = 0L; + Long allS3Time = 0L; + long loggedS3Time = 0L; + for (TicketEntity te : createdTickets) { + List loggedTimesOnTicket = + loggedTimes.stream().filter(timeLogEntity -> timeLogEntity.getTicketId().equals(te.getId())).collect(Collectors.toList()); + long loggedTime = loggedTimesOnTicket.stream().mapToLong(TimeLogEntity::getTime).sum(); + if (te.getPriority() == 0) { + allS1Time += project.getS1Time(); + loggedS1Time += loggedTime; + } else if (te.getPriority() == 1) { + allS2Time += project.getS2Time(); + loggedS2Time += loggedTime; + } else if (te.getPriority() == 2) { + allS3Time += project.getS3Time(); + loggedS3Time += loggedTime; + } else { + throw new Exception("Unknown priority type: " + te.getPriority()); + } + } + Double s1Perc = BigDecimal.valueOf(((double) loggedS1Time / allS1Time) * 100).setScale(2, RoundingMode.HALF_UP).doubleValue(); + Double s2Perc = BigDecimal.valueOf(((double) loggedS2Time / allS2Time) * 100).setScale(2, RoundingMode.HALF_UP).doubleValue(); + Double s3Perc = BigDecimal.valueOf(((double) loggedS3Time / allS3Time) * 100).setScale(2, RoundingMode.HALF_UP).doubleValue(); + priorityStatisticsList.add(new PriorityStatistics(locDate, s1Perc, s2Perc, s3Perc)); + } + return new ResponseEntity<>(priorityStatisticsList, HttpStatus.OK); + } } diff --git a/bugtracker/src/main/java/bugtracker/project/ProjectEntity.java b/bugtracker/src/main/java/bugtracker/project/ProjectEntity.java index 0cadb9e..2aec144 100644 --- a/bugtracker/src/main/java/bugtracker/project/ProjectEntity.java +++ b/bugtracker/src/main/java/bugtracker/project/ProjectEntity.java @@ -1,13 +1,15 @@ package bugtracker.project; +import lombok.Data; + import javax.persistence.Entity; import javax.persistence.GeneratedValue; import javax.persistence.Id; import javax.persistence.Table; -import java.time.LocalDateTime; @Entity @Table(name = "PROJECT") +@Data public class ProjectEntity { @Id @@ -20,68 +22,4 @@ public class ProjectEntity { private Long s1Time; private Long s2Time; private Long s3Time; - - public long getId() { - return id; - } - - public void setId(long id) { - this.id = id; - } - - public String getName() { - return name; - } - - public void setName(String name) { - this.name = name; - } - - public String getDescription() { - return description; - } - - public void setDescription(String description) { - this.description = description; - } - - public Long getDefaultApproverId() { - return defaultApproverId; - } - - public void setDefaultApproverId(Long defaultApproverId) { - this.defaultApproverId = defaultApproverId; - } - - public Long getDefaultDeveloperId() { - return defaultDeveloperId; - } - - public void setDefaultDeveloperId(Long defaultDeveloperId) { - this.defaultDeveloperId = defaultDeveloperId; - } - - public Long getS1Time() { - return s1Time; - } - - public void setS1Time(Long s1Time) { - this.s1Time = s1Time; - } - - public Long getS2Time() { - return s2Time; - } - - public void setS2Time(Long s2Time) { - this.s2Time = s2Time; - } - - public Long getS3Time() { - return s3Time; - } - - public void setS3Time(Long s3Time) { - this.s3Time = s3Time; - } } diff --git a/bugtracker/src/main/java/bugtracker/project/ProjectService.java b/bugtracker/src/main/java/bugtracker/project/ProjectService.java index 28aa669..d594088 100644 --- a/bugtracker/src/main/java/bugtracker/project/ProjectService.java +++ b/bugtracker/src/main/java/bugtracker/project/ProjectService.java @@ -1,7 +1,12 @@ package bugtracker.project; +import bugtracker.history.HistoryEntity; +import bugtracker.history.HistoryService; +import org.springframework.security.core.Authentication; +import org.springframework.security.core.context.SecurityContextHolder; import org.springframework.stereotype.Service; import javax.inject.Inject; +import java.time.LocalDateTime; import java.util.List; @Service @@ -10,9 +15,10 @@ public class ProjectService { @Inject ProjectRepository projectRepository; - public ProjectEntity createProject(ProjectEntity project){ - return projectRepository.save(project); - } + @Inject + HistoryService historyService; + + public List getAllProject(){ return projectRepository.findAll(); } @@ -21,5 +27,25 @@ public ProjectEntity getProjectById(Long id){ } public List searchByName(String text) { return projectRepository.findByNameContaining(text); } public List searchByDescription(String text) { return projectRepository.findByDescriptionContaining(text); } - public ProjectEntity saveProject(ProjectEntity project) { return projectRepository.save(project); } + + public ProjectEntity saveProjectWithHistory(ProjectEntity project, String type) { + Authentication authentication = SecurityContextHolder.getContext().getAuthentication(); + String currentPrincipalName = authentication.getName(); + HistoryEntity historyEntity = new HistoryEntity(); + ProjectEntity projectEntity = projectRepository.save(project); + + //project or ticket id + historyEntity.setProjectId(projectEntity.getId()); + historyEntity.setCreatedAt(LocalDateTime.now()); + //initial status + historyEntity.setInitialStatusId(133L); + historyEntity.setTargetStatusId(133L); + //history text + historyEntity.setFreeText("The project status: " + type + ", modified by:" + currentPrincipalName); + //history + historyEntity.setEventDescription(type); + historyService.createHistory(historyEntity); + + return projectEntity; + } } diff --git a/bugtracker/src/main/java/bugtracker/status/StatusWorkflow.java b/bugtracker/src/main/java/bugtracker/status/StatusWorkflow.java new file mode 100644 index 0000000..29d7866 --- /dev/null +++ b/bugtracker/src/main/java/bugtracker/status/StatusWorkflow.java @@ -0,0 +1,97 @@ +package bugtracker.status; + +import lombok.AllArgsConstructor; +import lombok.Getter; + +import java.util.Arrays; +import java.util.Hashtable; +import java.util.List; + +public class StatusWorkflow { + + @AllArgsConstructor + @Getter + public static class NextStatus + { + private Long status; + private Long userType; + private Long ticketType; + } + + private enum Status{ + APPROVED(129L), + INPROGRESS(130L), + CLOSED(131L), + RESOLVED(132L), + PENDING(133L), + DECLINED(134L), + WAITFORRESPONSE(135L), + POSTPONE(136L); + + public final Long value; + private Status(Long value){ + this.value = value; + } + } + + private enum User{ + ADMIN(0L), + DEV(1L), + USER(2L), + APPROVER(3L); + + public final Long value; + private User(Long value){ + this.value = value; + } + } + + private enum Ticket{ + BUG (0L), + FEATURE(1L), + BOTH(2L); + + public final Long value; + private Ticket(Long value){ + this.value = value; + } + } + + private static final Hashtable> nextStatusTable; + + static{ + //key= current status, value= next status 1. toStatus 2. user type, bug/feature/both. + nextStatusTable = new Hashtable<>(); + + nextStatusTable.put(Status.PENDING.value, + Arrays.asList(new NextStatus(Status.INPROGRESS.value, User.DEV.value,Ticket.BUG.value), + new NextStatus(Status.APPROVED.value,User.APPROVER.value,Ticket.FEATURE.value), + new NextStatus(Status.DECLINED.value,User.APPROVER.value,Ticket.FEATURE.value))); + + //XXX status, who and ticket type 0 bug, 1 feature, 2 both (need to be fixed) + nextStatusTable.put(Status.DECLINED.value, + Arrays.asList(new NextStatus(Status.PENDING.value,User.USER.value,Ticket.FEATURE.value))); + + nextStatusTable.put(Status.APPROVED.value, + Arrays.asList(new NextStatus(Status.INPROGRESS.value,User.DEV.value,Ticket.FEATURE.value))); + + nextStatusTable.put(Status.INPROGRESS.value, + Arrays.asList(new NextStatus(Status.RESOLVED.value,User.DEV.value,Ticket.BOTH.value), + new NextStatus(Status.WAITFORRESPONSE.value,User.DEV.value,Ticket.BOTH.value), + new NextStatus(Status.POSTPONE.value,User.DEV.value,Ticket.BOTH.value))); + + nextStatusTable.put(Status.RESOLVED.value, + Arrays.asList(new NextStatus(Status.PENDING.value,User.USER.value,Ticket.BOTH.value), + new NextStatus(Status.CLOSED.value,User.USER.value,Ticket.BOTH.value))); + + nextStatusTable.put(Status.WAITFORRESPONSE.value, + Arrays.asList(new NextStatus(Status.PENDING.value,User.USER.value,Ticket.BOTH.value))); + + nextStatusTable.put(Status.POSTPONE.value, + Arrays.asList(new NextStatus(Status.INPROGRESS.value,User.DEV.value,Ticket.BOTH.value))); + } + + public static List getNextPossibleStatuses(long currStatus){ + return nextStatusTable.get(currStatus); + } +} diff --git a/bugtracker/src/main/java/bugtracker/ticket/TicketController.java b/bugtracker/src/main/java/bugtracker/ticket/TicketController.java index a91bff7..f33fe51 100644 --- a/bugtracker/src/main/java/bugtracker/ticket/TicketController.java +++ b/bugtracker/src/main/java/bugtracker/ticket/TicketController.java @@ -4,6 +4,9 @@ import bugtracker.project.ProjectService; import bugtracker.status.StatusEntity; import bugtracker.status.StatusService; +import bugtracker.status.StatusWorkflow; +import bugtracker.timelog.TimeLogEntity; +import bugtracker.timelog.TimeLogService; import bugtracker.user.UserEntity; import bugtracker.user.UserService; import com.fasterxml.jackson.core.JsonProcessingException; @@ -20,8 +23,10 @@ import org.springframework.web.servlet.ModelAndView; import javax.inject.Inject; +import java.time.LocalDate; import java.time.LocalDateTime; import java.util.*; +import java.util.stream.Collectors; @RestController @RequestMapping("/api/ticket") @@ -39,6 +44,9 @@ public class TicketController { @Inject StatusService statusService; + @Inject + TimeLogService timeLogService; + @AllArgsConstructor @Getter private static class NextStatus @@ -74,6 +82,7 @@ public ResponseEntity addNewTicket(@RequestBody TicketEntity ticket) { } try { ticket.setStatusId(133L); // pending + ticket.setCreationTime(LocalDate.now()); ticketService.createTicket(ticket); } catch (Exception e){ return new ResponseEntity<>(HttpStatus.INTERNAL_SERVER_ERROR); @@ -95,8 +104,8 @@ public ResponseEntity updateTicket(@RequestBody TicketEntity ticket) { TicketEntity currTicket = ticketService.getTicketById(ticket.getId()); if(!currTicket.getStatusId().equals(ticket.getStatusId())){ boolean isValidNextStatus = false; - for(NextStatus ns : nextStatusTable.get(currTicket.getStatusId())){ - if(ticket.getStatusId().equals(ns.status)){ + for(StatusWorkflow.NextStatus ns : StatusWorkflow.getNextPossibleStatuses(currTicket.getStatusId())){ + if(ticket.getStatusId().equals(ns.getStatus())){ isValidNextStatus = true; break; } @@ -105,9 +114,9 @@ public ResponseEntity updateTicket(@RequestBody TicketEntity ticket) { return new ResponseEntity<>(HttpStatus.BAD_REQUEST); } } - + ticket.setCreationTime(currTicket.getCreationTime()); try{ - ticketService.saveTicket(ticket); + ticketService.saveTicket(ticket, "update"); } catch (Exception e){ return new ResponseEntity<>(e.getMessage(), HttpStatus.INTERNAL_SERVER_ERROR); } @@ -130,6 +139,16 @@ public ResponseEntity getReporterById(@PathVariable Long id){ return new ResponseEntity<>(name, HttpStatus.OK); } + @GetMapping("/getOwner/{id}") + public ResponseEntity getOwnerById(@PathVariable Long id){ + String name = ""; + UserEntity user = userService.getUserById(id); + if(user != null){ + name = user.getName(); + } + return new ResponseEntity<>(name, HttpStatus.OK); + } + @GetMapping("/getProject/{id}") public ResponseEntity getProjectById(@PathVariable Long id){ String name = ""; @@ -154,6 +173,12 @@ public ResponseEntity getTypeById(@PathVariable long id) throws Exceptio return new ResponseEntity<>(type, HttpStatus.OK); } + @GetMapping("/getSpentTime/{id}") + public ResponseEntity getSpentTimeById(@PathVariable long id) { + Long spentTime = timeLogService.getTimeLogsByTicketId(id).stream().mapToLong(TimeLogEntity::getTime).sum(); + return new ResponseEntity<>(spentTime, HttpStatus.OK); + } + @GetMapping("/searchTickets/") public ResponseEntity> getAllTickets(){ return searchTickets(""); @@ -179,11 +204,12 @@ public ResponseEntity> getValidStatuses(@PathVariable Long ti TicketEntity ticket = ticketService.getTicketById(ticketId); statuses.add(statusService.getStatusById(ticket.getStatusId())); if(isCurrentUserAssignedToTicket(ticket)){ + StatusEntity ticketStatus = statusService.getStatusById(ticket.getStatusId()); - for(NextStatus ns : nextStatusTable.get(ticketStatus.getId())){ - if(isCurrentUserValid(ns.userType) && - (ticket.getType().equals(ns.ticketType) || ns.ticketType.equals(2L))){ - statuses.add(statusService.getStatusById(ns.status)); + for(StatusWorkflow.NextStatus ns : StatusWorkflow.getNextPossibleStatuses(ticketStatus.getId())){ + if(isCurrentUserValid(ns.getUserType()) && + (ticket.getType().equals(ns.getTicketType()) || ns.getTicketType().equals(2L))){ + statuses.add(statusService.getStatusById(ns.getStatus())); } } } @@ -194,12 +220,11 @@ public ResponseEntity> getValidStatuses(@PathVariable Long ti } private boolean isCurrentUserValid(Long validId){ - Authentication auth = SecurityContextHolder.getContext().getAuthentication(); + Authentication authentication = SecurityContextHolder.getContext().getAuthentication(); + String currentPrincipalName = authentication.getName(); - String username = auth.getName(); - - UserEntity user = userService.getUserByName(username); + UserEntity user = userService.getUserByName(currentPrincipalName); if(user != null){ return user.getType() == validId; } @@ -211,12 +236,11 @@ private boolean isCurrentUserAssignedToTicket(TicketEntity ticket){ Authentication auth = SecurityContextHolder.getContext().getAuthentication(); String username = auth.getName(); - UserEntity user = userService.getUserByName(username); if(user != null){ - return user.getId() == ticket.getReporterId() || - user.getId() == ticket.getOwnerId(); + return ticket.getReporterId() != null && ticket.getReporterId().equals(user.getId()) || + ticket.getOwnerId() != null && ticket.getOwnerId().equals(user.getId()); } return false; diff --git a/bugtracker/src/main/java/bugtracker/ticket/TicketEntity.java b/bugtracker/src/main/java/bugtracker/ticket/TicketEntity.java index ddf7249..d350f2d 100644 --- a/bugtracker/src/main/java/bugtracker/ticket/TicketEntity.java +++ b/bugtracker/src/main/java/bugtracker/ticket/TicketEntity.java @@ -1,14 +1,18 @@ package bugtracker.ticket; +import lombok.Data; + import javax.persistence.Entity; import javax.persistence.GeneratedValue; import javax.persistence.Id; import javax.persistence.Table; +import java.time.LocalDate; import java.time.LocalDateTime; @Entity @Table(name = "TICKET") +@Data public class TicketEntity { @Id @@ -21,92 +25,7 @@ public class TicketEntity { private Long ownerId; private Long statusId; private Long projectId; - private LocalDateTime spentTime; private Long type; + private LocalDate creationTime; - public long getId() { - return id; - } - - public void setId(long id) { - this.id = id; - } - - public Long getType() { - return type; - } - - public void setType(Long type) { - this.type = type; - } - - public Long getPriority() { - return priority; - } - - public void setPriority(Long priority) { - this.priority = priority; - } - - public String getDescription() { - return description; - } - - public void setDescription(String description) { - this.description = description; - } - - public Long getReporterId() { - return reporterId; - } - - public void setReporterId(Long reporterId) { - this.reporterId = reporterId; - } - - public Long getOwnerId() { - return ownerId; - } - - public void setOwnerId(Long ownerId) { - this.ownerId = ownerId; - } - - public Long getStatusId() { - return statusId; - } - - public void setStatusId(Long statusId) { - this.statusId = statusId; - } - - public Long getProjectId() { - return projectId; - } - - public void setProjectId(Long projectId) { - this.projectId = projectId; - } - - public LocalDateTime getSpentTime() { - return spentTime; - } - - public void setSpentTime(LocalDateTime spentTime) { - this.spentTime = spentTime; - } - - public String getName() { - return name; - } - - public void setName(String name) { - this.name = name; - } - - public enum Priority { - S1, - S2, - S3 - } } diff --git a/bugtracker/src/main/java/bugtracker/ticket/TicketRepository.java b/bugtracker/src/main/java/bugtracker/ticket/TicketRepository.java index 008c088..95d1525 100644 --- a/bugtracker/src/main/java/bugtracker/ticket/TicketRepository.java +++ b/bugtracker/src/main/java/bugtracker/ticket/TicketRepository.java @@ -12,4 +12,6 @@ public interface TicketRepository extends JpaRepository { List findByNameContaining(String text); List findByDescriptionContaining(String text); + + List findByProjectId(Long projectId); } diff --git a/bugtracker/src/main/java/bugtracker/ticket/TicketService.java b/bugtracker/src/main/java/bugtracker/ticket/TicketService.java index 1f94d9a..6aec9f3 100644 --- a/bugtracker/src/main/java/bugtracker/ticket/TicketService.java +++ b/bugtracker/src/main/java/bugtracker/ticket/TicketService.java @@ -1,7 +1,14 @@ package bugtracker.ticket; +import bugtracker.history.HistoryEntity; +import bugtracker.history.HistoryService; +import bugtracker.status.StatusEntity; +import bugtracker.status.StatusService; +import org.springframework.security.core.Authentication; +import org.springframework.security.core.context.SecurityContextHolder; import org.springframework.stereotype.Service; import javax.inject.Inject; +import java.time.LocalDateTime; import java.util.List; @Service @@ -10,6 +17,12 @@ public class TicketService { @Inject TicketRepository ticketRepository; + @Inject + StatusService statusService; + + @Inject + HistoryService historyService; + public TicketEntity createTicket(TicketEntity ticket){ return ticketRepository.save(ticket); } @@ -22,9 +35,35 @@ public TicketEntity getTicketById(Long id){ return ticketRepository.findTicketEntityById(id); } - public void saveTicket(TicketEntity ticket) { ticketRepository.save(ticket); } + public void saveTicket(TicketEntity ticket, String type) { + Authentication authentication = SecurityContextHolder.getContext().getAuthentication(); + String currentPrincipalName = authentication.getName(); + HistoryEntity historyEntity = new HistoryEntity(); + + TicketEntity ticketEntity = ticketRepository.save(ticket); + + //project or ticket id + historyEntity.setObjectId(ticket.getId()); + //initial status + historyEntity.setInitialStatusId(133L); + historyEntity.setTargetStatusId(ticket.getStatusId()); + //history text + StatusEntity statusEntity = statusService.getStatusById(ticket.getStatusId()); + if ("create".equals(type)) { + historyEntity.setFreeText("The ticket is created by:" + currentPrincipalName); + }else{ + historyEntity.setFreeText("The modified ticket status: " + statusEntity.getName() + ", modified by:" + currentPrincipalName); + } + historyEntity.setCreatedAt(LocalDateTime.now()); + //history + historyEntity.setEventDescription( statusEntity.getName()); + historyService.createHistory(historyEntity); + + ticketRepository.save(ticket); + } public List searchByName(String text) { return ticketRepository.findByNameContaining(text); } public List searchByDescription(String text) { return ticketRepository.findByDescriptionContaining(text); } + public List searchByProject(Long projectId) { return ticketRepository.findByProjectId(projectId); } } diff --git a/bugtracker/src/main/java/bugtracker/timelog/TimeLogController.java b/bugtracker/src/main/java/bugtracker/timelog/TimeLogController.java new file mode 100644 index 0000000..284b459 --- /dev/null +++ b/bugtracker/src/main/java/bugtracker/timelog/TimeLogController.java @@ -0,0 +1,48 @@ +package bugtracker.timelog; + +import bugtracker.user.UserService; +import bugtracker.user.UserEntity; + +import org.springframework.http.HttpStatus; +import org.springframework.http.MediaType; +import org.springframework.http.ResponseEntity; +import org.springframework.security.core.Authentication; +import org.springframework.security.core.context.SecurityContextHolder; +import org.springframework.web.bind.annotation.*; + +import javax.inject.Inject; +import java.sql.Date; +import java.time.LocalDate; + +@RestController +@RequestMapping("/api/timelog") +public class TimeLogController { + + @Inject + TimeLogService timeLogService; + + @Inject + UserService userService; + + @RequestMapping(value = "/log", method = RequestMethod.POST, + consumes = MediaType.APPLICATION_JSON_VALUE, produces = MediaType.APPLICATION_JSON_VALUE) + @ResponseBody() + public ResponseEntity logTime(@RequestBody TimeLogEntity timeLog){ + + Authentication auth = SecurityContextHolder.getContext().getAuthentication(); + + String username = auth.getName(); + + UserEntity user = userService.getUserByName(username); + + if(user != null){ + timeLog.setUserId(user.getId()); + timeLog.setDate(LocalDate.now()); + timeLogService.createTimeLog(timeLog); + + return new ResponseEntity(HttpStatus.OK); + } + + return new ResponseEntity(HttpStatus.INTERNAL_SERVER_ERROR); + } +} diff --git a/bugtracker/src/main/java/bugtracker/timelog/TimeLogEntity.java b/bugtracker/src/main/java/bugtracker/timelog/TimeLogEntity.java new file mode 100644 index 0000000..0e5bcd9 --- /dev/null +++ b/bugtracker/src/main/java/bugtracker/timelog/TimeLogEntity.java @@ -0,0 +1,68 @@ +package bugtracker.timelog; + +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.Id; +import javax.persistence.Table; +import java.time.LocalDate; + +@Entity +@Table(name = "TIMELOG") +public class TimeLogEntity { + @Id + @GeneratedValue + private long id; + private Long time; + private Long userId; + private Long ticketId; + private String description; + private LocalDate logdate; + + public long getId() { + return id; + } + + public void setId(long id) { + this.id = id; + } + + public Long getTime() { + return time; + } + + public void setTime(Long time){ + this.time = time; + } + + public Long getUserId() { + return userId; + } + + public void setUserId(Long userId) { + this.userId = userId; + } + + public Long getTicketId() { + return ticketId; + } + + public void setTicketId(Long ticketId) { + this.ticketId = ticketId; + } + + public String getDescription() { + return description; + } + + public void setDescription(String description) { + this.description = description; + } + + public LocalDate getDate() { + return logdate; + } + + public void setDate(LocalDate date) { + this.logdate = date; + } +} diff --git a/bugtracker/src/main/java/bugtracker/timelog/TimeLogRepository.java b/bugtracker/src/main/java/bugtracker/timelog/TimeLogRepository.java new file mode 100644 index 0000000..1089af5 --- /dev/null +++ b/bugtracker/src/main/java/bugtracker/timelog/TimeLogRepository.java @@ -0,0 +1,13 @@ +package bugtracker.timelog; + +import org.springframework.data.jpa.repository.JpaRepository; + +import java.util.List; + +public interface TimeLogRepository extends JpaRepository { + List findAll(); + + TimeLogEntity findTimeLogEntityById(Long id); + + List findAllByTicketId(Long projectId); +} diff --git a/bugtracker/src/main/java/bugtracker/timelog/TimeLogService.java b/bugtracker/src/main/java/bugtracker/timelog/TimeLogService.java new file mode 100644 index 0000000..0232e5a --- /dev/null +++ b/bugtracker/src/main/java/bugtracker/timelog/TimeLogService.java @@ -0,0 +1,30 @@ +package bugtracker.timelog; + +import bugtracker.ticket.TicketEntity; +import org.springframework.stereotype.Service; + +import javax.inject.Inject; +import java.util.List; + +@Service +public class TimeLogService { + @Inject + TimeLogRepository timeLogRepository; + + public TimeLogEntity createTimeLog(TimeLogEntity timeLogEntity){ + return timeLogRepository.save(timeLogEntity); + } + + public List getAllTimeLog(){ + return timeLogRepository.findAll(); + } + + public TimeLogEntity getTimeLogById(Long id){ + return timeLogRepository.findTimeLogEntityById(id); + } + + public List getTimeLogsByTicketId(Long ticketId) { + + return timeLogRepository.findAllByTicketId(ticketId); + } +} diff --git a/bugtracker/src/main/java/bugtracker/user/BTUserDetails.java b/bugtracker/src/main/java/bugtracker/user/BTUserDetails.java index 7f686cf..94b623d 100644 --- a/bugtracker/src/main/java/bugtracker/user/BTUserDetails.java +++ b/bugtracker/src/main/java/bugtracker/user/BTUserDetails.java @@ -65,6 +65,10 @@ public boolean isCredentialsNonExpired() { @Override public boolean isEnabled() { - return true; + return user.getDeletedTs() == null; + } + + public Long getId() { + return user.getId(); } } diff --git a/bugtracker/src/main/java/bugtracker/user/UserController.java b/bugtracker/src/main/java/bugtracker/user/UserController.java index 66156bd..e14d6a2 100644 --- a/bugtracker/src/main/java/bugtracker/user/UserController.java +++ b/bugtracker/src/main/java/bugtracker/user/UserController.java @@ -6,13 +6,20 @@ import org.springframework.http.ResponseEntity; import org.springframework.security.access.annotation.Secured; import org.springframework.security.core.Authentication; +import org.springframework.security.core.GrantedAuthority; import org.springframework.security.core.context.SecurityContext; import org.springframework.security.core.context.SecurityContextHolder; +import org.springframework.security.core.userdetails.UserDetails; import org.springframework.web.bind.annotation.*; import javax.inject.Inject; +import javax.validation.constraints.Null; import java.net.URI; import java.net.URISyntaxException; +import java.util.ArrayList; import java.util.List; +import java.util.stream.Collectors; + +import static java.util.stream.Collectors.toList; @RestController @RequestMapping("/api/user") @@ -40,6 +47,13 @@ public UserEntity deleteUser(@RequestBody UserEntity user) { return this.userService.deleteUser(user); } + @RequestMapping(value = "/undelete", method = RequestMethod.POST, + consumes = MediaType.APPLICATION_JSON_VALUE, produces = MediaType.APPLICATION_JSON_VALUE) + @ResponseBody() + public UserEntity undeleteUser(@RequestBody UserEntity user) { + return this.userService.undeleteUser(user); + } + @RequestMapping(value = "/modify", method = RequestMethod.POST, consumes = MediaType.APPLICATION_JSON_VALUE, produces = MediaType.APPLICATION_JSON_VALUE) @@ -71,7 +85,7 @@ public ResponseEntity dispatchUser() { if (cc.getAuthentication() != null) { Authentication auth = cc.getAuthentication(); try { - headers.setLocation(new URI("/project/all")); + headers.setLocation(new URI("/home")); } catch (URISyntaxException ignored) {} } @@ -83,8 +97,47 @@ public ResponseEntity> getAllDeveloper(){ return new ResponseEntity<>(userService.getUsersByType(1), HttpStatus.OK); } + @GetMapping("/getAllOwner") + public ResponseEntity> getAllOwner(){ + List users = new ArrayList<>(); + users.addAll(userService.getUsersByType(1)); + users.addAll(userService.getUsersByType(3)); + return new ResponseEntity<>(users, HttpStatus.OK); + } + @GetMapping("/getAllUser") public ResponseEntity> getAllSimpleUser(){ return new ResponseEntity<>(userService.getUsersByType(2), HttpStatus.OK); } + + @GetMapping("/current/") + public ResponseEntity getCurrentUser(Authentication authentication) { + if (authentication != null) { + BTUserDetails principal = (BTUserDetails) authentication.getPrincipal(); + return new ResponseEntity<>(userService.getUserById(principal.getId()), HttpStatus.OK); + } else { + return new ResponseEntity<>(null, HttpStatus.UNAUTHORIZED); + } + } + + @GetMapping("/current/roles") + public ResponseEntity> getCurrentUserRoles(Authentication authentication){ + if (authentication != null) { + BTUserDetails principal = (BTUserDetails) authentication.getPrincipal(); + return new ResponseEntity<>(principal.getAuthorities().stream().map(t -> ((GrantedAuthority) t).getAuthority()).collect(toList()), HttpStatus.OK); + } else { + return new ResponseEntity<>(null, HttpStatus.UNAUTHORIZED); + } + } + + @GetMapping("/searchUsers/") + public ResponseEntity> searchAllUsers(){ + return new ResponseEntity<>(userService.getAllUser(), HttpStatus.OK); + } + + @GetMapping("/searchUsers/{searchText}") + public ResponseEntity> searchUsers(@PathVariable String searchText){ + List users = userService.searchByName(searchText); + return new ResponseEntity<>(users, HttpStatus.OK); + } } diff --git a/bugtracker/src/main/java/bugtracker/user/UserRepository.java b/bugtracker/src/main/java/bugtracker/user/UserRepository.java index 03dd7a3..cc9b910 100644 --- a/bugtracker/src/main/java/bugtracker/user/UserRepository.java +++ b/bugtracker/src/main/java/bugtracker/user/UserRepository.java @@ -16,6 +16,8 @@ public interface UserRepository extends JpaRepository { List findByType(Integer type); + List findByNameContaining(String text); + UserEntity findByName(String name); } diff --git a/bugtracker/src/main/java/bugtracker/user/UserService.java b/bugtracker/src/main/java/bugtracker/user/UserService.java index 0c0fca0..448432b 100644 --- a/bugtracker/src/main/java/bugtracker/user/UserService.java +++ b/bugtracker/src/main/java/bugtracker/user/UserService.java @@ -10,12 +10,14 @@ import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder; import org.springframework.stereotype.Service; import org.springframework.transaction.annotation.Transactional; +import org.springframework.util.StringUtils; import javax.inject.Inject; import java.time.LocalDateTime; import java.util.HashSet; import java.util.List; import java.util.Set; +import java.util.stream.Collectors; @Service public class UserService implements UserDetailsService { @@ -32,28 +34,44 @@ public UserEntity createUser(UserEntity user){ } public UserEntity deleteUser(UserEntity user){ - user.setDeletedTs(LocalDateTime.now()); - return userRepository.save(user); + UserEntity userEntity = userRepository.findUserEntityById(user.getId()); + userEntity.setDeletedTs(LocalDateTime.now()); + return userRepository.save(userEntity); + } + + public UserEntity undeleteUser(UserEntity user){ + UserEntity userEntity = userRepository.findUserEntityById(user.getId()); + userEntity.setDeletedTs(null); + return userRepository.save(userEntity); } public UserEntity modifyUser(UserEntity user){ - UserEntity userEntity = userRepository.findByName(user.getName()); - userEntity.setPassword(bCryptPasswordEncoder.encode(user.getPassword())); + UserEntity userEntity = userRepository.findUserEntityById(user.getId()); + if (!StringUtils.isEmpty(user.getPassword())) { + userEntity.setPassword(bCryptPasswordEncoder.encode(user.getPassword())); + } userEntity.setEmail(user.getEmail()); userEntity.setDeletedTs(user.getDeletedTs()); userEntity.setName(user.getName()); + userEntity.setType(user.getType()); return userRepository.save(userEntity); } public List getAllUser(){ - return userRepository.findAll(); + return userRepository.findAll().stream().map(u -> {u.setPassword(null); return u;}).collect(Collectors.toList()); } public UserEntity getUserById(Long id){ - return userRepository.findUserEntityById(id); + UserEntity user = userRepository.findUserEntityById(id); + user.setPassword(null); + return user; } - public UserEntity getUserByName(String name) { return userRepository.findByName(name); } + public UserEntity getUserByName(String name) { + UserEntity user = userRepository.findByName(name); + user.setPassword(null); + return user; + } @Override @Transactional(readOnly = true) @@ -74,4 +92,5 @@ public BCryptPasswordEncoder passwordEncoder() { public List getUsersByType(Integer type){ return userRepository.findByType(type); } + public List searchByName(String text) { return userRepository.findByNameContaining(text); } } diff --git a/bugtracker/src/main/resources/application.properties b/bugtracker/src/main/resources/application.properties index 669653e..0c66d52 100644 --- a/bugtracker/src/main/resources/application.properties +++ b/bugtracker/src/main/resources/application.properties @@ -1,5 +1,5 @@ # ============================================================== -# = Data Source : TODO +# = Data Source # ============================================================== #spring.datasource.driver-class-name=com.mysql.jdbc.Driver #spring.datasource.url=jdbc:mysql://127.0.0.1:3306/dbname?useSSL=false @@ -64,3 +64,5 @@ spring.jpa.hibernate.ddl-auto = update spring.resources.chain.cache=false +spring.resources.add-mappings=true + diff --git a/bugtracker/src/main/resources/static/css/pictos.css b/bugtracker/src/main/resources/static/css/pictos.css new file mode 100644 index 0000000..a6d30ee --- /dev/null +++ b/bugtracker/src/main/resources/static/css/pictos.css @@ -0,0 +1,21 @@ +/* Pictos Custom Font +* Copyright (C) 2010-2012 Drew Wilson +* http://www.pictos.cc/server - http://drewwilson.com +* +* The fonts included in this document and used on this website are subject to the +* End User License Agreement entered into by the website owner. The fonts are protected +* under domestic and international trademark and copyright law. All parties other than +* the owner of this website are prohibited from using, modifying, reverse engineering, +* duplicating, or distributing the fonts in this document. +* These fonts are NOT free. It is illegal to use these fonts without paying for a license. +* +*/ +@font-face { + font-family: 'Pictos'; + src: url('pictos.eot'); + src: url('pictos.eot?#iefix') format('embedded-opentype'), + url('pictos.woff') format('woff'), + url('pictos.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} \ No newline at end of file diff --git a/bugtracker/src/main/resources/static/css/pictos.eot b/bugtracker/src/main/resources/static/css/pictos.eot new file mode 100644 index 0000000..db71ce9 Binary files /dev/null and b/bugtracker/src/main/resources/static/css/pictos.eot differ diff --git a/bugtracker/src/main/resources/static/css/pictos.ttf b/bugtracker/src/main/resources/static/css/pictos.ttf new file mode 100644 index 0000000..9117a86 Binary files /dev/null and b/bugtracker/src/main/resources/static/css/pictos.ttf differ diff --git a/bugtracker/src/main/resources/static/css/pictos.woff b/bugtracker/src/main/resources/static/css/pictos.woff new file mode 100644 index 0000000..401134d Binary files /dev/null and b/bugtracker/src/main/resources/static/css/pictos.woff differ diff --git a/bugtracker/src/main/resources/static/css/pictos_base64.css b/bugtracker/src/main/resources/static/css/pictos_base64.css new file mode 100644 index 0000000..060a993 --- /dev/null +++ b/bugtracker/src/main/resources/static/css/pictos_base64.css @@ -0,0 +1,20 @@ +/* Pictos Custom Font +* Copyright (C) 2010-2012 Drew Wilson +* http://www.pictos.cc/server - http://drewwilson.com +* +* The fonts included in this document and used on this website are subject to the +* End User License Agreement entered into by the website owner. The fonts are protected +* under domestic and international trademark and copyright law. All parties other than +* the owner of this website are prohibited from using, modifying, reverse engineering, +* duplicating, or distributing the fonts in this document. +* These fonts are NOT free. It is illegal to use these fonts without paying for a license. +* +*/ +@font-face { + font-family: 'Pictos Custom'; + src: url('pictos_custom.eot'); + src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'); + src: url(data:font/truetype;charset=utf-8;base64,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) format('truetype'); + font-weight: normal; + font-style: normal; +} \ No newline at end of file diff --git a/bugtracker/src/main/resources/static/css/style.css b/bugtracker/src/main/resources/static/css/style.css new file mode 100644 index 0000000..1638851 --- /dev/null +++ b/bugtracker/src/main/resources/static/css/style.css @@ -0,0 +1,13351 @@ +/* Based on ext-6.2.0-gpl/ext-6.2.0/build/examples/classic/responsive-app/resources/ResponsiveApp-all.css + * © 2019 Sencha Inc. (under the terms of the GPLv3 license) */ + +/* this is the flex container that will take the rest of the height */ +.x-panel-bodyWrap { + display: flex !important; + flex: 1 !important; + min-height: 0px !important; /* IMPORTANT: you need this for non-chrome browsers */ +} + +/* the container for our overflowed content */ +.x-panel-body { + flex: 1 !important; + overflow: auto !important; +} + +.x-dataview-item { + border : 1px solid #dadada; + border-radius : 2px; + padding : 2px; + margin : 2px; +} + +.comments .created{ + font-style:italic +} +.comments .user{ + font-weight:bold +} +.comments .content{ + margin-bottom:10px +} + +.deleted-user .x-grid-cell { + background-color: #ffe2e2; + color: #900; +} + +.bugicon { + background-image: url("/img/bug-malware-svgrepo-com.svg"); + background-size: 100% 100%; + width: 50px !important; + height: 50px !important; +} + +.x-vertical.x-header .x-title-rotate-none.x-title-align-left > .x-title-item { + vertical-align: middle !important; +} + +.x-size-monitored { + position: relative +} + +.x-size-monitors { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + visibility: hidden; + overflow: hidden +} + +.x-size-monitors>* { + width: 100%; + height: 100%; + overflow: hidden +} + +.x-size-monitors.scroll>*.shrink::after { + content: ''; + display: block; + width: 200%; + height: 200%; + min-width: 1px; + min-height: 1px +} + +.x-size-monitors.scroll>*.expand::after { + content: ''; + display: block; + width: 100000px; + height: 100000px +} + +.x-size-monitors.overflowchanged>*.shrink>* { + width: 100%; + height: 100% +} + +.x-size-monitors.overflowchanged>*.expand>* { + width: 200%; + height: 200% +} + +.x-size-change-detector { + visibility: hidden; + position: absolute; + left: 0; + top: 0; + z-index: -1; + width: 100%; + height: 100%; + overflow: hidden +} + +.x-size-change-detector>* { + visibility: hidden +} + +.x-size-change-detector-shrink>* { + width: 200%; + height: 200% +} + +.x-size-change-detector-expand>* { + width: 100000px; + height: 100000px +} + +@-webkit-keyframes x-paint-monitor-helper { + from { + zoom: 1 + } + to { + zoom: 1 + } +} + +@keyframes x-paint-monitor-helper { + from { + zoom: 1 + } + to { + zoom: 1 + } +} + +.x-paint-monitored { + position: relative +} + +.x-paint-monitor { + width: 0 !important; + height: 0 !important; + visibility: hidden +} + +.x-paint-monitor.cssanimation { + -webkit-animation-duration: 0.0001ms; + -webkit-animation-name: x-paint-monitor-helper; + animation-duration: 0.0001ms; + animation-name: x-paint-monitor-helper +} + +.x-paint-monitor.overflowchange { + overflow: hidden +} + +.x-paint-monitor.overflowchange::after { + content: ''; + display: block; + width: 1px !important; + height: 1px !important +} + +.x-scroller { + -webkit-overflow-scrolling: touch +} + +.x-scroller-spacer { + position: absolute; + top: 0; + overflow: hidden; + height: 1px; + width: 1px; + font-size: 0; + line-height: 0; + pointer-events: none +} + +.x-scroller-snappable { + -ms-scroll-snap-type: mandatory; + -webkit-scroll-snap-type: mandatory; + scroll-snap-type: mandatory +} + +.x-no-scrollbars { + -ms-overflow-style: none +} + +.x-no-scrollbars::-webkit-scrollbar { + width: 0 +} + +.x-touch-action-pan-y { + overflow-x: hidden !important +} + +.x-touch-action-pan-x { + overflow-y: hidden !important +} + +.x-body { + margin: 0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale +} + +@-ms-viewport { + width: device-width +} + +img { + border: 0 +} + +.x-border-box, +.x-border-box * { + box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -webkit-box-sizing: border-box +} + +.x-ltr { + direction: ltr +} + +.x-clear { + overflow: hidden; + clear: both; + font-size: 0; + line-height: 0; + display: table +} + +.x-layer { + position: absolute !important; + top: 0; + left: 0; + overflow: hidden +} + +.x-fixed-layer { + position: fixed !important; + overflow: hidden +} + +.x-shim { + position: absolute; + left: 0; + top: 0; + overflow: hidden; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + opacity: 0 +} + +.x-hidden-display { + display: none !important +} + +.x-hidden-visibility { + visibility: hidden !important +} + +.x-hidden, +.x-hidden-offsets { + display: block !important; + visibility: hidden !important; + position: absolute !important; + top: -10000px !important +} + +.x-hidden-clip { + position: absolute !important; + clip: rect(0, 0, 0, 0) +} + +.x-masked-relative { + position: relative +} + +.x-ie-shadow { + background-color: #777; + position: absolute; + overflow: hidden +} + +.x-unselectable { + user-select: none; + -o-user-select: none; + -ms-user-select: none; + -moz-user-select: -moz-none; + -webkit-user-select: none; + -webkit-tap-highlight-color: transparent; + -webkit-user-drag: none; + cursor: default +} + +.x-selectable { + cursor: auto; + -moz-user-select: text; + -webkit-user-select: text; + -ms-user-select: text; + user-select: text; + -o-user-select: text +} + +.x-list-plain { + list-style-type: none; + margin: 0; + padding: 0 +} + +.x-table-plain { + border-collapse: collapse; + border-spacing: 0; + font-size: 1em +} + +.x-frame-tl, +.x-frame-tr, +.x-frame-tc, +.x-frame-bl, +.x-frame-br, +.x-frame-bc { + overflow: hidden; + background-repeat: no-repeat +} + +.x-frame-tc, +.x-frame-bc { + background-repeat: repeat-x +} + +td.x-frame-tl, +td.x-frame-tr, +td.x-frame-bl, +td.x-frame-br { + width: 1px +} + +.x-frame-mc { + background-repeat: repeat-x; + overflow: hidden +} + +.x-proxy-el { + position: absolute; + background: #b4b4b4; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; + opacity: 0.8 +} + +.x-css-shadow { + position: absolute; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px +} + +.x-item-disabled, +.x-item-disabled * { + cursor: default; + pointer-events: none +} + +.x-component, +.x-container { + position: relative +} + +:focus { + outline: none +} + +.x-body .x-sync-repaint:before, +.x-body .x-sync-repaint:after { + content: none !important +} + +.x-position-relative { + position: relative !important +} + +.x-tab-guard { + position: absolute; + clip: rect(0, 0, 0, 0) +} + +.x-box-item { + position: absolute !important; + left: 0; + top: 0 +} + +.x-autocontainer-outerCt { + display: table; + transform: translateZ(0) +} + +.x-clipped .x-autocontainer-outerCt { + transform: initial +} + +.x-autocontainer-innerCt { + display: table-cell; + height: 100%; + vertical-align: top +} + +.x-mask { + z-index: 100; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + outline: none !important +} + +.x-ie8 .x-mask { + background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) +} + +.x-mask-fixed { + position: fixed +} + +.x-mask-msg { + position: absolute +} + +.x-btn { + display: inline-block; + outline: 0; + cursor: pointer; + white-space: nowrap; + text-decoration: none; + vertical-align: top; + overflow: hidden; + position: relative +} + +.x-btn>.x-frame { + height: 100%; + width: 100% +} + +.x-btn-wrap { + height: 100%; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch +} + +.x-btn-wrap.x-btn-arrow-bottom, +.x-btn-wrap.x-btn-split-bottom { + -webkit-box-orient: vertical; + -ms-flex-direction: column; + flex-direction: column +} + +.x-ie9m .x-btn-wrap { + display: table; + border-spacing: 0 +} + +.x-btn-button { + white-space: nowrap; + line-height: 0; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + min-width: 0 +} + +.x-btn-button.x-btn-icon-top, +.x-btn-button.x-btn-icon-bottom { + -webkit-box-orient: vertical; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center +} + +.x-ie9m .x-btn-button { + display: table-cell; + vertical-align: middle +} + +.x-btn-inner { + overflow: hidden; + text-overflow: ellipsis; + -ms-flex-negative: 1; + display: block +} + +.x-ie9m .x-btn-inner { + display: inline-block; + vertical-align: middle +} + +.x-btn-icon.x-btn-no-text>.x-btn-inner { + display: none +} + +.x-btn-icon-el { + display: none; + vertical-align: middle; + text-align: center; + background-position: center center; + background-repeat: no-repeat +} + +.x-btn-icon>.x-btn-icon-el { + display: block +} + +.x-ie9m .x-btn-icon-left>.x-btn-icon-el, +.x-ie9m .x-btn-icon-right>.x-btn-icon-el { + display: inline-block +} + +.x-btn-button-center { + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center +} + +.x-btn-button-left { + text-align: left; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start +} + +.x-btn-button-right { + text-align: right; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end +} + +.x-btn-arrow:after, +.x-btn-split:after { + display: block; + background-repeat: no-repeat; + content: ''; + box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -webkit-box-sizing: border-box; + text-align: center +} + +.x-btn-arrow-right:after, +.x-btn-split-right:after { + background-position: right center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center +} + +.x-ie9m .x-btn-arrow-right:after, +.x-ie9m .x-btn-split-right:after { + display: table-cell; + vertical-align: middle +} + +.x-btn-arrow-bottom:after, +.x-btn-split-bottom:after { + background-position: center bottom; + content: '\00a0'; + line-height: 0 +} + +.x-ie9m .x-btn-arrow-bottom:after, +.x-ie9m .x-btn-split-bottom:after { + display: table-row +} + +.x-btn-split-right>.x-btn-button:after { + position: absolute; + display: block; + top: -100%; + right: 0; + height: 300%; + content: '' +} + +.x-btn-split-bottom>.x-btn-button:after { + position: absolute; + display: block; + bottom: 0; + left: -100%; + font-size: 0; + width: 300%; + content: '' +} + +.x-btn-mc { + overflow: visible +} + +.x-title-icon { + background-repeat: no-repeat; + background-position: 0 0; + vertical-align: middle; + line-height: 1; + text-align: center +} + +.x-title { + display: table; + table-layout: fixed +} + +.x-title-text { + display: table-cell; + overflow: hidden; + white-space: nowrap; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + vertical-align: middle +} + +.x-title-align-left { + text-align: left +} + +.x-title-align-center { + text-align: center +} + +.x-title-align-right { + text-align: right +} + +.x-title-rotate-right { + -webkit-transform: rotate(90deg); + -webkit-transform-origin: 0 0; + -moz-transform: rotate(90deg); + -moz-transform-origin: 0 0; + -ms-transform: rotate(90deg); + -ms-transform-origin: 0 0; + transform: rotate(90deg); + transform-origin: 0 0 +} + +.x-ie8 .x-title-rotate-right { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)" +} + +.x-title-rotate-left { + -webkit-transform: rotate(270deg); + -webkit-transform-origin: 100% 0; + -moz-transform: rotate(270deg); + -moz-transform-origin: 100% 0; + -ms-transform: rotate(270deg); + -ms-transform-origin: 100% 0; + transform: rotate(270deg); + transform-origin: 100% 0 +} + +.x-ie8 .x-title-rotate-left { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)" +} + +.x-horizontal.x-header .x-title-rotate-right.x-title-align-left>.x-title-item { + vertical-align: bottom +} + +.x-horizontal.x-header .x-title-rotate-right.x-title-align-center>.x-title-item { + vertical-align: middle +} + +.x-horizontal.x-header .x-title-rotate-right.x-title-align-right>.x-title-item { + vertical-align: top +} + +.x-horizontal.x-header .x-title-rotate-left.x-title-align-left>.x-title-item { + vertical-align: top +} + +.x-horizontal.x-header .x-title-rotate-left.x-title-align-center>.x-title-item { + vertical-align: middle +} + +.x-horizontal.x-header .x-title-rotate-left.x-title-align-right>.x-title-item { + vertical-align: bottom +} + +.x-vertical.x-header .x-title-rotate-none.x-title-align-left>.x-title-item { + vertical-align: top +} + +.x-vertical.x-header .x-title-rotate-none.x-title-align-center>.x-title-item { + vertical-align: middle +} + +.x-vertical.x-header .x-title-rotate-none.x-title-align-right>.x-title-item { + vertical-align: bottom +} + +.x-title-icon-wrap { + display: table-cell; + text-align: center; + vertical-align: middle; + line-height: 0 +} + +.x-title-icon-wrap.x-title-icon-top, +.x-title-icon-wrap.x-title-icon-bottom { + display: table-row +} + +.x-title-icon { + display: inline-block; + vertical-align: middle; + background-position: center; + background-repeat: no-repeat +} + +.x-tool { + font-size: 32px; + line-height: 1 +} + +.x-header>.x-box-inner, +.x-panel-header-mc>.x-box-inner, +.x-window-header-mc>.x-box-inner { + overflow: visible +} + +.x-splitter { + font-size: 1px; + background-color: #3892D4 +} + +.x-splitter-horizontal { + cursor: e-resize; + cursor: row-resize +} + +.x-splitter-vertical { + cursor: e-resize; + cursor: col-resize +} + +.x-splitter-collapsed, +.x-splitter-horizontal-noresize, +.x-splitter-vertical-noresize { + cursor: default +} + +.x-splitter-active { + z-index: 4 +} + +.x-collapse-el { + position: absolute; + background-repeat: no-repeat +} + +.x-splitter-focus { + z-index: 4 +} + +.x-box-layout-ct { + overflow: hidden +} + +.x-box-target { + position: absolute; + width: 20000px; + top: 0; + left: 0; + min-height: 1px +} + +.x-box-inner { + overflow: hidden; + position: relative; + left: 0; + top: 0 +} + +.x-box-scroller { + position: absolute; + background-repeat: no-repeat; + background-position: center; + line-height: 0; + font-size: 0; + text-align: center +} + +.x-box-scroller-top { + top: 0 +} + +.x-box-scroller-right { + right: 0 +} + +.x-box-scroller-bottom { + bottom: 0 +} + +.x-box-scroller-left { + left: 0 +} + +.x-box-menu-body-horizontal { + float: left +} + +.x-box-menu-after { + position: relative; + float: left +} + +.x-toolbar-text { + white-space: nowrap +} + +.x-toolbar-separator { + display: block; + font-size: 1px; + overflow: hidden; + cursor: default; + border: 0; + width: 0; + height: 0; + line-height: 0px +} + +.x-toolbar-scroller { + padding-left: 0 +} + +.x-toolbar-plain { + border: 0 +} + +.x-dd-drag-proxy, +.x-dd-drag-current { + z-index: 1000000!important; + pointer-events: none +} + +.x-dd-drag-proxy { + display: table +} + +.x-dd-drag-repair .x-dd-drag-ghost { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + opacity: 0.6 +} + +.x-dd-drag-repair .x-dd-drop-icon { + display: none +} + +.x-dd-drag-ghost, +.x-dd-drop-icon { + display: table-cell; + vertical-align: middle +} + +.x-dd-drag-ghost { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; + opacity: 0.85; + white-space: nowrap +} + +.x-dd-drop-icon { + height: 26px; + width: 26px; + background-color: transparent; + background-position: center; + background-repeat: no-repeat +} + +.x-docked { + position: absolute !important; + z-index: 2 +} + +.x-docked-vertical { + position: static +} + +.x-docked-top { + border-bottom-width: 0 !important +} + +.x-docked-bottom { + border-top-width: 0 !important +} + +.x-docked-left { + border-right-width: 0 !important +} + +.x-docked-right { + border-left-width: 0 !important +} + +.x-docked-noborder-top { + border-top-width: 0 !important +} + +.x-docked-noborder-right { + border-right-width: 0 !important +} + +.x-docked-noborder-bottom { + border-bottom-width: 0 !important +} + +.x-docked-noborder-left { + border-left-width: 0 !important +} + +.x-noborder-l { + border-left-width: 0 !important +} + +.x-noborder-b { + border-bottom-width: 0 !important +} + +.x-noborder-bl { + border-bottom-width: 0 !important; + border-left-width: 0 !important +} + +.x-noborder-r { + border-right-width: 0 !important +} + +.x-noborder-rl { + border-right-width: 0 !important; + border-left-width: 0 !important +} + +.x-noborder-rb { + border-right-width: 0 !important; + border-bottom-width: 0 !important +} + +.x-noborder-rbl { + border-right-width: 0 !important; + border-bottom-width: 0 !important; + border-left-width: 0 !important +} + +.x-noborder-t { + border-top-width: 0 !important +} + +.x-noborder-tl { + border-top-width: 0 !important; + border-left-width: 0 !important +} + +.x-noborder-tb { + border-top-width: 0 !important; + border-bottom-width: 0 !important +} + +.x-noborder-tbl { + border-top-width: 0 !important; + border-bottom-width: 0 !important; + border-left-width: 0 !important +} + +.x-noborder-tr { + border-top-width: 0 !important; + border-right-width: 0 !important +} + +.x-noborder-trl { + border-top-width: 0 !important; + border-right-width: 0 !important; + border-left-width: 0 !important +} + +.x-noborder-trb { + border-top-width: 0 !important; + border-right-width: 0 !important; + border-bottom-width: 0 !important +} + +.x-noborder-trbl { + border-width: 0 !important +} + +.x-panel, +.x-plain { + overflow: hidden; + position: relative +} + +.x-panel { + outline: none +} + +td.x-frame-mc { + vertical-align: top +} + +.x-panel-bodyWrap { + overflow: hidden; + position: static; + height: 100%; + width: 100% +} + +.x-panel-body { + overflow: hidden; + position: relative +} + +.x-panel-header-plain, +.x-panel-body-plain { + border: 0; + padding: 0 +} + +.x-panel-collapsed-mini { + visibility: hidden +} + +.x-viewport>.x-body.x-panel>.x-panel-bodyWrap { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0 +} + +.x-viewport, +.x-viewport>.x-body { + margin: 0; + padding: 0; + border: 0 none; + position: static +} + +.x-viewport { + height: 100% +} + +.x-viewport>.x-body { + min-height: 100% +} + +.x-resizable-overlay { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: none; + z-index: 200000; + background-color: #fff; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + opacity: 0 +} + +.x-tip { + position: absolute; + overflow: visible +} + +.x-tip-body { + overflow: hidden; + position: relative +} + +.x-tip-anchor { + position: absolute; + border-style: solid; + height: 0; + width: 0 +} + +.x-fit-item { + position: relative +} + +.x-menu { + outline: none +} + +.x-menu-body { + position: relative +} + +.x-menu-item { + white-space: nowrap; + overflow: hidden; + border-color: transparent; + border-style: solid +} + +.x-menu-item-cmp { + margin: 2px +} + +.x-menu-item-cmp .x-field-label-cell { + vertical-align: middle +} + +.x-menu-icon-separator { + position: absolute; + top: 0px; + z-index: 0; + height: 100%; + overflow: hidden +} + +.x-menu-plain .x-menu-icon-separator { + display: none +} + +.x-menu-item-link { + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; + text-decoration: none; + outline: 0; + display: block +} + +.x-menu-item-link-href { + -webkit-touch-callout: default +} + +.x-menu-item-text { + display: inline-block +} + +.x-menu-item-icon, +.x-menu-item-icon-right, +.x-menu-item-arrow { + font-size: 0; + position: absolute; + text-align: center; + background-repeat: no-repeat +} + +.x-resizable-wrapped { + box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -webkit-box-sizing: border-box +} + +.x-tab { + display: block; + outline: 0; + cursor: pointer; + white-space: nowrap; + text-decoration: none; + vertical-align: top; + overflow: hidden; + position: relative +} + +.x-tab>.x-frame { + height: 100%; + width: 100% +} + +.x-tab-wrap { + height: 100%; + width: 100%; + display: table; + border-spacing: 0 +} + +.x-tab-button { + white-space: nowrap; + line-height: 0; + position: relative; + display: table-cell; + vertical-align: middle +} + +.x-tab-inner { + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + vertical-align: middle +} + +.x-tab-icon.x-tab-no-text>.x-tab-inner { + display: none +} + +.x-tab-icon-el { + display: none; + vertical-align: middle; + text-align: center; + background-position: center center; + background-repeat: no-repeat +} + +.x-tab-icon>.x-tab-icon-el { + display: inline-block +} + +.x-tab-icon-top>.x-tab-icon-el, +.x-tab-icon-bottom>.x-tab-icon-el { + display: block +} + +.x-tab-button-center { + text-align: center +} + +.x-tab-button-left { + text-align: left +} + +.x-tab-button-right { + text-align: right +} + +.x-tab-mc { + overflow: visible +} + +.x-tab { + z-index: 1 +} + +.x-tab-active { + z-index: 3 +} + +.x-tab-button { + position: relative +} + +.x-tab-close-btn { + display: block; + position: absolute; + overflow: hidden; + font-size: 0; + line-height: 0 +} + +.x-tab-rotate-left { + -webkit-transform: rotate(270deg); + -webkit-transform-origin: 100% 0; + -moz-transform: rotate(270deg); + -moz-transform-origin: 100% 0; + -ms-transform: rotate(270deg); + -ms-transform-origin: 100% 0; + transform: rotate(270deg); + transform-origin: 100% 0 +} + +.x-ie8 .x-tab-rotate-left { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)" +} + +.x-tab-rotate-right { + -webkit-transform: rotate(90deg); + -webkit-transform-origin: 0 0; + -moz-transform: rotate(90deg); + -moz-transform-origin: 0 0; + -ms-transform: rotate(90deg); + -ms-transform-origin: 0 0; + transform: rotate(90deg); + transform-origin: 0 0 +} + +.x-ie8 .x-tab-rotate-right { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)" +} + +.x-tab-tr, +.x-tab-br, +.x-tab-mr, +.x-tab-tl, +.x-tab-bl, +.x-tab-ml { + width: 1px +} + +.x-tab-bar { + z-index: 0; + position: relative +} + +.x-tab-bar-strip { + position: absolute; + line-height: 0; + font-size: 0; + z-index: 2 +} + +.x-tab-bar-top>.x-tab-bar-strip { + bottom: 0 +} + +.x-tab-bar-bottom>.x-tab-bar-strip { + top: 0 +} + +.x-tab-bar-left>.x-tab-bar-strip { + right: 0 +} + +.x-tab-bar-right>.x-tab-bar-strip { + left: 0 +} + +.x-tab-bar-horizontal .x-tab-bar-strip { + width: 100%; + left: 0 +} + +.x-tab-bar-vertical { + display: table-cell +} + +.x-tab-bar-vertical .x-tab-bar-strip { + height: 100%; + top: 0 +} + +.x-tab-bar-plain { + background: transparent !important +} + +.x-box-scroller-plain { + background-color: transparent !important +} + +.x-body { + color: #000; + font-size: 15px; + line-height: 19px; + font-weight: 300; + font-family: helvetica, arial, verdana, sans-serif; + background: #fff +} + +.x-animating-size, +.x-collapsed { + overflow: hidden!important +} + +.x-animating-size { + z-index: 10000 +} + +.x-mask { + background-image: none; + background-color: rgba(255, 255, 255, 0.7); + cursor: default; + border-style: solid; + border-width: 1px; + border-color: transparent +} + +.x-ie8 .x-mask { + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff, endColorstr=#b3ffffff)"; + zoom: 1 +} + +.x-mask.x-focus { + border-style: solid; + border-width: 1px; + border-color: #157fcc +} + +.x-mask-msg { + padding: 8px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + background: #e5e5e5 +} + +.x-mask-msg-inner { + padding: 0; + background-color: transparent; + color: #666; + font: 300 15px helvetica, arial, verdana, sans-serif +} + +.x-mask-msg-text { + padding: 21px 0 0; + background-image: url(images/loadmask/loading.gif); + background-repeat: no-repeat; + background-position: center 0 +} + +.x-btn-default-small { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 3px 4px 3px 4px; + border-width: 1px; + border-style: solid; + background-color: #3892d4 +} + +.x-btn-default-small-mc { + background-color: #3892d4 +} + +.x-nbr .x-btn-default-small { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-btn-default-small-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-3-4-3-4 +} + +.x-btn-default-small-tl { + background-position: 0 -6px +} + +.x-btn-default-small-tr { + background-position: right -9px +} + +.x-btn-default-small-bl { + background-position: 0 -12px +} + +.x-btn-default-small-br { + background-position: right -15px +} + +.x-btn-default-small-ml { + background-position: 0 top +} + +.x-btn-default-small-mr { + background-position: right top +} + +.x-btn-default-small-tc { + background-position: 0 0 +} + +.x-btn-default-small-bc { + background-position: 0 -3px +} + +.x-btn-default-small-tr, +.x-btn-default-small-br, +.x-btn-default-small-mr { + padding-right: 3px +} + +.x-btn-default-small-tl, +.x-btn-default-small-bl, +.x-btn-default-small-ml { + padding-left: 3px +} + +.x-btn-default-small-tc { + height: 3px +} + +.x-btn-default-small-bc { + height: 3px +} + +.x-btn-default-small-tl, +.x-btn-default-small-bl, +.x-btn-default-small-tr, +.x-btn-default-small-br, +.x-btn-default-small-tc, +.x-btn-default-small-bc, +.x-btn-default-small-ml, +.x-btn-default-small-mr { + background-image: url(images/btn/btn-default-small-corners.gif) +} + +.x-btn-default-small-ml, +.x-btn-default-small-mr { + background-image: url(images/btn/btn-default-small-sides.gif); + background-repeat: repeat-y +} + +.x-btn-default-small-mc { + padding: 1px 2px 1px 2px +} + +.x-cmd-slicer.x-btn-default-small:before { + display: none; + content: "x-slicer:, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-small-corners.gif), sides:url(images/btn/btn-default-small-sides.gif)" !important +} + +.x-btn-default-small { + border-color: #157fcc +} + +.x-btn-button-default-small { + min-height: 24px +} + +.x-ie9m .x-btn-button-default-small { + min-height: auto; + height: 24px +} + +.x-btn-inner-default-small { + font: 300 15px/20px helvetica, arial, verdana, sans-serif; + color: #fff; + padding: 0 6px; + max-width: 100% +} + +.x-btn-icon-right>.x-btn-inner-default-small, +.x-btn-icon-left>.x-btn-inner-default-small { + max-width: calc(100% - 24px) +} + +.x-ie10p .x-btn-inner-default-small { + max-width: none +} + +.x-btn-icon-el-default-small { + font-size: 24px; + height: 24px; + color: #fff; + line-height: 24px +} + +.x-btn-icon-left>.x-btn-icon-el-default-small, +.x-btn-icon-right>.x-btn-icon-el-default-small { + width: 24px +} + +.x-btn-icon-top>.x-btn-icon-el-default-small, +.x-btn-icon-bottom>.x-btn-icon-el-default-small { + min-width: 24px +} + +.x-btn-icon-el-default-small.x-btn-glyph { + opacity: 0.5 +} + +.x-ie8 .x-btn-icon-el-default-small.x-btn-glyph { + color: #9cc9e9 +} + +.x-btn-text.x-btn-icon-left>.x-btn-icon-el-default-small { + margin-right: 0 +} + +.x-btn-text.x-btn-icon-right>.x-btn-icon-el-default-small { + margin-left: 0 +} + +.x-btn-text.x-btn-icon-top>.x-btn-icon-el-default-small { + margin-bottom: 5px +} + +.x-btn-text.x-btn-icon-bottom>.x-btn-icon-el-default-small { + margin-top: 5px +} + +.x-btn-arrow-right>.x-btn-icon.x-btn-no-text.x-btn-button-default-small { + padding-right: 6px +} + +.x-btn-arrow-right>.x-btn-text.x-btn-icon-right>.x-btn-icon-el-default-small { + margin-right: 6px +} + +.x-btn-arrow-bottom>.x-btn-button-default-small, +.x-btn-split-bottom>.x-btn-button-default-small { + padding-bottom: 3px +} + +.x-btn-wrap-default-small.x-btn-arrow-right:after { + width: 22px; + background-image: url(images/button/default-small-arrow.png); + padding-right: 22px +} + +.x-btn-wrap-default-small.x-btn-arrow-bottom:after { + height: 16px; + background-image: url(images/button/default-small-arrow.png) +} + +.x-btn-wrap-default-small.x-btn-split-right:after { + width: 30px; + background-image: url(images/button/default-small-s-arrow.png); + padding-right: 30px +} + +.x-btn-wrap-default-small.x-btn-split-bottom:after { + height: 24px; + background-image: url(images/button/default-small-s-arrow-b.png) +} + +.x-btn-split-right>.x-btn-icon.x-btn-no-text.x-btn-button-default-small { + padding-right: 6px +} + +.x-btn-split-right>.x-btn-text.x-btn-icon-right>.x-btn-icon-el-default-small { + margin-right: 6px +} + +.x-btn-focus.x-btn-default-small { + background-image: none; + background-color: #3892d4; + -webkit-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; + -moz-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; + box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset +} + +.x-btn-default-small .x-btn-arrow-el { + position: absolute; + top: 0; + right: 0; + height: 100%; + width: 34px; + pointer-events: none +} + +.x-btn-default-small.x-arrow-focus .x-btn-arrow-el { + border: 1px solid #d7e9f6 +} + +.x-btn-over.x-btn-default-small { + border-color: #1375bc; + background-image: none; + background-color: #3487c3 +} + +.x-btn-focus.x-btn-over.x-btn-default-small { + -webkit-box-shadow: #d6e7f3 0 1px 0px 0 inset, #d6e7f3 0 -1px 0px 0 inset, #d6e7f3 -1px 0 0px 0 inset, #d6e7f3 1px 0 0px 0 inset; + -moz-box-shadow: #d6e7f3 0 1px 0px 0 inset, #d6e7f3 0 -1px 0px 0 inset, #d6e7f3 -1px 0 0px 0 inset, #d6e7f3 1px 0 0px 0 inset; + box-shadow: #d6e7f3 0 1px 0px 0 inset, #d6e7f3 0 -1px 0px 0 inset, #d6e7f3 -1px 0 0px 0 inset, #d6e7f3 1px 0 0px 0 inset +} + +.x-btn.x-btn-menu-active.x-btn-default-small, +.x-btn.x-btn-pressed.x-btn-default-small { + border-color: #105f99; + background-image: none; + background-color: #2a6e9f +} + +.x-btn-focus.x-btn-menu-active.x-btn-default-small, +.x-btn-focus.x-btn-pressed.x-btn-default-small { + -webkit-box-shadow: #d4e2ec 0 1px 0px 0 inset, #d4e2ec 0 -1px 0px 0 inset, #d4e2ec -1px 0 0px 0 inset, #d4e2ec 1px 0 0px 0 inset; + -moz-box-shadow: #d4e2ec 0 1px 0px 0 inset, #d4e2ec 0 -1px 0px 0 inset, #d4e2ec -1px 0 0px 0 inset, #d4e2ec 1px 0 0px 0 inset; + box-shadow: #d4e2ec 0 1px 0px 0 inset, #d4e2ec 0 -1px 0px 0 inset, #d4e2ec -1px 0 0px 0 inset, #d4e2ec 1px 0 0px 0 inset +} + +.x-btn.x-btn-disabled.x-btn-default-small { + background-image: none; + background-color: #3892d4 +} + +.x-btn-focus .x-btn-default-small-tl, +.x-btn-focus .x-btn-default-small-bl, +.x-btn-focus .x-btn-default-small-tr, +.x-btn-focus .x-btn-default-small-br, +.x-btn-focus .x-btn-default-small-tc, +.x-btn-focus .x-btn-default-small-bc { + background-image: url(images/btn/btn-default-small-focus-corners.gif) +} + +.x-btn-focus .x-btn-default-small-ml, +.x-btn-focus .x-btn-default-small-mr { + background-image: url(images/btn/btn-default-small-focus-sides.gif) +} + +.x-btn-focus .x-btn-default-small-mc { + background-color: #3892d4 +} + +.x-btn-over .x-btn-default-small-tl, +.x-btn-over .x-btn-default-small-bl, +.x-btn-over .x-btn-default-small-tr, +.x-btn-over .x-btn-default-small-br, +.x-btn-over .x-btn-default-small-tc, +.x-btn-over .x-btn-default-small-bc { + background-image: url(images/btn/btn-default-small-over-corners.gif) +} + +.x-btn-over .x-btn-default-small-ml, +.x-btn-over .x-btn-default-small-mr { + background-image: url(images/btn/btn-default-small-over-sides.gif) +} + +.x-btn-over .x-btn-default-small-mc { + background-color: #3487c3 +} + +.x-btn-focus.x-btn-over .x-btn-default-small-tl, +.x-btn-focus.x-btn-over .x-btn-default-small-bl, +.x-btn-focus.x-btn-over .x-btn-default-small-tr, +.x-btn-focus.x-btn-over .x-btn-default-small-br, +.x-btn-focus.x-btn-over .x-btn-default-small-tc, +.x-btn-focus.x-btn-over .x-btn-default-small-bc { + background-image: url(images/btn/btn-default-small-focus-over-corners.gif) +} + +.x-btn-focus.x-btn-over .x-btn-default-small-ml, +.x-btn-focus.x-btn-over .x-btn-default-small-mr { + background-image: url(images/btn/btn-default-small-focus-over-sides.gif) +} + +.x-btn-focus.x-btn-over .x-btn-default-small-mc { + background-color: #3487c3 +} + +.x-btn.x-btn-menu-active .x-btn-default-small-tl, +.x-btn.x-btn-menu-active .x-btn-default-small-bl, +.x-btn.x-btn-menu-active .x-btn-default-small-tr, +.x-btn.x-btn-menu-active .x-btn-default-small-br, +.x-btn.x-btn-menu-active .x-btn-default-small-tc, +.x-btn.x-btn-menu-active .x-btn-default-small-bc, +.x-btn.x-btn-pressed .x-btn-default-small-tl, +.x-btn.x-btn-pressed .x-btn-default-small-bl, +.x-btn.x-btn-pressed .x-btn-default-small-tr, +.x-btn.x-btn-pressed .x-btn-default-small-br, +.x-btn.x-btn-pressed .x-btn-default-small-tc, +.x-btn.x-btn-pressed .x-btn-default-small-bc { + background-image: url(images/btn/btn-default-small-pressed-corners.gif) +} + +.x-btn.x-btn-menu-active .x-btn-default-small-ml, +.x-btn.x-btn-menu-active .x-btn-default-small-mr, +.x-btn.x-btn-pressed .x-btn-default-small-ml, +.x-btn.x-btn-pressed .x-btn-default-small-mr { + background-image: url(images/btn/btn-default-small-pressed-sides.gif) +} + +.x-btn.x-btn-menu-active .x-btn-default-small-mc, +.x-btn.x-btn-pressed .x-btn-default-small-mc { + background-color: #2a6e9f +} + +.x-btn-focus.x-btn-menu-active .x-btn-default-small-tl, +.x-btn-focus.x-btn-menu-active .x-btn-default-small-bl, +.x-btn-focus.x-btn-menu-active .x-btn-default-small-tr, +.x-btn-focus.x-btn-menu-active .x-btn-default-small-br, +.x-btn-focus.x-btn-menu-active .x-btn-default-small-tc, +.x-btn-focus.x-btn-menu-active .x-btn-default-small-bc, +.x-btn-focus.x-btn-pressed .x-btn-default-small-tl, +.x-btn-focus.x-btn-pressed .x-btn-default-small-bl, +.x-btn-focus.x-btn-pressed .x-btn-default-small-tr, +.x-btn-focus.x-btn-pressed .x-btn-default-small-br, +.x-btn-focus.x-btn-pressed .x-btn-default-small-tc, +.x-btn-focus.x-btn-pressed .x-btn-default-small-bc { + background-image: url(images/btn/btn-default-small-focus-pressed-corners.gif) +} + +.x-btn-focus.x-btn-menu-active .x-btn-default-small-ml, +.x-btn-focus.x-btn-menu-active .x-btn-default-small-mr, +.x-btn-focus.x-btn-pressed .x-btn-default-small-ml, +.x-btn-focus.x-btn-pressed .x-btn-default-small-mr { + background-image: url(images/btn/btn-default-small-focus-pressed-sides.gif) +} + +.x-btn-focus.x-btn-menu-active .x-btn-default-small-mc, +.x-btn-focus.x-btn-pressed .x-btn-default-small-mc { + background-color: #2a6e9f +} + +.x-btn.x-btn-disabled .x-btn-default-small-tl, +.x-btn.x-btn-disabled .x-btn-default-small-bl, +.x-btn.x-btn-disabled .x-btn-default-small-tr, +.x-btn.x-btn-disabled .x-btn-default-small-br, +.x-btn.x-btn-disabled .x-btn-default-small-tc, +.x-btn.x-btn-disabled .x-btn-default-small-bc { + background-image: url(images/btn/btn-default-small-disabled-corners.gif) +} + +.x-btn.x-btn-disabled .x-btn-default-small-ml, +.x-btn.x-btn-disabled .x-btn-default-small-mr { + background-image: url(images/btn/btn-default-small-disabled-sides.gif) +} + +.x-btn.x-btn-disabled .x-btn-default-small-mc { + background-color: #3892d4 +} + +.x-nbr .x-btn-default-small { + background-image: none +} + +.x-btn-disabled.x-btn-default-small { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5 +} + +.x-cmd-slicer.x-btn-focus.x-btn-default-small:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-small-focus-corners.gif), sides:url(images/btn/btn-default-small-focus-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-over.x-btn-default-small:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-small-over-corners.gif), sides:url(images/btn/btn-default-small-over-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-focus.x-btn-over.x-btn-default-small:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-small-focus-over-corners.gif), sides:url(images/btn/btn-default-small-focus-over-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-pressed.x-btn-default-small:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-small-pressed-corners.gif), sides:url(images/btn/btn-default-small-pressed-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-focus.x-btn-pressed.x-btn-default-small:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-small-focus-pressed-corners.gif), sides:url(images/btn/btn-default-small-focus-pressed-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-disabled.x-btn-default-small:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-small-disabled-corners.gif), sides:url(images/btn/btn-default-small-disabled-sides.gif)" !important +} + +.x-btn-default-medium { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 6px 4px 6px 4px; + border-width: 1px; + border-style: solid; + background-color: #3892d4 +} + +.x-btn-default-medium-mc { + background-color: #3892d4 +} + +.x-nbr .x-btn-default-medium { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-btn-default-medium-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-6-4-6-4 +} + +.x-btn-default-medium-tl { + background-position: 0 -6px +} + +.x-btn-default-medium-tr { + background-position: right -9px +} + +.x-btn-default-medium-bl { + background-position: 0 -12px +} + +.x-btn-default-medium-br { + background-position: right -15px +} + +.x-btn-default-medium-ml { + background-position: 0 top +} + +.x-btn-default-medium-mr { + background-position: right top +} + +.x-btn-default-medium-tc { + background-position: 0 0 +} + +.x-btn-default-medium-bc { + background-position: 0 -3px +} + +.x-btn-default-medium-tr, +.x-btn-default-medium-br, +.x-btn-default-medium-mr { + padding-right: 3px +} + +.x-btn-default-medium-tl, +.x-btn-default-medium-bl, +.x-btn-default-medium-ml { + padding-left: 3px +} + +.x-btn-default-medium-tc { + height: 3px +} + +.x-btn-default-medium-bc { + height: 3px +} + +.x-btn-default-medium-tl, +.x-btn-default-medium-bl, +.x-btn-default-medium-tr, +.x-btn-default-medium-br, +.x-btn-default-medium-tc, +.x-btn-default-medium-bc, +.x-btn-default-medium-ml, +.x-btn-default-medium-mr { + background-image: url(images/btn/btn-default-medium-corners.gif) +} + +.x-btn-default-medium-ml, +.x-btn-default-medium-mr { + background-image: url(images/btn/btn-default-medium-sides.gif); + background-repeat: repeat-y +} + +.x-btn-default-medium-mc { + padding: 4px 2px 4px 2px +} + +.x-cmd-slicer.x-btn-default-medium:before { + display: none; + content: "x-slicer:, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-medium-corners.gif), sides:url(images/btn/btn-default-medium-sides.gif)" !important +} + +.x-btn-default-medium { + border-color: #157fcc +} + +.x-btn-button-default-medium { + min-height: 24px +} + +.x-ie9m .x-btn-button-default-medium { + min-height: auto; + height: 24px +} + +.x-btn-inner-default-medium { + font: 300 16px/24px helvetica, arial, verdana, sans-serif; + color: #fff; + padding: 0 8px; + max-width: 100% +} + +.x-btn-icon-right>.x-btn-inner-default-medium, +.x-btn-icon-left>.x-btn-inner-default-medium { + max-width: calc(100% - 24px) +} + +.x-ie10p .x-btn-inner-default-medium { + max-width: none +} + +.x-btn-icon-el-default-medium { + font-size: 24px; + height: 24px; + color: #fff; + line-height: 24px +} + +.x-btn-icon-left>.x-btn-icon-el-default-medium, +.x-btn-icon-right>.x-btn-icon-el-default-medium { + width: 24px +} + +.x-btn-icon-top>.x-btn-icon-el-default-medium, +.x-btn-icon-bottom>.x-btn-icon-el-default-medium { + min-width: 24px +} + +.x-btn-icon-el-default-medium.x-btn-glyph { + opacity: 0.5 +} + +.x-ie8 .x-btn-icon-el-default-medium.x-btn-glyph { + color: #9cc9e9 +} + +.x-btn-text.x-btn-icon-left>.x-btn-icon-el-default-medium { + margin-right: 0 +} + +.x-btn-text.x-btn-icon-right>.x-btn-icon-el-default-medium { + margin-left: 0 +} + +.x-btn-text.x-btn-icon-top>.x-btn-icon-el-default-medium { + margin-bottom: 5px +} + +.x-btn-text.x-btn-icon-bottom>.x-btn-icon-el-default-medium { + margin-top: 5px +} + +.x-btn-arrow-right>.x-btn-icon.x-btn-no-text.x-btn-button-default-medium { + padding-right: 8px +} + +.x-btn-arrow-right>.x-btn-text.x-btn-icon-right>.x-btn-icon-el-default-medium { + margin-right: 8px +} + +.x-btn-arrow-bottom>.x-btn-button-default-medium, +.x-btn-split-bottom>.x-btn-button-default-medium { + padding-bottom: 6px +} + +.x-btn-wrap-default-medium.x-btn-arrow-right:after { + width: 26px; + background-image: url(images/button/default-medium-arrow.png); + padding-right: 26px +} + +.x-btn-wrap-default-medium.x-btn-arrow-bottom:after { + height: 18px; + background-image: url(images/button/default-medium-arrow.png) +} + +.x-btn-wrap-default-medium.x-btn-split-right:after { + width: 36px; + background-image: url(images/button/default-medium-s-arrow.png); + padding-right: 36px +} + +.x-btn-wrap-default-medium.x-btn-split-bottom:after { + height: 30px; + background-image: url(images/button/default-medium-s-arrow-b.png) +} + +.x-btn-split-right>.x-btn-icon.x-btn-no-text.x-btn-button-default-medium { + padding-right: 8px +} + +.x-btn-split-right>.x-btn-text.x-btn-icon-right>.x-btn-icon-el-default-medium { + margin-right: 8px +} + +.x-btn-focus.x-btn-default-medium { + background-image: none; + background-color: #3892d4; + -webkit-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; + -moz-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; + box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset +} + +.x-btn-default-medium .x-btn-arrow-el { + position: absolute; + top: 0; + right: 0; + height: 100%; + width: 40px; + pointer-events: none +} + +.x-btn-default-medium.x-arrow-focus .x-btn-arrow-el { + border: 1px solid #d7e9f6 +} + +.x-btn-over.x-btn-default-medium { + border-color: #1375bc; + background-image: none; + background-color: #3487c3 +} + +.x-btn-focus.x-btn-over.x-btn-default-medium { + -webkit-box-shadow: #d6e7f3 0 1px 0px 0 inset, #d6e7f3 0 -1px 0px 0 inset, #d6e7f3 -1px 0 0px 0 inset, #d6e7f3 1px 0 0px 0 inset; + -moz-box-shadow: #d6e7f3 0 1px 0px 0 inset, #d6e7f3 0 -1px 0px 0 inset, #d6e7f3 -1px 0 0px 0 inset, #d6e7f3 1px 0 0px 0 inset; + box-shadow: #d6e7f3 0 1px 0px 0 inset, #d6e7f3 0 -1px 0px 0 inset, #d6e7f3 -1px 0 0px 0 inset, #d6e7f3 1px 0 0px 0 inset +} + +.x-btn.x-btn-menu-active.x-btn-default-medium, +.x-btn.x-btn-pressed.x-btn-default-medium { + border-color: #105f99; + background-image: none; + background-color: #2a6e9f +} + +.x-btn-focus.x-btn-menu-active.x-btn-default-medium, +.x-btn-focus.x-btn-pressed.x-btn-default-medium { + -webkit-box-shadow: #d4e2ec 0 1px 0px 0 inset, #d4e2ec 0 -1px 0px 0 inset, #d4e2ec -1px 0 0px 0 inset, #d4e2ec 1px 0 0px 0 inset; + -moz-box-shadow: #d4e2ec 0 1px 0px 0 inset, #d4e2ec 0 -1px 0px 0 inset, #d4e2ec -1px 0 0px 0 inset, #d4e2ec 1px 0 0px 0 inset; + box-shadow: #d4e2ec 0 1px 0px 0 inset, #d4e2ec 0 -1px 0px 0 inset, #d4e2ec -1px 0 0px 0 inset, #d4e2ec 1px 0 0px 0 inset +} + +.x-btn.x-btn-disabled.x-btn-default-medium { + background-image: none; + background-color: #3892d4 +} + +.x-btn-focus .x-btn-default-medium-tl, +.x-btn-focus .x-btn-default-medium-bl, +.x-btn-focus .x-btn-default-medium-tr, +.x-btn-focus .x-btn-default-medium-br, +.x-btn-focus .x-btn-default-medium-tc, +.x-btn-focus .x-btn-default-medium-bc { + background-image: url(images/btn/btn-default-medium-focus-corners.gif) +} + +.x-btn-focus .x-btn-default-medium-ml, +.x-btn-focus .x-btn-default-medium-mr { + background-image: url(images/btn/btn-default-medium-focus-sides.gif) +} + +.x-btn-focus .x-btn-default-medium-mc { + background-color: #3892d4 +} + +.x-btn-over .x-btn-default-medium-tl, +.x-btn-over .x-btn-default-medium-bl, +.x-btn-over .x-btn-default-medium-tr, +.x-btn-over .x-btn-default-medium-br, +.x-btn-over .x-btn-default-medium-tc, +.x-btn-over .x-btn-default-medium-bc { + background-image: url(images/btn/btn-default-medium-over-corners.gif) +} + +.x-btn-over .x-btn-default-medium-ml, +.x-btn-over .x-btn-default-medium-mr { + background-image: url(images/btn/btn-default-medium-over-sides.gif) +} + +.x-btn-over .x-btn-default-medium-mc { + background-color: #3487c3 +} + +.x-btn-focus.x-btn-over .x-btn-default-medium-tl, +.x-btn-focus.x-btn-over .x-btn-default-medium-bl, +.x-btn-focus.x-btn-over .x-btn-default-medium-tr, +.x-btn-focus.x-btn-over .x-btn-default-medium-br, +.x-btn-focus.x-btn-over .x-btn-default-medium-tc, +.x-btn-focus.x-btn-over .x-btn-default-medium-bc { + background-image: url(images/btn/btn-default-medium-focus-over-corners.gif) +} + +.x-btn-focus.x-btn-over .x-btn-default-medium-ml, +.x-btn-focus.x-btn-over .x-btn-default-medium-mr { + background-image: url(images/btn/btn-default-medium-focus-over-sides.gif) +} + +.x-btn-focus.x-btn-over .x-btn-default-medium-mc { + background-color: #3487c3 +} + +.x-btn.x-btn-menu-active .x-btn-default-medium-tl, +.x-btn.x-btn-menu-active .x-btn-default-medium-bl, +.x-btn.x-btn-menu-active .x-btn-default-medium-tr, +.x-btn.x-btn-menu-active .x-btn-default-medium-br, +.x-btn.x-btn-menu-active .x-btn-default-medium-tc, +.x-btn.x-btn-menu-active .x-btn-default-medium-bc, +.x-btn.x-btn-pressed .x-btn-default-medium-tl, +.x-btn.x-btn-pressed .x-btn-default-medium-bl, +.x-btn.x-btn-pressed .x-btn-default-medium-tr, +.x-btn.x-btn-pressed .x-btn-default-medium-br, +.x-btn.x-btn-pressed .x-btn-default-medium-tc, +.x-btn.x-btn-pressed .x-btn-default-medium-bc { + background-image: url(images/btn/btn-default-medium-pressed-corners.gif) +} + +.x-btn.x-btn-menu-active .x-btn-default-medium-ml, +.x-btn.x-btn-menu-active .x-btn-default-medium-mr, +.x-btn.x-btn-pressed .x-btn-default-medium-ml, +.x-btn.x-btn-pressed .x-btn-default-medium-mr { + background-image: url(images/btn/btn-default-medium-pressed-sides.gif) +} + +.x-btn.x-btn-menu-active .x-btn-default-medium-mc, +.x-btn.x-btn-pressed .x-btn-default-medium-mc { + background-color: #2a6e9f +} + +.x-btn-focus.x-btn-menu-active .x-btn-default-medium-tl, +.x-btn-focus.x-btn-menu-active .x-btn-default-medium-bl, +.x-btn-focus.x-btn-menu-active .x-btn-default-medium-tr, +.x-btn-focus.x-btn-menu-active .x-btn-default-medium-br, +.x-btn-focus.x-btn-menu-active .x-btn-default-medium-tc, +.x-btn-focus.x-btn-menu-active .x-btn-default-medium-bc, +.x-btn-focus.x-btn-pressed .x-btn-default-medium-tl, +.x-btn-focus.x-btn-pressed .x-btn-default-medium-bl, +.x-btn-focus.x-btn-pressed .x-btn-default-medium-tr, +.x-btn-focus.x-btn-pressed .x-btn-default-medium-br, +.x-btn-focus.x-btn-pressed .x-btn-default-medium-tc, +.x-btn-focus.x-btn-pressed .x-btn-default-medium-bc { + background-image: url(images/btn/btn-default-medium-focus-pressed-corners.gif) +} + +.x-btn-focus.x-btn-menu-active .x-btn-default-medium-ml, +.x-btn-focus.x-btn-menu-active .x-btn-default-medium-mr, +.x-btn-focus.x-btn-pressed .x-btn-default-medium-ml, +.x-btn-focus.x-btn-pressed .x-btn-default-medium-mr { + background-image: url(images/btn/btn-default-medium-focus-pressed-sides.gif) +} + +.x-btn-focus.x-btn-menu-active .x-btn-default-medium-mc, +.x-btn-focus.x-btn-pressed .x-btn-default-medium-mc { + background-color: #2a6e9f +} + +.x-btn.x-btn-disabled .x-btn-default-medium-tl, +.x-btn.x-btn-disabled .x-btn-default-medium-bl, +.x-btn.x-btn-disabled .x-btn-default-medium-tr, +.x-btn.x-btn-disabled .x-btn-default-medium-br, +.x-btn.x-btn-disabled .x-btn-default-medium-tc, +.x-btn.x-btn-disabled .x-btn-default-medium-bc { + background-image: url(images/btn/btn-default-medium-disabled-corners.gif) +} + +.x-btn.x-btn-disabled .x-btn-default-medium-ml, +.x-btn.x-btn-disabled .x-btn-default-medium-mr { + background-image: url(images/btn/btn-default-medium-disabled-sides.gif) +} + +.x-btn.x-btn-disabled .x-btn-default-medium-mc { + background-color: #3892d4 +} + +.x-nbr .x-btn-default-medium { + background-image: none +} + +.x-btn-disabled.x-btn-default-medium { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5 +} + +.x-cmd-slicer.x-btn-focus.x-btn-default-medium:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-medium-focus-corners.gif), sides:url(images/btn/btn-default-medium-focus-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-over.x-btn-default-medium:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-medium-over-corners.gif), sides:url(images/btn/btn-default-medium-over-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-focus.x-btn-over.x-btn-default-medium:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-medium-focus-over-corners.gif), sides:url(images/btn/btn-default-medium-focus-over-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-pressed.x-btn-default-medium:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-medium-pressed-corners.gif), sides:url(images/btn/btn-default-medium-pressed-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-focus.x-btn-pressed.x-btn-default-medium:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-medium-focus-pressed-corners.gif), sides:url(images/btn/btn-default-medium-focus-pressed-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-disabled.x-btn-default-medium:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-medium-disabled-corners.gif), sides:url(images/btn/btn-default-medium-disabled-sides.gif)" !important +} + +.x-btn-default-large { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 5px 4px 5px 4px; + border-width: 1px; + border-style: solid; + background-color: #3892d4 +} + +.x-btn-default-large-mc { + background-color: #3892d4 +} + +.x-nbr .x-btn-default-large { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-btn-default-large-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-5-4-5-4 +} + +.x-btn-default-large-tl { + background-position: 0 -6px +} + +.x-btn-default-large-tr { + background-position: right -9px +} + +.x-btn-default-large-bl { + background-position: 0 -12px +} + +.x-btn-default-large-br { + background-position: right -15px +} + +.x-btn-default-large-ml { + background-position: 0 top +} + +.x-btn-default-large-mr { + background-position: right top +} + +.x-btn-default-large-tc { + background-position: 0 0 +} + +.x-btn-default-large-bc { + background-position: 0 -3px +} + +.x-btn-default-large-tr, +.x-btn-default-large-br, +.x-btn-default-large-mr { + padding-right: 3px +} + +.x-btn-default-large-tl, +.x-btn-default-large-bl, +.x-btn-default-large-ml { + padding-left: 3px +} + +.x-btn-default-large-tc { + height: 3px +} + +.x-btn-default-large-bc { + height: 3px +} + +.x-btn-default-large-tl, +.x-btn-default-large-bl, +.x-btn-default-large-tr, +.x-btn-default-large-br, +.x-btn-default-large-tc, +.x-btn-default-large-bc, +.x-btn-default-large-ml, +.x-btn-default-large-mr { + background-image: url(images/btn/btn-default-large-corners.gif) +} + +.x-btn-default-large-ml, +.x-btn-default-large-mr { + background-image: url(images/btn/btn-default-large-sides.gif); + background-repeat: repeat-y +} + +.x-btn-default-large-mc { + padding: 3px 2px 3px 2px +} + +.x-cmd-slicer.x-btn-default-large:before { + display: none; + content: "x-slicer:, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-large-corners.gif), sides:url(images/btn/btn-default-large-sides.gif)" !important +} + +.x-btn-default-large { + border-color: #157fcc +} + +.x-btn-button-default-large { + min-height: 32px +} + +.x-ie9m .x-btn-button-default-large { + min-height: auto; + height: 32px +} + +.x-btn-inner-default-large { + font: 300 17px/20px helvetica, arial, verdana, sans-serif; + color: #fff; + padding: 0 10px; + max-width: 100% +} + +.x-btn-icon-right>.x-btn-inner-default-large, +.x-btn-icon-left>.x-btn-inner-default-large { + max-width: calc(100% - 32px) +} + +.x-ie10p .x-btn-inner-default-large { + max-width: none +} + +.x-btn-icon-el-default-large { + font-size: 32px; + height: 32px; + color: #fff; + line-height: 32px +} + +.x-btn-icon-left>.x-btn-icon-el-default-large, +.x-btn-icon-right>.x-btn-icon-el-default-large { + width: 32px +} + +.x-btn-icon-top>.x-btn-icon-el-default-large, +.x-btn-icon-bottom>.x-btn-icon-el-default-large { + min-width: 32px +} + +.x-btn-icon-el-default-large.x-btn-glyph { + opacity: 0.5 +} + +.x-ie8 .x-btn-icon-el-default-large.x-btn-glyph { + color: #9cc9e9 +} + +.x-btn-text.x-btn-icon-left>.x-btn-icon-el-default-large { + margin-right: 0 +} + +.x-btn-text.x-btn-icon-right>.x-btn-icon-el-default-large { + margin-left: 0 +} + +.x-btn-text.x-btn-icon-top>.x-btn-icon-el-default-large { + margin-bottom: 5px +} + +.x-btn-text.x-btn-icon-bottom>.x-btn-icon-el-default-large { + margin-top: 5px +} + +.x-btn-arrow-right>.x-btn-icon.x-btn-no-text.x-btn-button-default-large { + padding-right: 10px +} + +.x-btn-arrow-right>.x-btn-text.x-btn-icon-right>.x-btn-icon-el-default-large { + margin-right: 10px +} + +.x-btn-arrow-bottom>.x-btn-button-default-large, +.x-btn-split-bottom>.x-btn-button-default-large { + padding-bottom: 5px +} + +.x-btn-wrap-default-large.x-btn-arrow-right:after { + width: 30px; + background-image: url(images/button/default-large-arrow.png); + padding-right: 30px +} + +.x-btn-wrap-default-large.x-btn-arrow-bottom:after { + height: 24px; + background-image: url(images/button/default-large-arrow.png) +} + +.x-btn-wrap-default-large.x-btn-split-right:after { + width: 42px; + background-image: url(images/button/default-large-s-arrow.png); + padding-right: 42px +} + +.x-btn-wrap-default-large.x-btn-split-bottom:after { + height: 36px; + background-image: url(images/button/default-large-s-arrow-b.png) +} + +.x-btn-split-right>.x-btn-icon.x-btn-no-text.x-btn-button-default-large { + padding-right: 10px +} + +.x-btn-split-right>.x-btn-text.x-btn-icon-right>.x-btn-icon-el-default-large { + margin-right: 10px +} + +.x-btn-focus.x-btn-default-large { + background-image: none; + background-color: #3892d4; + -webkit-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; + -moz-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; + box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset +} + +.x-btn-default-large .x-btn-arrow-el { + position: absolute; + top: 0; + right: 0; + height: 100%; + width: 46px; + pointer-events: none +} + +.x-btn-default-large.x-arrow-focus .x-btn-arrow-el { + border: 1px solid #d7e9f6 +} + +.x-btn-over.x-btn-default-large { + border-color: #1375bc; + background-image: none; + background-color: #3487c3 +} + +.x-btn-focus.x-btn-over.x-btn-default-large { + -webkit-box-shadow: #d6e7f3 0 1px 0px 0 inset, #d6e7f3 0 -1px 0px 0 inset, #d6e7f3 -1px 0 0px 0 inset, #d6e7f3 1px 0 0px 0 inset; + -moz-box-shadow: #d6e7f3 0 1px 0px 0 inset, #d6e7f3 0 -1px 0px 0 inset, #d6e7f3 -1px 0 0px 0 inset, #d6e7f3 1px 0 0px 0 inset; + box-shadow: #d6e7f3 0 1px 0px 0 inset, #d6e7f3 0 -1px 0px 0 inset, #d6e7f3 -1px 0 0px 0 inset, #d6e7f3 1px 0 0px 0 inset +} + +.x-btn.x-btn-menu-active.x-btn-default-large, +.x-btn.x-btn-pressed.x-btn-default-large { + border-color: #105f99; + background-image: none; + background-color: #2a6e9f +} + +.x-btn-focus.x-btn-menu-active.x-btn-default-large, +.x-btn-focus.x-btn-pressed.x-btn-default-large { + -webkit-box-shadow: #d4e2ec 0 1px 0px 0 inset, #d4e2ec 0 -1px 0px 0 inset, #d4e2ec -1px 0 0px 0 inset, #d4e2ec 1px 0 0px 0 inset; + -moz-box-shadow: #d4e2ec 0 1px 0px 0 inset, #d4e2ec 0 -1px 0px 0 inset, #d4e2ec -1px 0 0px 0 inset, #d4e2ec 1px 0 0px 0 inset; + box-shadow: #d4e2ec 0 1px 0px 0 inset, #d4e2ec 0 -1px 0px 0 inset, #d4e2ec -1px 0 0px 0 inset, #d4e2ec 1px 0 0px 0 inset +} + +.x-btn.x-btn-disabled.x-btn-default-large { + background-image: none; + background-color: #3892d4 +} + +.x-btn-focus .x-btn-default-large-tl, +.x-btn-focus .x-btn-default-large-bl, +.x-btn-focus .x-btn-default-large-tr, +.x-btn-focus .x-btn-default-large-br, +.x-btn-focus .x-btn-default-large-tc, +.x-btn-focus .x-btn-default-large-bc { + background-image: url(images/btn/btn-default-large-focus-corners.gif) +} + +.x-btn-focus .x-btn-default-large-ml, +.x-btn-focus .x-btn-default-large-mr { + background-image: url(images/btn/btn-default-large-focus-sides.gif) +} + +.x-btn-focus .x-btn-default-large-mc { + background-color: #3892d4 +} + +.x-btn-over .x-btn-default-large-tl, +.x-btn-over .x-btn-default-large-bl, +.x-btn-over .x-btn-default-large-tr, +.x-btn-over .x-btn-default-large-br, +.x-btn-over .x-btn-default-large-tc, +.x-btn-over .x-btn-default-large-bc { + background-image: url(images/btn/btn-default-large-over-corners.gif) +} + +.x-btn-over .x-btn-default-large-ml, +.x-btn-over .x-btn-default-large-mr { + background-image: url(images/btn/btn-default-large-over-sides.gif) +} + +.x-btn-over .x-btn-default-large-mc { + background-color: #3487c3 +} + +.x-btn-focus.x-btn-over .x-btn-default-large-tl, +.x-btn-focus.x-btn-over .x-btn-default-large-bl, +.x-btn-focus.x-btn-over .x-btn-default-large-tr, +.x-btn-focus.x-btn-over .x-btn-default-large-br, +.x-btn-focus.x-btn-over .x-btn-default-large-tc, +.x-btn-focus.x-btn-over .x-btn-default-large-bc { + background-image: url(images/btn/btn-default-large-focus-over-corners.gif) +} + +.x-btn-focus.x-btn-over .x-btn-default-large-ml, +.x-btn-focus.x-btn-over .x-btn-default-large-mr { + background-image: url(images/btn/btn-default-large-focus-over-sides.gif) +} + +.x-btn-focus.x-btn-over .x-btn-default-large-mc { + background-color: #3487c3 +} + +.x-btn.x-btn-menu-active .x-btn-default-large-tl, +.x-btn.x-btn-menu-active .x-btn-default-large-bl, +.x-btn.x-btn-menu-active .x-btn-default-large-tr, +.x-btn.x-btn-menu-active .x-btn-default-large-br, +.x-btn.x-btn-menu-active .x-btn-default-large-tc, +.x-btn.x-btn-menu-active .x-btn-default-large-bc, +.x-btn.x-btn-pressed .x-btn-default-large-tl, +.x-btn.x-btn-pressed .x-btn-default-large-bl, +.x-btn.x-btn-pressed .x-btn-default-large-tr, +.x-btn.x-btn-pressed .x-btn-default-large-br, +.x-btn.x-btn-pressed .x-btn-default-large-tc, +.x-btn.x-btn-pressed .x-btn-default-large-bc { + background-image: url(images/btn/btn-default-large-pressed-corners.gif) +} + +.x-btn.x-btn-menu-active .x-btn-default-large-ml, +.x-btn.x-btn-menu-active .x-btn-default-large-mr, +.x-btn.x-btn-pressed .x-btn-default-large-ml, +.x-btn.x-btn-pressed .x-btn-default-large-mr { + background-image: url(images/btn/btn-default-large-pressed-sides.gif) +} + +.x-btn.x-btn-menu-active .x-btn-default-large-mc, +.x-btn.x-btn-pressed .x-btn-default-large-mc { + background-color: #2a6e9f +} + +.x-btn-focus.x-btn-menu-active .x-btn-default-large-tl, +.x-btn-focus.x-btn-menu-active .x-btn-default-large-bl, +.x-btn-focus.x-btn-menu-active .x-btn-default-large-tr, +.x-btn-focus.x-btn-menu-active .x-btn-default-large-br, +.x-btn-focus.x-btn-menu-active .x-btn-default-large-tc, +.x-btn-focus.x-btn-menu-active .x-btn-default-large-bc, +.x-btn-focus.x-btn-pressed .x-btn-default-large-tl, +.x-btn-focus.x-btn-pressed .x-btn-default-large-bl, +.x-btn-focus.x-btn-pressed .x-btn-default-large-tr, +.x-btn-focus.x-btn-pressed .x-btn-default-large-br, +.x-btn-focus.x-btn-pressed .x-btn-default-large-tc, +.x-btn-focus.x-btn-pressed .x-btn-default-large-bc { + background-image: url(images/btn/btn-default-large-focus-pressed-corners.gif) +} + +.x-btn-focus.x-btn-menu-active .x-btn-default-large-ml, +.x-btn-focus.x-btn-menu-active .x-btn-default-large-mr, +.x-btn-focus.x-btn-pressed .x-btn-default-large-ml, +.x-btn-focus.x-btn-pressed .x-btn-default-large-mr { + background-image: url(images/btn/btn-default-large-focus-pressed-sides.gif) +} + +.x-btn-focus.x-btn-menu-active .x-btn-default-large-mc, +.x-btn-focus.x-btn-pressed .x-btn-default-large-mc { + background-color: #2a6e9f +} + +.x-btn.x-btn-disabled .x-btn-default-large-tl, +.x-btn.x-btn-disabled .x-btn-default-large-bl, +.x-btn.x-btn-disabled .x-btn-default-large-tr, +.x-btn.x-btn-disabled .x-btn-default-large-br, +.x-btn.x-btn-disabled .x-btn-default-large-tc, +.x-btn.x-btn-disabled .x-btn-default-large-bc { + background-image: url(images/btn/btn-default-large-disabled-corners.gif) +} + +.x-btn.x-btn-disabled .x-btn-default-large-ml, +.x-btn.x-btn-disabled .x-btn-default-large-mr { + background-image: url(images/btn/btn-default-large-disabled-sides.gif) +} + +.x-btn.x-btn-disabled .x-btn-default-large-mc { + background-color: #3892d4 +} + +.x-nbr .x-btn-default-large { + background-image: none +} + +.x-btn-disabled.x-btn-default-large { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5 +} + +.x-cmd-slicer.x-btn-focus.x-btn-default-large:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-large-focus-corners.gif), sides:url(images/btn/btn-default-large-focus-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-over.x-btn-default-large:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-large-over-corners.gif), sides:url(images/btn/btn-default-large-over-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-focus.x-btn-over.x-btn-default-large:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-large-focus-over-corners.gif), sides:url(images/btn/btn-default-large-focus-over-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-pressed.x-btn-default-large:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-large-pressed-corners.gif), sides:url(images/btn/btn-default-large-pressed-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-focus.x-btn-pressed.x-btn-default-large:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-large-focus-pressed-corners.gif), sides:url(images/btn/btn-default-large-focus-pressed-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-disabled.x-btn-default-large:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-large-disabled-corners.gif), sides:url(images/btn/btn-default-large-disabled-sides.gif)" !important +} + +.x-btn-default-toolbar-small { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 3px 4px 3px 4px; + border-width: 1px; + border-style: solid; + background-color: #f5f5f5 +} + +.x-btn-default-toolbar-small-mc { + background-color: #f5f5f5 +} + +.x-nbr .x-btn-default-toolbar-small { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-btn-default-toolbar-small-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-3-4-3-4 +} + +.x-btn-default-toolbar-small-tl { + background-position: 0 -6px +} + +.x-btn-default-toolbar-small-tr { + background-position: right -9px +} + +.x-btn-default-toolbar-small-bl { + background-position: 0 -12px +} + +.x-btn-default-toolbar-small-br { + background-position: right -15px +} + +.x-btn-default-toolbar-small-ml { + background-position: 0 top +} + +.x-btn-default-toolbar-small-mr { + background-position: right top +} + +.x-btn-default-toolbar-small-tc { + background-position: 0 0 +} + +.x-btn-default-toolbar-small-bc { + background-position: 0 -3px +} + +.x-btn-default-toolbar-small-tr, +.x-btn-default-toolbar-small-br, +.x-btn-default-toolbar-small-mr { + padding-right: 3px +} + +.x-btn-default-toolbar-small-tl, +.x-btn-default-toolbar-small-bl, +.x-btn-default-toolbar-small-ml { + padding-left: 3px +} + +.x-btn-default-toolbar-small-tc { + height: 3px +} + +.x-btn-default-toolbar-small-bc { + height: 3px +} + +.x-btn-default-toolbar-small-tl, +.x-btn-default-toolbar-small-bl, +.x-btn-default-toolbar-small-tr, +.x-btn-default-toolbar-small-br, +.x-btn-default-toolbar-small-tc, +.x-btn-default-toolbar-small-bc, +.x-btn-default-toolbar-small-ml, +.x-btn-default-toolbar-small-mr { + background-image: url(images/btn/btn-default-toolbar-small-corners.gif) +} + +.x-btn-default-toolbar-small-ml, +.x-btn-default-toolbar-small-mr { + background-image: url(images/btn/btn-default-toolbar-small-sides.gif); + background-repeat: repeat-y +} + +.x-btn-default-toolbar-small-mc { + padding: 1px 2px 1px 2px +} + +.x-cmd-slicer.x-btn-default-toolbar-small:before { + display: none; + content: "x-slicer:, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-small-corners.gif), sides:url(images/btn/btn-default-toolbar-small-sides.gif)" !important +} + +.x-btn-default-toolbar-small { + border-color: #d8d8d8 +} + +.x-btn-button-default-toolbar-small { + min-height: 24px +} + +.x-ie9m .x-btn-button-default-toolbar-small { + min-height: auto; + height: 24px +} + +.x-btn-inner-default-toolbar-small { + font: 300 15px/20px helvetica, arial, verdana, sans-serif; + color: #666; + padding: 0 6px; + max-width: 100% +} + +.x-btn-icon-right>.x-btn-inner-default-toolbar-small, +.x-btn-icon-left>.x-btn-inner-default-toolbar-small { + max-width: calc(100% - 24px) +} + +.x-ie10p .x-btn-inner-default-toolbar-small { + max-width: none +} + +.x-btn-icon-el-default-toolbar-small { + font-size: 24px; + height: 24px; + color: #666; + line-height: 24px +} + +.x-btn-icon-left>.x-btn-icon-el-default-toolbar-small, +.x-btn-icon-right>.x-btn-icon-el-default-toolbar-small { + width: 24px +} + +.x-btn-icon-top>.x-btn-icon-el-default-toolbar-small, +.x-btn-icon-bottom>.x-btn-icon-el-default-toolbar-small { + min-width: 24px +} + +.x-btn-icon-el-default-toolbar-small.x-btn-glyph { + opacity: 0.5 +} + +.x-ie8 .x-btn-icon-el-default-toolbar-small.x-btn-glyph { + color: #aeaeae +} + +.x-btn-text.x-btn-icon-left>.x-btn-icon-el-default-toolbar-small { + margin-right: 0 +} + +.x-btn-text.x-btn-icon-right>.x-btn-icon-el-default-toolbar-small { + margin-left: 0 +} + +.x-btn-text.x-btn-icon-top>.x-btn-icon-el-default-toolbar-small { + margin-bottom: 5px +} + +.x-btn-text.x-btn-icon-bottom>.x-btn-icon-el-default-toolbar-small { + margin-top: 5px +} + +.x-btn-arrow-right>.x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-small { + padding-right: 6px +} + +.x-btn-arrow-right>.x-btn-text.x-btn-icon-right>.x-btn-icon-el-default-toolbar-small { + margin-right: 6px +} + +.x-btn-arrow-bottom>.x-btn-button-default-toolbar-small, +.x-btn-split-bottom>.x-btn-button-default-toolbar-small { + padding-bottom: 3px +} + +.x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after { + width: 22px; + background-image: url(images/button/default-toolbar-small-arrow.png); + padding-right: 22px +} + +.x-btn-wrap-default-toolbar-small.x-btn-arrow-bottom:after { + height: 16px; + background-image: url(images/button/default-toolbar-small-arrow.png) +} + +.x-btn-wrap-default-toolbar-small.x-btn-split-right:after { + width: 30px; + background-image: url(images/button/default-toolbar-small-s-arrow.png); + padding-right: 30px +} + +.x-btn-wrap-default-toolbar-small.x-btn-split-bottom:after { + height: 24px; + background-image: url(images/button/default-toolbar-small-s-arrow-b.png) +} + +.x-btn-split-right>.x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-small { + padding-right: 6px +} + +.x-btn-split-right>.x-btn-text.x-btn-icon-right>.x-btn-icon-el-default-toolbar-small { + margin-right: 6px +} + +.x-btn-focus.x-btn-default-toolbar-small { + background-image: none; + background-color: #f5f5f5; + -webkit-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + -moz-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset +} + +.x-btn-default-toolbar-small .x-btn-arrow-el { + position: absolute; + top: 0; + right: 0; + height: 100%; + width: 34px; + pointer-events: none +} + +.x-btn-default-toolbar-small.x-arrow-focus .x-btn-arrow-el { + border: 1px solid #4297d4 +} + +.x-btn-over.x-btn-default-toolbar-small { + border-color: #cfcfcf; + background-image: none; + background-color: #ececec +} + +.x-btn-focus.x-btn-over.x-btn-default-toolbar-small { + -webkit-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + -moz-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset +} + +.x-btn.x-btn-menu-active.x-btn-default-toolbar-small, +.x-btn.x-btn-pressed.x-btn-default-toolbar-small { + border-color: #c7c7c7; + background-image: none; + background-color: #e2e2e2 +} + +.x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-small, +.x-btn-focus.x-btn-pressed.x-btn-default-toolbar-small { + -webkit-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + -moz-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset +} + +.x-btn.x-btn-disabled.x-btn-default-toolbar-small { + background-image: none; + background-color: #f5f5f5 +} + +.x-btn-focus .x-btn-default-toolbar-small-tl, +.x-btn-focus .x-btn-default-toolbar-small-bl, +.x-btn-focus .x-btn-default-toolbar-small-tr, +.x-btn-focus .x-btn-default-toolbar-small-br, +.x-btn-focus .x-btn-default-toolbar-small-tc, +.x-btn-focus .x-btn-default-toolbar-small-bc { + background-image: url(images/btn/btn-default-toolbar-small-focus-corners.gif) +} + +.x-btn-focus .x-btn-default-toolbar-small-ml, +.x-btn-focus .x-btn-default-toolbar-small-mr { + background-image: url(images/btn/btn-default-toolbar-small-focus-sides.gif) +} + +.x-btn-focus .x-btn-default-toolbar-small-mc { + background-color: #f5f5f5 +} + +.x-btn-over .x-btn-default-toolbar-small-tl, +.x-btn-over .x-btn-default-toolbar-small-bl, +.x-btn-over .x-btn-default-toolbar-small-tr, +.x-btn-over .x-btn-default-toolbar-small-br, +.x-btn-over .x-btn-default-toolbar-small-tc, +.x-btn-over .x-btn-default-toolbar-small-bc { + background-image: url(images/btn/btn-default-toolbar-small-over-corners.gif) +} + +.x-btn-over .x-btn-default-toolbar-small-ml, +.x-btn-over .x-btn-default-toolbar-small-mr { + background-image: url(images/btn/btn-default-toolbar-small-over-sides.gif) +} + +.x-btn-over .x-btn-default-toolbar-small-mc { + background-color: #ececec +} + +.x-btn-focus.x-btn-over .x-btn-default-toolbar-small-tl, +.x-btn-focus.x-btn-over .x-btn-default-toolbar-small-bl, +.x-btn-focus.x-btn-over .x-btn-default-toolbar-small-tr, +.x-btn-focus.x-btn-over .x-btn-default-toolbar-small-br, +.x-btn-focus.x-btn-over .x-btn-default-toolbar-small-tc, +.x-btn-focus.x-btn-over .x-btn-default-toolbar-small-bc { + background-image: url(images/btn/btn-default-toolbar-small-focus-over-corners.gif) +} + +.x-btn-focus.x-btn-over .x-btn-default-toolbar-small-ml, +.x-btn-focus.x-btn-over .x-btn-default-toolbar-small-mr { + background-image: url(images/btn/btn-default-toolbar-small-focus-over-sides.gif) +} + +.x-btn-focus.x-btn-over .x-btn-default-toolbar-small-mc { + background-color: #ececec +} + +.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-tl, +.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-bl, +.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-tr, +.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-br, +.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-tc, +.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-bc, +.x-btn.x-btn-pressed .x-btn-default-toolbar-small-tl, +.x-btn.x-btn-pressed .x-btn-default-toolbar-small-bl, +.x-btn.x-btn-pressed .x-btn-default-toolbar-small-tr, +.x-btn.x-btn-pressed .x-btn-default-toolbar-small-br, +.x-btn.x-btn-pressed .x-btn-default-toolbar-small-tc, +.x-btn.x-btn-pressed .x-btn-default-toolbar-small-bc { + background-image: url(images/btn/btn-default-toolbar-small-pressed-corners.gif) +} + +.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-ml, +.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-mr, +.x-btn.x-btn-pressed .x-btn-default-toolbar-small-ml, +.x-btn.x-btn-pressed .x-btn-default-toolbar-small-mr { + background-image: url(images/btn/btn-default-toolbar-small-pressed-sides.gif) +} + +.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-mc, +.x-btn.x-btn-pressed .x-btn-default-toolbar-small-mc { + background-color: #e2e2e2 +} + +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-tl, +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-bl, +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-tr, +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-br, +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-tc, +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-bc, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-tl, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-bl, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-tr, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-br, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-tc, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-bc { + background-image: url(images/btn/btn-default-toolbar-small-focus-pressed-corners.gif) +} + +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-ml, +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-mr, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-ml, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-mr { + background-image: url(images/btn/btn-default-toolbar-small-focus-pressed-sides.gif) +} + +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-mc, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-mc { + background-color: #e2e2e2 +} + +.x-btn.x-btn-disabled .x-btn-default-toolbar-small-tl, +.x-btn.x-btn-disabled .x-btn-default-toolbar-small-bl, +.x-btn.x-btn-disabled .x-btn-default-toolbar-small-tr, +.x-btn.x-btn-disabled .x-btn-default-toolbar-small-br, +.x-btn.x-btn-disabled .x-btn-default-toolbar-small-tc, +.x-btn.x-btn-disabled .x-btn-default-toolbar-small-bc { + background-image: url(images/btn/btn-default-toolbar-small-disabled-corners.gif) +} + +.x-btn.x-btn-disabled .x-btn-default-toolbar-small-ml, +.x-btn.x-btn-disabled .x-btn-default-toolbar-small-mr { + background-image: url(images/btn/btn-default-toolbar-small-disabled-sides.gif) +} + +.x-btn.x-btn-disabled .x-btn-default-toolbar-small-mc { + background-color: #f5f5f5 +} + +.x-nbr .x-btn-default-toolbar-small { + background-image: none +} + +.x-btn-disabled.x-btn-default-toolbar-small { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5 +} + +.x-cmd-slicer.x-btn-focus.x-btn-default-toolbar-small:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-small-focus-corners.gif), sides:url(images/btn/btn-default-toolbar-small-focus-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-over.x-btn-default-toolbar-small:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-small-over-corners.gif), sides:url(images/btn/btn-default-toolbar-small-over-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-focus.x-btn-over.x-btn-default-toolbar-small:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-small-focus-over-corners.gif), sides:url(images/btn/btn-default-toolbar-small-focus-over-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-pressed.x-btn-default-toolbar-small:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-small-pressed-corners.gif), sides:url(images/btn/btn-default-toolbar-small-pressed-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-focus.x-btn-pressed.x-btn-default-toolbar-small:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-small-focus-pressed-corners.gif), sides:url(images/btn/btn-default-toolbar-small-focus-pressed-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-disabled.x-btn-default-toolbar-small:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-small-disabled-corners.gif), sides:url(images/btn/btn-default-toolbar-small-disabled-sides.gif)" !important +} + +.x-btn-default-toolbar-medium { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 6px 4px 6px 4px; + border-width: 1px; + border-style: solid; + background-color: #f5f5f5 +} + +.x-btn-default-toolbar-medium-mc { + background-color: #f5f5f5 +} + +.x-nbr .x-btn-default-toolbar-medium { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-btn-default-toolbar-medium-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-6-4-6-4 +} + +.x-btn-default-toolbar-medium-tl { + background-position: 0 -6px +} + +.x-btn-default-toolbar-medium-tr { + background-position: right -9px +} + +.x-btn-default-toolbar-medium-bl { + background-position: 0 -12px +} + +.x-btn-default-toolbar-medium-br { + background-position: right -15px +} + +.x-btn-default-toolbar-medium-ml { + background-position: 0 top +} + +.x-btn-default-toolbar-medium-mr { + background-position: right top +} + +.x-btn-default-toolbar-medium-tc { + background-position: 0 0 +} + +.x-btn-default-toolbar-medium-bc { + background-position: 0 -3px +} + +.x-btn-default-toolbar-medium-tr, +.x-btn-default-toolbar-medium-br, +.x-btn-default-toolbar-medium-mr { + padding-right: 3px +} + +.x-btn-default-toolbar-medium-tl, +.x-btn-default-toolbar-medium-bl, +.x-btn-default-toolbar-medium-ml { + padding-left: 3px +} + +.x-btn-default-toolbar-medium-tc { + height: 3px +} + +.x-btn-default-toolbar-medium-bc { + height: 3px +} + +.x-btn-default-toolbar-medium-tl, +.x-btn-default-toolbar-medium-bl, +.x-btn-default-toolbar-medium-tr, +.x-btn-default-toolbar-medium-br, +.x-btn-default-toolbar-medium-tc, +.x-btn-default-toolbar-medium-bc, +.x-btn-default-toolbar-medium-ml, +.x-btn-default-toolbar-medium-mr { + background-image: url(images/btn/btn-default-toolbar-medium-corners.gif) +} + +.x-btn-default-toolbar-medium-ml, +.x-btn-default-toolbar-medium-mr { + background-image: url(images/btn/btn-default-toolbar-medium-sides.gif); + background-repeat: repeat-y +} + +.x-btn-default-toolbar-medium-mc { + padding: 4px 2px 4px 2px +} + +.x-cmd-slicer.x-btn-default-toolbar-medium:before { + display: none; + content: "x-slicer:, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-medium-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-sides.gif)" !important +} + +.x-btn-default-toolbar-medium { + border-color: #d8d8d8 +} + +.x-btn-button-default-toolbar-medium { + min-height: 24px +} + +.x-ie9m .x-btn-button-default-toolbar-medium { + min-height: auto; + height: 24px +} + +.x-btn-inner-default-toolbar-medium { + font: 300 16px/24px helvetica, arial, verdana, sans-serif; + color: #666; + padding: 0 8px; + max-width: 100% +} + +.x-btn-icon-right>.x-btn-inner-default-toolbar-medium, +.x-btn-icon-left>.x-btn-inner-default-toolbar-medium { + max-width: calc(100% - 24px) +} + +.x-ie10p .x-btn-inner-default-toolbar-medium { + max-width: none +} + +.x-btn-icon-el-default-toolbar-medium { + font-size: 24px; + height: 24px; + color: #666; + line-height: 24px +} + +.x-btn-icon-left>.x-btn-icon-el-default-toolbar-medium, +.x-btn-icon-right>.x-btn-icon-el-default-toolbar-medium { + width: 24px +} + +.x-btn-icon-top>.x-btn-icon-el-default-toolbar-medium, +.x-btn-icon-bottom>.x-btn-icon-el-default-toolbar-medium { + min-width: 24px +} + +.x-btn-icon-el-default-toolbar-medium.x-btn-glyph { + opacity: 0.5 +} + +.x-ie8 .x-btn-icon-el-default-toolbar-medium.x-btn-glyph { + color: #aeaeae +} + +.x-btn-text.x-btn-icon-left>.x-btn-icon-el-default-toolbar-medium { + margin-right: 0 +} + +.x-btn-text.x-btn-icon-right>.x-btn-icon-el-default-toolbar-medium { + margin-left: 0 +} + +.x-btn-text.x-btn-icon-top>.x-btn-icon-el-default-toolbar-medium { + margin-bottom: 5px +} + +.x-btn-text.x-btn-icon-bottom>.x-btn-icon-el-default-toolbar-medium { + margin-top: 5px +} + +.x-btn-arrow-right>.x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-medium { + padding-right: 8px +} + +.x-btn-arrow-right>.x-btn-text.x-btn-icon-right>.x-btn-icon-el-default-toolbar-medium { + margin-right: 8px +} + +.x-btn-arrow-bottom>.x-btn-button-default-toolbar-medium, +.x-btn-split-bottom>.x-btn-button-default-toolbar-medium { + padding-bottom: 6px +} + +.x-btn-wrap-default-toolbar-medium.x-btn-arrow-right:after { + width: 26px; + background-image: url(images/button/default-toolbar-medium-arrow.png); + padding-right: 26px +} + +.x-btn-wrap-default-toolbar-medium.x-btn-arrow-bottom:after { + height: 18px; + background-image: url(images/button/default-toolbar-medium-arrow.png) +} + +.x-btn-wrap-default-toolbar-medium.x-btn-split-right:after { + width: 36px; + background-image: url(images/button/default-toolbar-medium-s-arrow.png); + padding-right: 36px +} + +.x-btn-wrap-default-toolbar-medium.x-btn-split-bottom:after { + height: 30px; + background-image: url(images/button/default-toolbar-medium-s-arrow-b.png) +} + +.x-btn-split-right>.x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-medium { + padding-right: 8px +} + +.x-btn-split-right>.x-btn-text.x-btn-icon-right>.x-btn-icon-el-default-toolbar-medium { + margin-right: 8px +} + +.x-btn-focus.x-btn-default-toolbar-medium { + background-image: none; + background-color: #f5f5f5; + -webkit-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + -moz-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset +} + +.x-btn-default-toolbar-medium .x-btn-arrow-el { + position: absolute; + top: 0; + right: 0; + height: 100%; + width: 40px; + pointer-events: none +} + +.x-btn-default-toolbar-medium.x-arrow-focus .x-btn-arrow-el { + border: 1px solid #4297d4 +} + +.x-btn-over.x-btn-default-toolbar-medium { + border-color: #cfcfcf; + background-image: none; + background-color: #ececec +} + +.x-btn-focus.x-btn-over.x-btn-default-toolbar-medium { + -webkit-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + -moz-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset +} + +.x-btn.x-btn-menu-active.x-btn-default-toolbar-medium, +.x-btn.x-btn-pressed.x-btn-default-toolbar-medium { + border-color: #c7c7c7; + background-image: none; + background-color: #e2e2e2 +} + +.x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-medium, +.x-btn-focus.x-btn-pressed.x-btn-default-toolbar-medium { + -webkit-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + -moz-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset +} + +.x-btn.x-btn-disabled.x-btn-default-toolbar-medium { + background-image: none; + background-color: #f5f5f5 +} + +.x-btn-focus .x-btn-default-toolbar-medium-tl, +.x-btn-focus .x-btn-default-toolbar-medium-bl, +.x-btn-focus .x-btn-default-toolbar-medium-tr, +.x-btn-focus .x-btn-default-toolbar-medium-br, +.x-btn-focus .x-btn-default-toolbar-medium-tc, +.x-btn-focus .x-btn-default-toolbar-medium-bc { + background-image: url(images/btn/btn-default-toolbar-medium-focus-corners.gif) +} + +.x-btn-focus .x-btn-default-toolbar-medium-ml, +.x-btn-focus .x-btn-default-toolbar-medium-mr { + background-image: url(images/btn/btn-default-toolbar-medium-focus-sides.gif) +} + +.x-btn-focus .x-btn-default-toolbar-medium-mc { + background-color: #f5f5f5 +} + +.x-btn-over .x-btn-default-toolbar-medium-tl, +.x-btn-over .x-btn-default-toolbar-medium-bl, +.x-btn-over .x-btn-default-toolbar-medium-tr, +.x-btn-over .x-btn-default-toolbar-medium-br, +.x-btn-over .x-btn-default-toolbar-medium-tc, +.x-btn-over .x-btn-default-toolbar-medium-bc { + background-image: url(images/btn/btn-default-toolbar-medium-over-corners.gif) +} + +.x-btn-over .x-btn-default-toolbar-medium-ml, +.x-btn-over .x-btn-default-toolbar-medium-mr { + background-image: url(images/btn/btn-default-toolbar-medium-over-sides.gif) +} + +.x-btn-over .x-btn-default-toolbar-medium-mc { + background-color: #ececec +} + +.x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-tl, +.x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-bl, +.x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-tr, +.x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-br, +.x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-tc, +.x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-bc { + background-image: url(images/btn/btn-default-toolbar-medium-focus-over-corners.gif) +} + +.x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-ml, +.x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-mr { + background-image: url(images/btn/btn-default-toolbar-medium-focus-over-sides.gif) +} + +.x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-mc { + background-color: #ececec +} + +.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-tl, +.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-bl, +.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-tr, +.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-br, +.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-tc, +.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-bc, +.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-tl, +.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-bl, +.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-tr, +.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-br, +.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-tc, +.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-bc { + background-image: url(images/btn/btn-default-toolbar-medium-pressed-corners.gif) +} + +.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-ml, +.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-mr, +.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-ml, +.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-mr { + background-image: url(images/btn/btn-default-toolbar-medium-pressed-sides.gif) +} + +.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-mc, +.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-mc { + background-color: #e2e2e2 +} + +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-medium-tl, +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-medium-bl, +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-medium-tr, +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-medium-br, +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-medium-tc, +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-medium-bc, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-tl, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-bl, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-tr, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-br, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-tc, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-bc { + background-image: url(images/btn/btn-default-toolbar-medium-focus-pressed-corners.gif) +} + +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-medium-ml, +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-medium-mr, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-ml, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-mr { + background-image: url(images/btn/btn-default-toolbar-medium-focus-pressed-sides.gif) +} + +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-medium-mc, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-mc { + background-color: #e2e2e2 +} + +.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-tl, +.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-bl, +.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-tr, +.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-br, +.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-tc, +.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-bc { + background-image: url(images/btn/btn-default-toolbar-medium-disabled-corners.gif) +} + +.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-ml, +.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-mr { + background-image: url(images/btn/btn-default-toolbar-medium-disabled-sides.gif) +} + +.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-mc { + background-color: #f5f5f5 +} + +.x-nbr .x-btn-default-toolbar-medium { + background-image: none +} + +.x-btn-disabled.x-btn-default-toolbar-medium { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5 +} + +.x-cmd-slicer.x-btn-focus.x-btn-default-toolbar-medium:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-medium-focus-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-focus-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-over.x-btn-default-toolbar-medium:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-medium-over-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-over-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-focus.x-btn-over.x-btn-default-toolbar-medium:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-medium-focus-over-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-focus-over-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-pressed.x-btn-default-toolbar-medium:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-medium-pressed-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-pressed-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-focus.x-btn-pressed.x-btn-default-toolbar-medium:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-medium-focus-pressed-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-focus-pressed-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-disabled.x-btn-default-toolbar-medium:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-medium-disabled-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-disabled-sides.gif)" !important +} + +.x-btn-default-toolbar-large { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 5px 4px 5px 4px; + border-width: 1px; + border-style: solid; + background-color: #f5f5f5 +} + +.x-btn-default-toolbar-large-mc { + background-color: #f5f5f5 +} + +.x-nbr .x-btn-default-toolbar-large { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-btn-default-toolbar-large-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-5-4-5-4 +} + +.x-btn-default-toolbar-large-tl { + background-position: 0 -6px +} + +.x-btn-default-toolbar-large-tr { + background-position: right -9px +} + +.x-btn-default-toolbar-large-bl { + background-position: 0 -12px +} + +.x-btn-default-toolbar-large-br { + background-position: right -15px +} + +.x-btn-default-toolbar-large-ml { + background-position: 0 top +} + +.x-btn-default-toolbar-large-mr { + background-position: right top +} + +.x-btn-default-toolbar-large-tc { + background-position: 0 0 +} + +.x-btn-default-toolbar-large-bc { + background-position: 0 -3px +} + +.x-btn-default-toolbar-large-tr, +.x-btn-default-toolbar-large-br, +.x-btn-default-toolbar-large-mr { + padding-right: 3px +} + +.x-btn-default-toolbar-large-tl, +.x-btn-default-toolbar-large-bl, +.x-btn-default-toolbar-large-ml { + padding-left: 3px +} + +.x-btn-default-toolbar-large-tc { + height: 3px +} + +.x-btn-default-toolbar-large-bc { + height: 3px +} + +.x-btn-default-toolbar-large-tl, +.x-btn-default-toolbar-large-bl, +.x-btn-default-toolbar-large-tr, +.x-btn-default-toolbar-large-br, +.x-btn-default-toolbar-large-tc, +.x-btn-default-toolbar-large-bc, +.x-btn-default-toolbar-large-ml, +.x-btn-default-toolbar-large-mr { + background-image: url(images/btn/btn-default-toolbar-large-corners.gif) +} + +.x-btn-default-toolbar-large-ml, +.x-btn-default-toolbar-large-mr { + background-image: url(images/btn/btn-default-toolbar-large-sides.gif); + background-repeat: repeat-y +} + +.x-btn-default-toolbar-large-mc { + padding: 3px 2px 3px 2px +} + +.x-cmd-slicer.x-btn-default-toolbar-large:before { + display: none; + content: "x-slicer:, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-large-corners.gif), sides:url(images/btn/btn-default-toolbar-large-sides.gif)" !important +} + +.x-btn-default-toolbar-large { + border-color: #d8d8d8 +} + +.x-btn-button-default-toolbar-large { + min-height: 32px +} + +.x-ie9m .x-btn-button-default-toolbar-large { + min-height: auto; + height: 32px +} + +.x-btn-inner-default-toolbar-large { + font: 300 17px/20px helvetica, arial, verdana, sans-serif; + color: #666; + padding: 0 10px; + max-width: 100% +} + +.x-btn-icon-right>.x-btn-inner-default-toolbar-large, +.x-btn-icon-left>.x-btn-inner-default-toolbar-large { + max-width: calc(100% - 32px) +} + +.x-ie10p .x-btn-inner-default-toolbar-large { + max-width: none +} + +.x-btn-icon-el-default-toolbar-large { + font-size: 32px; + height: 32px; + color: #666; + line-height: 32px +} + +.x-btn-icon-left>.x-btn-icon-el-default-toolbar-large, +.x-btn-icon-right>.x-btn-icon-el-default-toolbar-large { + width: 32px +} + +.x-btn-icon-top>.x-btn-icon-el-default-toolbar-large, +.x-btn-icon-bottom>.x-btn-icon-el-default-toolbar-large { + min-width: 32px +} + +.x-btn-icon-el-default-toolbar-large.x-btn-glyph { + opacity: 0.5 +} + +.x-ie8 .x-btn-icon-el-default-toolbar-large.x-btn-glyph { + color: #aeaeae +} + +.x-btn-text.x-btn-icon-left>.x-btn-icon-el-default-toolbar-large { + margin-right: 0 +} + +.x-btn-text.x-btn-icon-right>.x-btn-icon-el-default-toolbar-large { + margin-left: 0 +} + +.x-btn-text.x-btn-icon-top>.x-btn-icon-el-default-toolbar-large { + margin-bottom: 5px +} + +.x-btn-text.x-btn-icon-bottom>.x-btn-icon-el-default-toolbar-large { + margin-top: 5px +} + +.x-btn-arrow-right>.x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-large { + padding-right: 10px +} + +.x-btn-arrow-right>.x-btn-text.x-btn-icon-right>.x-btn-icon-el-default-toolbar-large { + margin-right: 10px +} + +.x-btn-arrow-bottom>.x-btn-button-default-toolbar-large, +.x-btn-split-bottom>.x-btn-button-default-toolbar-large { + padding-bottom: 5px +} + +.x-btn-wrap-default-toolbar-large.x-btn-arrow-right:after { + width: 30px; + background-image: url(images/button/default-toolbar-large-arrow.png); + padding-right: 30px +} + +.x-btn-wrap-default-toolbar-large.x-btn-arrow-bottom:after { + height: 24px; + background-image: url(images/button/default-toolbar-large-arrow.png) +} + +.x-btn-wrap-default-toolbar-large.x-btn-split-right:after { + width: 42px; + background-image: url(images/button/default-toolbar-large-s-arrow.png); + padding-right: 42px +} + +.x-btn-wrap-default-toolbar-large.x-btn-split-bottom:after { + height: 36px; + background-image: url(images/button/default-toolbar-large-s-arrow-b.png) +} + +.x-btn-split-right>.x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-large { + padding-right: 10px +} + +.x-btn-split-right>.x-btn-text.x-btn-icon-right>.x-btn-icon-el-default-toolbar-large { + margin-right: 10px +} + +.x-btn-focus.x-btn-default-toolbar-large { + background-image: none; + background-color: #f5f5f5; + -webkit-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + -moz-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset +} + +.x-btn-default-toolbar-large .x-btn-arrow-el { + position: absolute; + top: 0; + right: 0; + height: 100%; + width: 46px; + pointer-events: none +} + +.x-btn-default-toolbar-large.x-arrow-focus .x-btn-arrow-el { + border: 1px solid #4297d4 +} + +.x-btn-over.x-btn-default-toolbar-large { + border-color: #cfcfcf; + background-image: none; + background-color: #ececec +} + +.x-btn-focus.x-btn-over.x-btn-default-toolbar-large { + -webkit-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + -moz-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset +} + +.x-btn.x-btn-menu-active.x-btn-default-toolbar-large, +.x-btn.x-btn-pressed.x-btn-default-toolbar-large { + border-color: #c7c7c7; + background-image: none; + background-color: #e2e2e2 +} + +.x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-large, +.x-btn-focus.x-btn-pressed.x-btn-default-toolbar-large { + -webkit-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + -moz-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset +} + +.x-btn.x-btn-disabled.x-btn-default-toolbar-large { + background-image: none; + background-color: #f5f5f5 +} + +.x-btn-focus .x-btn-default-toolbar-large-tl, +.x-btn-focus .x-btn-default-toolbar-large-bl, +.x-btn-focus .x-btn-default-toolbar-large-tr, +.x-btn-focus .x-btn-default-toolbar-large-br, +.x-btn-focus .x-btn-default-toolbar-large-tc, +.x-btn-focus .x-btn-default-toolbar-large-bc { + background-image: url(images/btn/btn-default-toolbar-large-focus-corners.gif) +} + +.x-btn-focus .x-btn-default-toolbar-large-ml, +.x-btn-focus .x-btn-default-toolbar-large-mr { + background-image: url(images/btn/btn-default-toolbar-large-focus-sides.gif) +} + +.x-btn-focus .x-btn-default-toolbar-large-mc { + background-color: #f5f5f5 +} + +.x-btn-over .x-btn-default-toolbar-large-tl, +.x-btn-over .x-btn-default-toolbar-large-bl, +.x-btn-over .x-btn-default-toolbar-large-tr, +.x-btn-over .x-btn-default-toolbar-large-br, +.x-btn-over .x-btn-default-toolbar-large-tc, +.x-btn-over .x-btn-default-toolbar-large-bc { + background-image: url(images/btn/btn-default-toolbar-large-over-corners.gif) +} + +.x-btn-over .x-btn-default-toolbar-large-ml, +.x-btn-over .x-btn-default-toolbar-large-mr { + background-image: url(images/btn/btn-default-toolbar-large-over-sides.gif) +} + +.x-btn-over .x-btn-default-toolbar-large-mc { + background-color: #ececec +} + +.x-btn-focus.x-btn-over .x-btn-default-toolbar-large-tl, +.x-btn-focus.x-btn-over .x-btn-default-toolbar-large-bl, +.x-btn-focus.x-btn-over .x-btn-default-toolbar-large-tr, +.x-btn-focus.x-btn-over .x-btn-default-toolbar-large-br, +.x-btn-focus.x-btn-over .x-btn-default-toolbar-large-tc, +.x-btn-focus.x-btn-over .x-btn-default-toolbar-large-bc { + background-image: url(images/btn/btn-default-toolbar-large-focus-over-corners.gif) +} + +.x-btn-focus.x-btn-over .x-btn-default-toolbar-large-ml, +.x-btn-focus.x-btn-over .x-btn-default-toolbar-large-mr { + background-image: url(images/btn/btn-default-toolbar-large-focus-over-sides.gif) +} + +.x-btn-focus.x-btn-over .x-btn-default-toolbar-large-mc { + background-color: #ececec +} + +.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-tl, +.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-bl, +.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-tr, +.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-br, +.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-tc, +.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-bc, +.x-btn.x-btn-pressed .x-btn-default-toolbar-large-tl, +.x-btn.x-btn-pressed .x-btn-default-toolbar-large-bl, +.x-btn.x-btn-pressed .x-btn-default-toolbar-large-tr, +.x-btn.x-btn-pressed .x-btn-default-toolbar-large-br, +.x-btn.x-btn-pressed .x-btn-default-toolbar-large-tc, +.x-btn.x-btn-pressed .x-btn-default-toolbar-large-bc { + background-image: url(images/btn/btn-default-toolbar-large-pressed-corners.gif) +} + +.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-ml, +.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-mr, +.x-btn.x-btn-pressed .x-btn-default-toolbar-large-ml, +.x-btn.x-btn-pressed .x-btn-default-toolbar-large-mr { + background-image: url(images/btn/btn-default-toolbar-large-pressed-sides.gif) +} + +.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-mc, +.x-btn.x-btn-pressed .x-btn-default-toolbar-large-mc { + background-color: #e2e2e2 +} + +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-tl, +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-bl, +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-tr, +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-br, +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-tc, +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-bc, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-tl, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-bl, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-tr, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-br, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-tc, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-bc { + background-image: url(images/btn/btn-default-toolbar-large-focus-pressed-corners.gif) +} + +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-ml, +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-mr, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-ml, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-mr { + background-image: url(images/btn/btn-default-toolbar-large-focus-pressed-sides.gif) +} + +.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-mc, +.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-mc { + background-color: #e2e2e2 +} + +.x-btn.x-btn-disabled .x-btn-default-toolbar-large-tl, +.x-btn.x-btn-disabled .x-btn-default-toolbar-large-bl, +.x-btn.x-btn-disabled .x-btn-default-toolbar-large-tr, +.x-btn.x-btn-disabled .x-btn-default-toolbar-large-br, +.x-btn.x-btn-disabled .x-btn-default-toolbar-large-tc, +.x-btn.x-btn-disabled .x-btn-default-toolbar-large-bc { + background-image: url(images/btn/btn-default-toolbar-large-disabled-corners.gif) +} + +.x-btn.x-btn-disabled .x-btn-default-toolbar-large-ml, +.x-btn.x-btn-disabled .x-btn-default-toolbar-large-mr { + background-image: url(images/btn/btn-default-toolbar-large-disabled-sides.gif) +} + +.x-btn.x-btn-disabled .x-btn-default-toolbar-large-mc { + background-color: #f5f5f5 +} + +.x-nbr .x-btn-default-toolbar-large { + background-image: none +} + +.x-btn-disabled.x-btn-default-toolbar-large { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5 +} + +.x-cmd-slicer.x-btn-focus.x-btn-default-toolbar-large:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-large-focus-corners.gif), sides:url(images/btn/btn-default-toolbar-large-focus-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-over.x-btn-default-toolbar-large:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-large-over-corners.gif), sides:url(images/btn/btn-default-toolbar-large-over-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-focus.x-btn-over.x-btn-default-toolbar-large:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-large-focus-over-corners.gif), sides:url(images/btn/btn-default-toolbar-large-focus-over-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-pressed.x-btn-default-toolbar-large:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-large-pressed-corners.gif), sides:url(images/btn/btn-default-toolbar-large-pressed-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-focus.x-btn-pressed.x-btn-default-toolbar-large:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-large-focus-pressed-corners.gif), sides:url(images/btn/btn-default-toolbar-large-focus-pressed-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-disabled.x-btn-default-toolbar-large:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-large-disabled-corners.gif), sides:url(images/btn/btn-default-toolbar-large-disabled-sides.gif)" !important +} + +.x-tool { + cursor: pointer +} + +.x-tool-tool-el { + overflow: hidden; + width: 32px; + height: 32px; + margin: 0; + color: #fff; + text-align: center; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; + opacity: 0.8 +} + +.x-tool-over .x-tool-tool-el { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; + opacity: 0.9 +} + +.x-tool-pressed .x-tool-tool-el { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + opacity: 1 +} + +.x-tool-focus { + outline: 1px solid #157fcc; + outline-offset: 1px +} + +.x-ie .x-tool-focus, +.x-ie10p .x-tool-focus, +.x-edge .x-tool-focus { + outline: none +} + +.x-ie .x-tool-focus:after, +.x-ie10p .x-tool-focus:after, +.x-edge .x-tool-focus:after { + position: absolute; + content: ' '; + top: -2px; + right: -2px; + bottom: -2px; + left: -2px; + border: 1px solid #157fcc; + pointer-events: none +} + +.x-tool-img { + background-image: url(images/tools/tool-sprites.png) +} + +.x-tool-placeholder { + visibility: hidden +} + +.x-tool-close { + background-position: 0 0 +} + +.x-tool-minimize { + background-position: 0 -32px +} + +.x-tool-maximize { + background-position: 0 -64px +} + +.x-tool-restore { + background-position: 0 -96px +} + +.x-tool-toggle { + background-position: 0 -128px +} + +.x-panel-collapsed .x-tool-toggle { + background-position: 0 -160px +} + +.x-tool-gear { + background-position: 0 -192px +} + +.x-tool-prev { + background-position: 0 -224px +} + +.x-tool-next { + background-position: 0 -256px +} + +.x-tool-pin { + background-position: 0 -288px +} + +.x-tool-unpin { + background-position: 0 -320px +} + +.x-tool-right { + background-position: 0 -352px +} + +.x-tool-left { + background-position: 0 -384px +} + +.x-tool-down { + background-position: 0 -416px +} + +.x-tool-up { + background-position: 0 -448px +} + +.x-tool-refresh { + background-position: 0 -480px +} + +.x-tool-plus { + background-position: 0 -512px +} + +.x-tool-minus { + background-position: 0 -544px +} + +.x-tool-search { + background-position: 0 -576px +} + +.x-tool-save { + background-position: 0 -608px +} + +.x-tool-help { + background-position: 0 -640px +} + +.x-tool-print { + background-position: 0 -672px +} + +.x-tool-expand { + background-position: 0 -704px +} + +.x-tool-collapse { + background-position: 0 -736px +} + +.x-tool-resize { + background-position: 0 -768px +} + +.x-tool-move { + background-position: 0 -800px +} + +.x-tool-expand-bottom { + background-position: 0 -416px +} + +.x-tool-collapse-bottom { + background-position: 0 -416px +} + +.x-tool-expand-top { + background-position: 0 -448px +} + +.x-tool-collapse-top { + background-position: 0 -448px +} + +.x-tool-expand-left { + background-position: 0 -384px +} + +.x-tool-collapse-left { + background-position: 0 -384px +} + +.x-tool-expand-right { + background-position: 0 -352px +} + +.x-tool-collapse-right { + background-position: 0 -352px +} + +.x-header-draggable, +.x-header-ghost { + cursor: move +} + +.x-header-text { + white-space: nowrap +} + +.x-collapse-el { + cursor: pointer; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + opacity: 0.6 +} + +.x-layout-split-left { + background-image: url(images/util/splitter/mini-left.png) +} + +.x-layout-split-right { + background-image: url(images/util/splitter/mini-right.png) +} + +.x-layout-split-top { + background-image: url(images/util/splitter/mini-top.png) +} + +.x-layout-split-bottom { + background-image: url(images/util/splitter/mini-bottom.png) +} + +.x-splitter-collapsed .x-layout-split-left { + background-image: url(images/util/splitter/mini-right.png) +} + +.x-splitter-collapsed .x-layout-split-right { + background-image: url(images/util/splitter/mini-left.png) +} + +.x-splitter-collapsed .x-layout-split-top { + background-image: url(images/util/splitter/mini-bottom.png) +} + +.x-splitter-collapsed .x-layout-split-bottom { + background-image: url(images/util/splitter/mini-top.png) +} + +.x-splitter-active { + background-color: #b4b4b4; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; + opacity: 0.8 +} + +.x-splitter-active .x-collapse-el { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; + opacity: 0.3 +} + +.x-layout-split-left, +.x-layout-split-right { + top: 50%; + margin-top: -16px; + width: 100%; + height: 32px +} + +.x-layout-split-top, +.x-layout-split-bottom { + left: 50%; + width: 32px; + height: 100%; + margin-left: -16px +} + +.x-splitter-focus:after { + position: absolute; + content: ' '; + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + border: 1px solid #157fcc; + pointer-events: none +} + +.x-toolbar-default { + padding: 6px 0 6px 8px; + border-style: solid; + border-color: #cfcfcf; + border-width: 1px; + background-image: none; + background-color: #fff +} + +.x-toolbar-default .x-tool-img { + background-image: url(images/tools/tool-sprites-dark.png); + background-color: #fff +} + +.x-toolbar-default .x-toolbar-item { + margin: 0 8px 0 0 +} + +.x-toolbar-default .x-toolbar-separator-horizontal { + margin: 0 8px 0 0; + height: 14px; + border-style: solid; + border-width: 0 0 0 1px; + border-left-color: #e1e1e1; + border-right-color: #fff +} + +.x-toolbar-default .x-box-menu-after { + margin: 0 8px +} + +.x-toolbar-default-vertical { + padding: 6px 8px 0 +} + +.x-toolbar-default-vertical .x-toolbar-item { + margin: 0 0 6px 0 +} + +.x-toolbar-default-vertical .x-toolbar-separator-vertical { + margin: 0 5px 6px; + border-style: solid none; + border-width: 1px 0 0; + border-top-color: #e1e1e1; + border-bottom-color: #fff +} + +.x-toolbar-default-vertical .x-box-menu-after { + margin: 6px 0 +} + +.x-toolbar-text-default { + padding: 0 4px; + color: #334049; + font: 300 15px/16px helvetica, arial, verdana, sans-serif +} + +.x-toolbar-spacer-default { + width: 2px +} + +.x-toolbar-default-scroller .x-box-scroller-body-horizontal { + margin-left: 32px +} + +.x-toolbar-default-vertical-scroller .x-box-scroller-body-vertical { + margin-top: 34px +} + +.x-box-scroller-toolbar-default { + cursor: pointer; + color: #cfcfcf; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + opacity: 0.6 +} + +.x-box-scroller-toolbar-default.x-box-scroller-hover { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; + opacity: 0.8 +} + +.x-box-scroller-toolbar-default.x-box-scroller-pressed { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + opacity: 1 +} + +.x-box-scroller-toolbar-default.x-box-scroller-disabled { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; + opacity: 0.25; + cursor: default +} + +.x-box-scroller-toolbar-default.x-box-scroller-left, +.x-box-scroller-toolbar-default.x-box-scroller-right { + width: 32px; + height: 32px; + top: 50%; + margin-top: -16px +} + +.x-box-scroller-toolbar-default.x-box-scroller-left { + margin-left: 4px; + margin-right: 4px; + margin-bottom: 0; + background-image: url(images/toolbar/default-scroll-left.png) +} + +.x-box-scroller-toolbar-default.x-box-scroller-right { + margin-left: 4px; + margin-right: 4px; + margin-bottom: 0; + background-image: url(images/toolbar/default-scroll-right.png) +} + +.x-box-scroller-toolbar-default.x-box-scroller-top, +.x-box-scroller-toolbar-default.x-box-scroller-bottom { + height: 32px; + width: 32px; + left: 50%; + margin-left: -16px +} + +.x-box-scroller-toolbar-default.x-box-scroller-top { + margin-top: 4px; + margin-right: 0; + margin-bottom: 4px; + background-image: url(images/toolbar/default-scroll-top.png) +} + +.x-box-scroller-toolbar-default.x-box-scroller-bottom { + margin-top: 4px; + margin-right: 0; + margin-bottom: 4px; + background-image: url(images/toolbar/default-scroll-bottom.png) +} + +.x-ie8 .x-box-scroller-toolbar-default { + background-color: #fff +} + +.x-cmd-slicer.x-toolbar-default:before { + display: none; + content: "x-slicer:" !important +} + +.x-toolbar-footer { + padding: 6px 0 6px 6px; + border-style: solid; + border-color: #cfcfcf; + border-width: 0; + background-image: none; + background-color: #e7e7e7 +} + +.x-toolbar-footer .x-tool-img { + background-image: url(images/tools/tool-sprites-dark.png); + background-color: #e7e7e7 +} + +.x-toolbar-footer .x-toolbar-item { + margin: 0 6px 0 0 +} + +.x-toolbar-footer .x-toolbar-separator-horizontal { + margin: 0 8px 0 0; + height: 14px; + border-style: solid; + border-width: 0 0 0 1px; + border-left-color: #e1e1e1; + border-right-color: #fff +} + +.x-toolbar-footer .x-box-menu-after { + margin: 0 6px +} + +.x-toolbar-footer-vertical { + padding: 6px 6px 0 +} + +.x-toolbar-footer-vertical .x-toolbar-item { + margin: 0 0 6px 0 +} + +.x-toolbar-footer-vertical .x-toolbar-separator-vertical { + margin: 0 5px 6px; + border-style: solid none; + border-width: 1px 0 0; + border-top-color: #e1e1e1; + border-bottom-color: #fff +} + +.x-toolbar-footer-vertical .x-box-menu-after { + margin: 6px 0 +} + +.x-toolbar-text-footer { + padding: 0 4px; + color: #334049; + font: 300 15px/16px helvetica, arial, verdana, sans-serif +} + +.x-toolbar-spacer-footer { + width: 2px +} + +.x-toolbar-footer-scroller .x-box-scroller-body-horizontal { + margin-left: 34px +} + +.x-toolbar-footer-vertical-scroller .x-box-scroller-body-vertical { + margin-top: 34px +} + +.x-box-scroller-toolbar-footer { + cursor: pointer; + color: #cfcfcf; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + opacity: 0.6 +} + +.x-box-scroller-toolbar-footer.x-box-scroller-hover { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; + opacity: 0.8 +} + +.x-box-scroller-toolbar-footer.x-box-scroller-pressed { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + opacity: 1 +} + +.x-box-scroller-toolbar-footer.x-box-scroller-disabled { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; + opacity: 0.25; + cursor: default +} + +.x-box-scroller-toolbar-footer.x-box-scroller-left, +.x-box-scroller-toolbar-footer.x-box-scroller-right { + width: 32px; + height: 32px; + top: 50%; + margin-top: -16px +} + +.x-box-scroller-toolbar-footer.x-box-scroller-left { + margin-left: 4px; + margin-right: 4px; + margin-bottom: 0; + background-image: url(images/toolbar/footer-scroll-left.png) +} + +.x-box-scroller-toolbar-footer.x-box-scroller-right { + margin-left: 4px; + margin-right: 4px; + margin-bottom: 0; + background-image: url(images/toolbar/footer-scroll-right.png) +} + +.x-ie8 .x-box-scroller-toolbar-footer { + background-color: #e7e7e7 +} + +.x-cmd-slicer.x-toolbar-footer:before { + display: none; + content: "x-slicer:" !important +} + +.x-dd-drag-proxy { + color: #000; + font: 300 15px/19px helvetica, arial, verdana, sans-serif; + border: 1px solid #e1e1e1; + background-color: #fff +} + +.x-dd-drag-ghost, +.x-dd-drop-icon { + padding: 5px +} + +.x-dd-drag-ghost { + padding-left: 0 +} + +.x-dd-drop-ok .x-dd-drop-icon { + background-image: url(images/dd/drop-yes.png) +} + +.x-dd-drop-ok-add .x-dd-drop-icon { + background-image: url(images/dd/drop-add.png) +} + +.x-dd-drop-nodrop div.x-dd-drop-icon { + background-image: url(images/dd/drop-no.png) +} + +.x-panel-ghost { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5 +} + +.x-panel-default { + border-color: #f5f5f5; + padding: 0 +} + +.x-panel-header-default { + font-size: 17px; + border: 1px solid #f5f5f5 +} + +.x-panel-header-default .x-tool-tool-el { + background-color: #f5f5f5 +} + +.x-panel-header-default-horizontal { + padding: 5px 15px 6px +} + +.x-panel-header-default-horizontal .x-panel-header-default-tab-bar { + margin-top: -5px; + margin-bottom: -6px +} + +.x-panel-header-default-horizontal.x-header-noborder { + padding: 6px 16px 6px 16px +} + +.x-panel-header-default-horizontal.x-header-noborder .x-panel-header-default-tab-bar { + margin-top: -6px; + margin-bottom: -6px +} + +.x-panel-header-default-vertical { + padding: 15px 5px 15px 6px +} + +.x-panel-header-default-vertical .x-panel-header-default-tab-bar { + margin-right: -5px; + margin-left: -6px +} + +.x-panel-header-default-vertical.x-header-noborder { + padding: 16px 6px 16px 6px +} + +.x-panel-header-default-vertical.x-header-noborder .x-panel-header-default-tab-bar { + margin-right: -6px; + margin-left: -6px +} + +.x-panel-header-title-default { + color: #157fcc; + font-size: 17px; + font-weight: 300; + font-family: helvetica, arial, verdana, sans-serif; + line-height: 32px +} + +.x-panel-header-title-default>.x-title-text-default { + text-transform: none; + padding: 0 +} + +.x-panel-header-title-default>.x-title-icon-wrap-default.x-title-icon-top { + height: 22px; + padding-bottom: 6px +} + +.x-panel-header-title-default>.x-title-icon-wrap-default.x-title-icon-right { + width: 22px; + padding-left: 6px +} + +.x-panel-header-title-default>.x-title-icon-wrap-default.x-title-icon-bottom { + height: 22px; + padding-top: 6px +} + +.x-panel-header-title-default>.x-title-icon-wrap-default.x-title-icon-left { + width: 22px; + padding-right: 6px +} + +.x-panel-header-title-default>.x-title-icon-wrap-default>.x-title-icon-default { + width: 16px; + height: 16px; + font-size: 16px; + color: #157fcc; + background-position: center center +} + +.x-panel-header-title-default>.x-title-icon-wrap-default>.x-title-icon-default.x-title-glyph { + opacity: 0.5 +} + +.x-ie8 .x-panel-header-title-default>.x-title-icon-wrap-default>.x-title-icon-default.x-title-glyph { + color: #85bae1 +} + +.x-panel-body-default { + background: #fff; + border-color: #cfcfcf; + color: #000; + font-size: 15px; + font-weight: 300; + font-family: helvetica, arial, verdana, sans-serif; + border-width: 1px; + border-style: solid +} + +.x-panel-header-default { + background-image: none; + background-color: #f5f5f5 +} + +.x-panel-header-default-vertical { + background-image: none; + background-color: #f5f5f5 +} + +.x-panel .x-panel-header-default-collapsed-border-top { + border-bottom-width: 1px !important +} + +.x-panel .x-panel-header-default-collapsed-border-right { + border-left-width: 1px !important +} + +.x-panel .x-panel-header-default-collapsed-border-bottom { + border-top-width: 1px !important +} + +.x-panel .x-panel-header-default-collapsed-border-left { + border-right-width: 1px !important +} + +.x-cmd-slicer.x-panel-header-default-top:before { + display: none; + content: "x-slicer:, stretch:bottom" !important +} + +.x-cmd-slicer.x-panel-header-default-bottom:before { + display: none; + content: "x-slicer:, stretch:top" !important +} + +.x-cmd-slicer.x-panel-header-default-left:before { + display: none; + content: "x-slicer:, stretch:right" !important +} + +.x-cmd-slicer.x-panel-header-default-right:before { + display: none; + content: "x-slicer:, stretch:left" !important +} + +.x-panel-header-default-horizontal .x-tool-after-title { + margin: 0 0 0 6px +} + +.x-panel-header-default-horizontal .x-tool-before-title { + margin: 0 6px 0 0 +} + +.x-panel-header-default-vertical .x-tool-after-title { + margin: 6px 0 0 0 +} + +.x-panel-header-default-vertical .x-tool-before-title { + margin: 0 0 6px 0 +} + +.x-panel-header-default .x-tool-focus { + outline: 1px solid #157fcc; + outline-offset: 1px +} + +.x-ie .x-panel-header-default .x-tool-focus, +.x-ie10p .x-panel-header-default .x-tool-focus, +.x-edge .x-panel-header-default .x-tool-focus { + outline: none +} + +.x-ie .x-panel-header-default .x-tool-focus:after, +.x-ie10p .x-panel-header-default .x-tool-focus:after, +.x-edge .x-panel-header-default .x-tool-focus:after { + position: absolute; + content: ' '; + top: -2px; + right: -2px; + bottom: -2px; + left: -2px; + border: 1px solid #157fcc; + pointer-events: none +} + +.x-panel-default-resizable .x-panel-handle { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + opacity: 0 +} + +.x-panel-default-outer-border-l { + border-left-color: #f5f5f5 !important; + border-left-width: 1px !important +} + +.x-panel-default-outer-border-b { + border-bottom-color: #f5f5f5 !important; + border-bottom-width: 1px !important +} + +.x-panel-default-outer-border-bl { + border-bottom-color: #f5f5f5 !important; + border-bottom-width: 1px !important; + border-left-color: #f5f5f5 !important; + border-left-width: 1px !important +} + +.x-panel-default-outer-border-r { + border-right-color: #f5f5f5 !important; + border-right-width: 1px !important +} + +.x-panel-default-outer-border-rl { + border-right-color: #f5f5f5 !important; + border-right-width: 1px !important; + border-left-color: #f5f5f5 !important; + border-left-width: 1px !important +} + +.x-panel-default-outer-border-rb { + border-right-color: #f5f5f5 !important; + border-right-width: 1px !important; + border-bottom-color: #f5f5f5 !important; + border-bottom-width: 1px !important +} + +.x-panel-default-outer-border-rbl { + border-right-color: #f5f5f5 !important; + border-right-width: 1px !important; + border-bottom-color: #f5f5f5 !important; + border-bottom-width: 1px !important; + border-left-color: #f5f5f5 !important; + border-left-width: 1px !important +} + +.x-panel-default-outer-border-t { + border-top-color: #f5f5f5 !important; + border-top-width: 1px !important +} + +.x-panel-default-outer-border-tl { + border-top-color: #f5f5f5 !important; + border-top-width: 1px !important; + border-left-color: #f5f5f5 !important; + border-left-width: 1px !important +} + +.x-panel-default-outer-border-tb { + border-top-color: #f5f5f5 !important; + border-top-width: 1px !important; + border-bottom-color: #f5f5f5 !important; + border-bottom-width: 1px !important +} + +.x-panel-default-outer-border-tbl { + border-top-color: #f5f5f5 !important; + border-top-width: 1px !important; + border-bottom-color: #f5f5f5 !important; + border-bottom-width: 1px !important; + border-left-color: #f5f5f5 !important; + border-left-width: 1px !important +} + +.x-panel-default-outer-border-tr { + border-top-color: #f5f5f5 !important; + border-top-width: 1px !important; + border-right-color: #f5f5f5 !important; + border-right-width: 1px !important +} + +.x-panel-default-outer-border-trl { + border-top-color: #f5f5f5 !important; + border-top-width: 1px !important; + border-right-color: #f5f5f5 !important; + border-right-width: 1px !important; + border-left-color: #f5f5f5 !important; + border-left-width: 1px !important +} + +.x-panel-default-outer-border-trb { + border-top-color: #f5f5f5 !important; + border-top-width: 1px !important; + border-right-color: #f5f5f5 !important; + border-right-width: 1px !important; + border-bottom-color: #f5f5f5 !important; + border-bottom-width: 1px !important +} + +.x-panel-default-outer-border-trbl { + border-color: #f5f5f5 !important; + border-width: 1px !important +} + +.x-panel-default-framed { + border-color: #f5f5f5; + padding: 0 +} + +.x-panel-header-default-framed { + font-size: 17px; + border: 1px solid #f5f5f5 +} + +.x-panel-header-default-framed .x-tool-tool-el { + background-color: #f5f5f5 +} + +.x-panel-header-default-framed-horizontal { + padding: 5px 15px 5px 15px +} + +.x-panel-header-default-framed-horizontal .x-panel-header-default-framed-tab-bar { + margin-top: -5px; + margin-bottom: -5px +} + +.x-panel-header-default-framed-horizontal.x-header-noborder { + padding: 6px 16px 5px 16px +} + +.x-panel-header-default-framed-horizontal.x-header-noborder .x-panel-header-default-framed-tab-bar { + margin-top: -6px; + margin-bottom: -5px +} + +.x-panel-header-default-framed-vertical { + padding: 15px 5px 15px 5px +} + +.x-panel-header-default-framed-vertical .x-panel-header-default-framed-tab-bar { + margin-right: -5px; + margin-left: -5px +} + +.x-panel-header-default-framed-vertical.x-header-noborder { + padding: 16px 6px 16px 5px +} + +.x-panel-header-default-framed-vertical.x-header-noborder .x-panel-header-default-framed-tab-bar { + margin-right: -6px; + margin-left: -5px +} + +.x-panel-header-title-default-framed { + color: #157fcc; + font-size: 17px; + font-weight: 300; + font-family: helvetica, arial, verdana, sans-serif; + line-height: 32px +} + +.x-panel-header-title-default-framed>.x-title-text-default-framed { + text-transform: none; + padding: 0 +} + +.x-panel-header-title-default-framed>.x-title-icon-wrap-default-framed.x-title-icon-top { + height: 22px; + padding-bottom: 6px +} + +.x-panel-header-title-default-framed>.x-title-icon-wrap-default-framed.x-title-icon-right { + width: 22px; + padding-left: 6px +} + +.x-panel-header-title-default-framed>.x-title-icon-wrap-default-framed.x-title-icon-bottom { + height: 22px; + padding-top: 6px +} + +.x-panel-header-title-default-framed>.x-title-icon-wrap-default-framed.x-title-icon-left { + width: 22px; + padding-right: 6px +} + +.x-panel-header-title-default-framed>.x-title-icon-wrap-default-framed>.x-title-icon-default-framed { + width: 16px; + height: 16px; + font-size: 16px; + color: #157fcc; + background-position: center center +} + +.x-panel-header-title-default-framed>.x-title-icon-wrap-default-framed>.x-title-icon-default-framed.x-title-glyph { + opacity: 0.5 +} + +.x-ie8 .x-panel-header-title-default-framed>.x-title-icon-wrap-default-framed>.x-title-icon-default-framed.x-title-glyph { + color: #85bae1 +} + +.x-panel-body-default-framed { + background: #fff; + border-color: #cfcfcf; + color: #000; + font-size: 15px; + font-weight: 300; + font-family: helvetica, arial, verdana, sans-serif; + border-width: 1px; + border-style: solid +} + +.x-panel-default-framed { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + padding: 0 0 0 0; + border-width: 1px; + border-style: solid; + background-color: #fff +} + +.x-panel-default-framed-mc { + background-color: #fff +} + +.x-nbr .x-panel-default-framed { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-panel-default-framed-frameInfo { + font-family: dh-4-4-4-4-1-1-1-1-3px-3px-3px-3px +} + +.x-panel-default-framed-tl { + background-position: 0 -8px +} + +.x-panel-default-framed-tr { + background-position: right -12px +} + +.x-panel-default-framed-bl { + background-position: 0 -16px +} + +.x-panel-default-framed-br { + background-position: right -20px +} + +.x-panel-default-framed-ml { + background-position: 0 top +} + +.x-panel-default-framed-mr { + background-position: right top +} + +.x-panel-default-framed-tc { + background-position: 0 0 +} + +.x-panel-default-framed-bc { + background-position: 0 -4px +} + +.x-panel-default-framed-tr, +.x-panel-default-framed-br, +.x-panel-default-framed-mr { + padding-right: 4px +} + +.x-panel-default-framed-tl, +.x-panel-default-framed-bl, +.x-panel-default-framed-ml { + padding-left: 4px +} + +.x-panel-default-framed-tc { + height: 4px +} + +.x-panel-default-framed-bc { + height: 4px +} + +.x-panel-default-framed-tl, +.x-panel-default-framed-bl, +.x-panel-default-framed-tr, +.x-panel-default-framed-br, +.x-panel-default-framed-tc, +.x-panel-default-framed-bc, +.x-panel-default-framed-ml, +.x-panel-default-framed-mr { + background-image: url(images/panel/panel-default-framed-corners.gif) +} + +.x-panel-default-framed-ml, +.x-panel-default-framed-mr { + background-image: url(images/panel/panel-default-framed-sides.gif); + background-repeat: repeat-y +} + +.x-panel-default-framed-mc { + padding: 0 0 0 0 +} + +.x-cmd-slicer.x-panel-default-framed:before { + display: none; + content: "x-slicer:, frame:4px 4px 4px 4px, corners:url(images/panel/panel-default-framed-corners.gif), sides:url(images/panel/panel-default-framed-sides.gif)" !important +} + +.x-panel-header-default-framed-top { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 5px 15px 5px 15px; + border-width: 1px 1px 0 1px; + border-style: solid; + background-color: #f5f5f5 +} + +.x-panel-header-default-framed-top-mc { + background-color: #f5f5f5 +} + +.x-nbr .x-panel-header-default-framed-top { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-panel-header-default-framed-top-frameInfo { + font-family: dh-4-4-0-4-1-1-0-1-5-15-5-15 +} + +.x-panel-header-default-framed-top-tl { + background-position: 0 -8px +} + +.x-panel-header-default-framed-top-tr { + background-position: right -12px +} + +.x-panel-header-default-framed-top-bl { + background-position: 0 -16px +} + +.x-panel-header-default-framed-top-br { + background-position: right -20px +} + +.x-panel-header-default-framed-top-ml { + background-position: 0 top +} + +.x-panel-header-default-framed-top-mr { + background-position: right top +} + +.x-panel-header-default-framed-top-tc { + background-position: 0 0 +} + +.x-panel-header-default-framed-top-bc { + background-position: 0 -4px +} + +.x-panel-header-default-framed-top-tr, +.x-panel-header-default-framed-top-br, +.x-panel-header-default-framed-top-mr { + padding-right: 4px +} + +.x-panel-header-default-framed-top-tl, +.x-panel-header-default-framed-top-bl, +.x-panel-header-default-framed-top-ml { + padding-left: 4px +} + +.x-panel-header-default-framed-top-tc { + height: 4px +} + +.x-panel-header-default-framed-top-bc { + height: 0 +} + +.x-panel-header-default-framed-top-tl, +.x-panel-header-default-framed-top-bl, +.x-panel-header-default-framed-top-tr, +.x-panel-header-default-framed-top-br, +.x-panel-header-default-framed-top-tc, +.x-panel-header-default-framed-top-bc, +.x-panel-header-default-framed-top-ml, +.x-panel-header-default-framed-top-mr { + background-image: url(images/panel-header/panel-header-default-framed-top-corners.gif) +} + +.x-panel-header-default-framed-top-ml, +.x-panel-header-default-framed-top-mr { + background-image: url(images/panel-header/panel-header-default-framed-top-sides.gif); + background-repeat: repeat-y +} + +.x-panel-header-default-framed-top-mc { + padding: 2px 12px 5px 12px +} + +.x-cmd-slicer.x-panel-header-default-framed-top:before { + display: none; + content: "x-slicer:, frame:4px 4px 0 4px, corners:url(images/panel-header/panel-header-default-framed-top-corners.gif), sides:url(images/panel-header/panel-header-default-framed-top-sides.gif)" !important +} + +.x-panel-header-default-framed-right { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 15px 5px 15px 5px; + border-width: 1px 1px 1px 0; + border-style: solid; + background-color: #f5f5f5 +} + +.x-panel-header-default-framed-right-mc { + background-color: #f5f5f5 +} + +.x-nbr .x-panel-header-default-framed-right { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-panel-header-default-framed-right-frameInfo { + font-family: dh-4-4-4-0-1-1-1-0-15-5-15-5 +} + +.x-panel-header-default-framed-right-tl { + background-position: 0 -8px +} + +.x-panel-header-default-framed-right-tr { + background-position: right -12px +} + +.x-panel-header-default-framed-right-bl { + background-position: 0 -16px +} + +.x-panel-header-default-framed-right-br { + background-position: right -20px +} + +.x-panel-header-default-framed-right-ml { + background-position: right 0 +} + +.x-panel-header-default-framed-right-mr { + background-position: right 0 +} + +.x-panel-header-default-framed-right-tc { + background-position: 0 0 +} + +.x-panel-header-default-framed-right-bc { + background-position: 0 -4px +} + +.x-panel-header-default-framed-right-tr, +.x-panel-header-default-framed-right-br, +.x-panel-header-default-framed-right-mr { + padding-right: 4px +} + +.x-panel-header-default-framed-right-tl, +.x-panel-header-default-framed-right-bl, +.x-panel-header-default-framed-right-ml { + padding-left: 0 +} + +.x-panel-header-default-framed-right-tc { + height: 4px +} + +.x-panel-header-default-framed-right-bc { + height: 4px +} + +.x-panel-header-default-framed-right-tl, +.x-panel-header-default-framed-right-bl, +.x-panel-header-default-framed-right-tr, +.x-panel-header-default-framed-right-br, +.x-panel-header-default-framed-right-tc, +.x-panel-header-default-framed-right-bc, +.x-panel-header-default-framed-right-ml, +.x-panel-header-default-framed-right-mr { + background-image: url(images/panel-header/panel-header-default-framed-right-corners.gif) +} + +.x-panel-header-default-framed-right-ml, +.x-panel-header-default-framed-right-mr { + background-image: url(images/panel-header/panel-header-default-framed-right-sides.gif); + background-repeat: repeat-y +} + +.x-panel-header-default-framed-right-mc { + padding: 12px 2px 12px 5px +} + +.x-cmd-slicer.x-panel-header-default-framed-right:before { + display: none; + content: "x-slicer:, frame:4px 4px 4px 0, corners:url(images/panel-header/panel-header-default-framed-right-corners.gif), sides:url(images/panel-header/panel-header-default-framed-right-sides.gif)" !important +} + +.x-panel-header-default-framed-bottom { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 5px 15px 5px 15px; + border-width: 0 1px 1px 1px; + border-style: solid; + background-color: #f5f5f5 +} + +.x-panel-header-default-framed-bottom-mc { + background-color: #f5f5f5 +} + +.x-nbr .x-panel-header-default-framed-bottom { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-panel-header-default-framed-bottom-frameInfo { + font-family: dh-0-4-4-4-0-1-1-1-5-15-5-15 +} + +.x-panel-header-default-framed-bottom-tl { + background-position: 0 -8px +} + +.x-panel-header-default-framed-bottom-tr { + background-position: right -12px +} + +.x-panel-header-default-framed-bottom-bl { + background-position: 0 -16px +} + +.x-panel-header-default-framed-bottom-br { + background-position: right -20px +} + +.x-panel-header-default-framed-bottom-ml { + background-position: 0 bottom +} + +.x-panel-header-default-framed-bottom-mr { + background-position: right bottom +} + +.x-panel-header-default-framed-bottom-tc { + background-position: 0 0 +} + +.x-panel-header-default-framed-bottom-bc { + background-position: 0 -4px +} + +.x-panel-header-default-framed-bottom-tr, +.x-panel-header-default-framed-bottom-br, +.x-panel-header-default-framed-bottom-mr { + padding-right: 4px +} + +.x-panel-header-default-framed-bottom-tl, +.x-panel-header-default-framed-bottom-bl, +.x-panel-header-default-framed-bottom-ml { + padding-left: 4px +} + +.x-panel-header-default-framed-bottom-tc { + height: 0 +} + +.x-panel-header-default-framed-bottom-bc { + height: 4px +} + +.x-panel-header-default-framed-bottom-tl, +.x-panel-header-default-framed-bottom-bl, +.x-panel-header-default-framed-bottom-tr, +.x-panel-header-default-framed-bottom-br, +.x-panel-header-default-framed-bottom-tc, +.x-panel-header-default-framed-bottom-bc, +.x-panel-header-default-framed-bottom-ml, +.x-panel-header-default-framed-bottom-mr { + background-image: url(images/panel-header/panel-header-default-framed-bottom-corners.gif) +} + +.x-panel-header-default-framed-bottom-ml, +.x-panel-header-default-framed-bottom-mr { + background-image: url(images/panel-header/panel-header-default-framed-bottom-sides.gif); + background-repeat: repeat-y +} + +.x-panel-header-default-framed-bottom-mc { + padding: 5px 12px 2px 12px +} + +.x-cmd-slicer.x-panel-header-default-framed-bottom:before { + display: none; + content: "x-slicer:, frame:0 4px 4px 4px, corners:url(images/panel-header/panel-header-default-framed-bottom-corners.gif), sides:url(images/panel-header/panel-header-default-framed-bottom-sides.gif)" !important +} + +.x-panel-header-default-framed-left { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 15px 5px 15px 5px; + border-width: 1px 0 1px 1px; + border-style: solid; + background-color: #f5f5f5 +} + +.x-panel-header-default-framed-left-mc { + background-color: #f5f5f5 +} + +.x-nbr .x-panel-header-default-framed-left { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-panel-header-default-framed-left-frameInfo { + font-family: dh-4-0-4-4-1-0-1-1-15-5-15-5 +} + +.x-panel-header-default-framed-left-tl { + background-position: 0 -8px +} + +.x-panel-header-default-framed-left-tr { + background-position: right -12px +} + +.x-panel-header-default-framed-left-bl { + background-position: 0 -16px +} + +.x-panel-header-default-framed-left-br { + background-position: right -20px +} + +.x-panel-header-default-framed-left-ml { + background-position: left 0 +} + +.x-panel-header-default-framed-left-mr { + background-position: left 0 +} + +.x-panel-header-default-framed-left-tc { + background-position: 0 0 +} + +.x-panel-header-default-framed-left-bc { + background-position: 0 -4px +} + +.x-panel-header-default-framed-left-tr, +.x-panel-header-default-framed-left-br, +.x-panel-header-default-framed-left-mr { + padding-right: 0 +} + +.x-panel-header-default-framed-left-tl, +.x-panel-header-default-framed-left-bl, +.x-panel-header-default-framed-left-ml { + padding-left: 4px +} + +.x-panel-header-default-framed-left-tc { + height: 4px +} + +.x-panel-header-default-framed-left-bc { + height: 4px +} + +.x-panel-header-default-framed-left-tl, +.x-panel-header-default-framed-left-bl, +.x-panel-header-default-framed-left-tr, +.x-panel-header-default-framed-left-br, +.x-panel-header-default-framed-left-tc, +.x-panel-header-default-framed-left-bc, +.x-panel-header-default-framed-left-ml, +.x-panel-header-default-framed-left-mr { + background-image: url(images/panel-header/panel-header-default-framed-left-corners.gif) +} + +.x-panel-header-default-framed-left-ml, +.x-panel-header-default-framed-left-mr { + background-image: url(images/panel-header/panel-header-default-framed-left-sides.gif); + background-repeat: repeat-y +} + +.x-panel-header-default-framed-left-mc { + padding: 12px 5px 12px 2px +} + +.x-cmd-slicer.x-panel-header-default-framed-left:before { + display: none; + content: "x-slicer:, frame:4px 0 4px 4px, corners:url(images/panel-header/panel-header-default-framed-left-corners.gif), sides:url(images/panel-header/panel-header-default-framed-left-sides.gif)" !important +} + +.x-panel-header-default-framed-collapsed-top { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 5px 15px 5px 15px; + border-width: 1px; + border-style: solid; + background-color: #f5f5f5 +} + +.x-panel-header-default-framed-collapsed-top-mc { + background-color: #f5f5f5 +} + +.x-nbr .x-panel-header-default-framed-collapsed-top { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-panel-header-default-framed-collapsed-top-frameInfo { + font-family: dh-4-4-4-4-1-1-1-1-5-15-5-15 +} + +.x-panel-header-default-framed-collapsed-top-tl { + background-position: 0 -8px +} + +.x-panel-header-default-framed-collapsed-top-tr { + background-position: right -12px +} + +.x-panel-header-default-framed-collapsed-top-bl { + background-position: 0 -16px +} + +.x-panel-header-default-framed-collapsed-top-br { + background-position: right -20px +} + +.x-panel-header-default-framed-collapsed-top-ml { + background-position: 0 top +} + +.x-panel-header-default-framed-collapsed-top-mr { + background-position: right top +} + +.x-panel-header-default-framed-collapsed-top-tc { + background-position: 0 0 +} + +.x-panel-header-default-framed-collapsed-top-bc { + background-position: 0 -4px +} + +.x-panel-header-default-framed-collapsed-top-tr, +.x-panel-header-default-framed-collapsed-top-br, +.x-panel-header-default-framed-collapsed-top-mr { + padding-right: 4px +} + +.x-panel-header-default-framed-collapsed-top-tl, +.x-panel-header-default-framed-collapsed-top-bl, +.x-panel-header-default-framed-collapsed-top-ml { + padding-left: 4px +} + +.x-panel-header-default-framed-collapsed-top-tc { + height: 4px +} + +.x-panel-header-default-framed-collapsed-top-bc { + height: 4px +} + +.x-panel-header-default-framed-collapsed-top-tl, +.x-panel-header-default-framed-collapsed-top-bl, +.x-panel-header-default-framed-collapsed-top-tr, +.x-panel-header-default-framed-collapsed-top-br, +.x-panel-header-default-framed-collapsed-top-tc, +.x-panel-header-default-framed-collapsed-top-bc, +.x-panel-header-default-framed-collapsed-top-ml, +.x-panel-header-default-framed-collapsed-top-mr { + background-image: url(images/panel-header/panel-header-default-framed-collapsed-top-corners.gif) +} + +.x-panel-header-default-framed-collapsed-top-ml, +.x-panel-header-default-framed-collapsed-top-mr { + background-image: url(images/panel-header/panel-header-default-framed-collapsed-top-sides.gif); + background-repeat: repeat-y +} + +.x-panel-header-default-framed-collapsed-top-mc { + padding: 2px 12px 2px 12px +} + +.x-cmd-slicer.x-panel-header-default-framed-collapsed-top:before { + display: none; + content: "x-slicer:, frame:4px 4px 4px 4px, corners:url(images/panel-header/panel-header-default-framed-collapsed-top-corners.gif), sides:url(images/panel-header/panel-header-default-framed-collapsed-top-sides.gif)" !important +} + +.x-panel-header-default-framed-collapsed-right { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 15px 5px 15px 5px; + border-width: 1px; + border-style: solid; + background-color: #f5f5f5 +} + +.x-panel-header-default-framed-collapsed-right-mc { + background-color: #f5f5f5 +} + +.x-nbr .x-panel-header-default-framed-collapsed-right { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-panel-header-default-framed-collapsed-right-frameInfo { + font-family: dh-4-4-4-4-1-1-1-1-15-5-15-5 +} + +.x-panel-header-default-framed-collapsed-right-tl { + background-position: 0 -8px +} + +.x-panel-header-default-framed-collapsed-right-tr { + background-position: right -12px +} + +.x-panel-header-default-framed-collapsed-right-bl { + background-position: 0 -16px +} + +.x-panel-header-default-framed-collapsed-right-br { + background-position: right -20px +} + +.x-panel-header-default-framed-collapsed-right-ml { + background-position: right 0 +} + +.x-panel-header-default-framed-collapsed-right-mr { + background-position: right 0 +} + +.x-panel-header-default-framed-collapsed-right-tc { + background-position: 0 0 +} + +.x-panel-header-default-framed-collapsed-right-bc { + background-position: 0 -4px +} + +.x-panel-header-default-framed-collapsed-right-tr, +.x-panel-header-default-framed-collapsed-right-br, +.x-panel-header-default-framed-collapsed-right-mr { + padding-right: 4px +} + +.x-panel-header-default-framed-collapsed-right-tl, +.x-panel-header-default-framed-collapsed-right-bl, +.x-panel-header-default-framed-collapsed-right-ml { + padding-left: 4px +} + +.x-panel-header-default-framed-collapsed-right-tc { + height: 4px +} + +.x-panel-header-default-framed-collapsed-right-bc { + height: 4px +} + +.x-panel-header-default-framed-collapsed-right-tl, +.x-panel-header-default-framed-collapsed-right-bl, +.x-panel-header-default-framed-collapsed-right-tr, +.x-panel-header-default-framed-collapsed-right-br, +.x-panel-header-default-framed-collapsed-right-tc, +.x-panel-header-default-framed-collapsed-right-bc, +.x-panel-header-default-framed-collapsed-right-ml, +.x-panel-header-default-framed-collapsed-right-mr { + background-image: url(images/panel-header/panel-header-default-framed-collapsed-right-corners.gif) +} + +.x-panel-header-default-framed-collapsed-right-ml, +.x-panel-header-default-framed-collapsed-right-mr { + background-image: url(images/panel-header/panel-header-default-framed-collapsed-right-sides.gif); + background-repeat: repeat-y +} + +.x-panel-header-default-framed-collapsed-right-mc { + padding: 12px 2px 12px 2px +} + +.x-cmd-slicer.x-panel-header-default-framed-collapsed-right:before { + display: none; + content: "x-slicer:, frame:4px 4px 4px 4px, corners:url(images/panel-header/panel-header-default-framed-collapsed-right-corners.gif), sides:url(images/panel-header/panel-header-default-framed-collapsed-right-sides.gif)" !important +} + +.x-panel-header-default-framed-collapsed-bottom { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 5px 15px 5px 15px; + border-width: 1px; + border-style: solid; + background-color: #f5f5f5 +} + +.x-panel-header-default-framed-collapsed-bottom-mc { + background-color: #f5f5f5 +} + +.x-nbr .x-panel-header-default-framed-collapsed-bottom { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-panel-header-default-framed-collapsed-bottom-frameInfo { + font-family: dh-4-4-4-4-1-1-1-1-5-15-5-15 +} + +.x-panel-header-default-framed-collapsed-bottom-tl { + background-position: 0 -8px +} + +.x-panel-header-default-framed-collapsed-bottom-tr { + background-position: right -12px +} + +.x-panel-header-default-framed-collapsed-bottom-bl { + background-position: 0 -16px +} + +.x-panel-header-default-framed-collapsed-bottom-br { + background-position: right -20px +} + +.x-panel-header-default-framed-collapsed-bottom-ml { + background-position: 0 bottom +} + +.x-panel-header-default-framed-collapsed-bottom-mr { + background-position: right bottom +} + +.x-panel-header-default-framed-collapsed-bottom-tc { + background-position: 0 0 +} + +.x-panel-header-default-framed-collapsed-bottom-bc { + background-position: 0 -4px +} + +.x-panel-header-default-framed-collapsed-bottom-tr, +.x-panel-header-default-framed-collapsed-bottom-br, +.x-panel-header-default-framed-collapsed-bottom-mr { + padding-right: 4px +} + +.x-panel-header-default-framed-collapsed-bottom-tl, +.x-panel-header-default-framed-collapsed-bottom-bl, +.x-panel-header-default-framed-collapsed-bottom-ml { + padding-left: 4px +} + +.x-panel-header-default-framed-collapsed-bottom-tc { + height: 4px +} + +.x-panel-header-default-framed-collapsed-bottom-bc { + height: 4px +} + +.x-panel-header-default-framed-collapsed-bottom-tl, +.x-panel-header-default-framed-collapsed-bottom-bl, +.x-panel-header-default-framed-collapsed-bottom-tr, +.x-panel-header-default-framed-collapsed-bottom-br, +.x-panel-header-default-framed-collapsed-bottom-tc, +.x-panel-header-default-framed-collapsed-bottom-bc, +.x-panel-header-default-framed-collapsed-bottom-ml, +.x-panel-header-default-framed-collapsed-bottom-mr { + background-image: url(images/panel-header/panel-header-default-framed-collapsed-bottom-corners.gif) +} + +.x-panel-header-default-framed-collapsed-bottom-ml, +.x-panel-header-default-framed-collapsed-bottom-mr { + background-image: url(images/panel-header/panel-header-default-framed-collapsed-bottom-sides.gif); + background-repeat: repeat-y +} + +.x-panel-header-default-framed-collapsed-bottom-mc { + padding: 2px 12px 2px 12px +} + +.x-cmd-slicer.x-panel-header-default-framed-collapsed-bottom:before { + display: none; + content: "x-slicer:, frame:4px 4px 4px 4px, corners:url(images/panel-header/panel-header-default-framed-collapsed-bottom-corners.gif), sides:url(images/panel-header/panel-header-default-framed-collapsed-bottom-sides.gif)" !important +} + +.x-panel-header-default-framed-collapsed-left { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 15px 5px 15px 5px; + border-width: 1px; + border-style: solid; + background-color: #f5f5f5 +} + +.x-panel-header-default-framed-collapsed-left-mc { + background-color: #f5f5f5 +} + +.x-nbr .x-panel-header-default-framed-collapsed-left { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-panel-header-default-framed-collapsed-left-frameInfo { + font-family: dh-4-4-4-4-1-1-1-1-15-5-15-5 +} + +.x-panel-header-default-framed-collapsed-left-tl { + background-position: 0 -8px +} + +.x-panel-header-default-framed-collapsed-left-tr { + background-position: right -12px +} + +.x-panel-header-default-framed-collapsed-left-bl { + background-position: 0 -16px +} + +.x-panel-header-default-framed-collapsed-left-br { + background-position: right -20px +} + +.x-panel-header-default-framed-collapsed-left-ml { + background-position: left 0 +} + +.x-panel-header-default-framed-collapsed-left-mr { + background-position: left 0 +} + +.x-panel-header-default-framed-collapsed-left-tc { + background-position: 0 0 +} + +.x-panel-header-default-framed-collapsed-left-bc { + background-position: 0 -4px +} + +.x-panel-header-default-framed-collapsed-left-tr, +.x-panel-header-default-framed-collapsed-left-br, +.x-panel-header-default-framed-collapsed-left-mr { + padding-right: 4px +} + +.x-panel-header-default-framed-collapsed-left-tl, +.x-panel-header-default-framed-collapsed-left-bl, +.x-panel-header-default-framed-collapsed-left-ml { + padding-left: 4px +} + +.x-panel-header-default-framed-collapsed-left-tc { + height: 4px +} + +.x-panel-header-default-framed-collapsed-left-bc { + height: 4px +} + +.x-panel-header-default-framed-collapsed-left-tl, +.x-panel-header-default-framed-collapsed-left-bl, +.x-panel-header-default-framed-collapsed-left-tr, +.x-panel-header-default-framed-collapsed-left-br, +.x-panel-header-default-framed-collapsed-left-tc, +.x-panel-header-default-framed-collapsed-left-bc, +.x-panel-header-default-framed-collapsed-left-ml, +.x-panel-header-default-framed-collapsed-left-mr { + background-image: url(images/panel-header/panel-header-default-framed-collapsed-left-corners.gif) +} + +.x-panel-header-default-framed-collapsed-left-ml, +.x-panel-header-default-framed-collapsed-left-mr { + background-image: url(images/panel-header/panel-header-default-framed-collapsed-left-sides.gif); + background-repeat: repeat-y +} + +.x-panel-header-default-framed-collapsed-left-mc { + padding: 12px 2px 12px 2px +} + +.x-cmd-slicer.x-panel-header-default-framed-collapsed-left:before { + display: none; + content: "x-slicer:, frame:4px 4px 4px 4px, corners:url(images/panel-header/panel-header-default-framed-collapsed-left-corners.gif), sides:url(images/panel-header/panel-header-default-framed-collapsed-left-sides.gif)" !important +} + +.x-panel .x-panel-header-default-framed-top { + border-bottom-width: 1px !important +} + +.x-panel .x-panel-header-default-framed-right { + border-left-width: 1px !important +} + +.x-panel .x-panel-header-default-framed-bottom { + border-top-width: 1px !important +} + +.x-panel .x-panel-header-default-framed-left { + border-right-width: 1px !important +} + +.x-nbr .x-panel-header-default-framed-collapsed-top { + border-bottom-width: 0 !important +} + +.x-nbr .x-panel-header-default-framed-collapsed-right { + border-left-width: 0 !important +} + +.x-nbr .x-panel-header-default-framed-collapsed-bottom { + border-top-width: 0 !important +} + +.x-nbr .x-panel-header-default-framed-collapsed-left { + border-right-width: 0 !important +} + +.x-panel-header-default-framed-horizontal .x-tool-after-title { + margin: 0 0 0 6px +} + +.x-panel-header-default-framed-horizontal .x-tool-before-title { + margin: 0 6px 0 0 +} + +.x-panel-header-default-framed-vertical .x-tool-after-title { + margin: 6px 0 0 0 +} + +.x-panel-header-default-framed-vertical .x-tool-before-title { + margin: 0 0 6px 0 +} + +.x-panel-header-default-framed .x-tool-focus { + outline: 1px solid #157fcc; + outline-offset: 1px +} + +.x-ie .x-panel-header-default-framed .x-tool-focus, +.x-ie10p .x-panel-header-default-framed .x-tool-focus, +.x-edge .x-panel-header-default-framed .x-tool-focus { + outline: none +} + +.x-ie .x-panel-header-default-framed .x-tool-focus:after, +.x-ie10p .x-panel-header-default-framed .x-tool-focus:after, +.x-edge .x-panel-header-default-framed .x-tool-focus:after { + position: absolute; + content: ' '; + top: -2px; + right: -2px; + bottom: -2px; + left: -2px; + border: 1px solid #157fcc; + pointer-events: none +} + +.x-panel-default-framed-resizable .x-panel-handle { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + opacity: 0 +} + +.x-panel-default-framed-outer-border-l { + border-left-color: #f5f5f5 !important; + border-left-width: 1px !important +} + +.x-panel-default-framed-outer-border-b { + border-bottom-color: #f5f5f5 !important; + border-bottom-width: 1px !important +} + +.x-panel-default-framed-outer-border-bl { + border-bottom-color: #f5f5f5 !important; + border-bottom-width: 1px !important; + border-left-color: #f5f5f5 !important; + border-left-width: 1px !important +} + +.x-panel-default-framed-outer-border-r { + border-right-color: #f5f5f5 !important; + border-right-width: 1px !important +} + +.x-panel-default-framed-outer-border-rl { + border-right-color: #f5f5f5 !important; + border-right-width: 1px !important; + border-left-color: #f5f5f5 !important; + border-left-width: 1px !important +} + +.x-panel-default-framed-outer-border-rb { + border-right-color: #f5f5f5 !important; + border-right-width: 1px !important; + border-bottom-color: #f5f5f5 !important; + border-bottom-width: 1px !important +} + +.x-panel-default-framed-outer-border-rbl { + border-right-color: #f5f5f5 !important; + border-right-width: 1px !important; + border-bottom-color: #f5f5f5 !important; + border-bottom-width: 1px !important; + border-left-color: #f5f5f5 !important; + border-left-width: 1px !important +} + +.x-panel-default-framed-outer-border-t { + border-top-color: #f5f5f5 !important; + border-top-width: 1px !important +} + +.x-panel-default-framed-outer-border-tl { + border-top-color: #f5f5f5 !important; + border-top-width: 1px !important; + border-left-color: #f5f5f5 !important; + border-left-width: 1px !important +} + +.x-panel-default-framed-outer-border-tb { + border-top-color: #f5f5f5 !important; + border-top-width: 1px !important; + border-bottom-color: #f5f5f5 !important; + border-bottom-width: 1px !important +} + +.x-panel-default-framed-outer-border-tbl { + border-top-color: #f5f5f5 !important; + border-top-width: 1px !important; + border-bottom-color: #f5f5f5 !important; + border-bottom-width: 1px !important; + border-left-color: #f5f5f5 !important; + border-left-width: 1px !important +} + +.x-panel-default-framed-outer-border-tr { + border-top-color: #f5f5f5 !important; + border-top-width: 1px !important; + border-right-color: #f5f5f5 !important; + border-right-width: 1px !important +} + +.x-panel-default-framed-outer-border-trl { + border-top-color: #f5f5f5 !important; + border-top-width: 1px !important; + border-right-color: #f5f5f5 !important; + border-right-width: 1px !important; + border-left-color: #f5f5f5 !important; + border-left-width: 1px !important +} + +.x-panel-default-framed-outer-border-trb { + border-top-color: #f5f5f5 !important; + border-top-width: 1px !important; + border-right-color: #f5f5f5 !important; + border-right-width: 1px !important; + border-bottom-color: #f5f5f5 !important; + border-bottom-width: 1px !important +} + +.x-panel-default-framed-outer-border-trbl { + border-color: #f5f5f5 !important; + border-width: 1px !important +} + +.x-tip-default { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 2px 2px 2px 2px; + border-width: 1px; + border-style: solid; + background-color: #ebf4fb +} + +.x-tip-default-mc { + background-color: #ebf4fb +} + +.x-nbr .x-tip-default { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-tip-default-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-2-2-2-2 +} + +.x-tip-default-tl { + background-position: 0 -6px +} + +.x-tip-default-tr { + background-position: right -9px +} + +.x-tip-default-bl { + background-position: 0 -12px +} + +.x-tip-default-br { + background-position: right -15px +} + +.x-tip-default-ml { + background-position: 0 top +} + +.x-tip-default-mr { + background-position: right top +} + +.x-tip-default-tc { + background-position: 0 0 +} + +.x-tip-default-bc { + background-position: 0 -3px +} + +.x-tip-default-tr, +.x-tip-default-br, +.x-tip-default-mr { + padding-right: 3px +} + +.x-tip-default-tl, +.x-tip-default-bl, +.x-tip-default-ml { + padding-left: 3px +} + +.x-tip-default-tc { + height: 3px +} + +.x-tip-default-bc { + height: 3px +} + +.x-tip-default-tl, +.x-tip-default-bl, +.x-tip-default-tr, +.x-tip-default-br, +.x-tip-default-tc, +.x-tip-default-bc, +.x-tip-default-ml, +.x-tip-default-mr { + background-image: url(images/tip/tip-default-corners.gif) +} + +.x-tip-default-ml, +.x-tip-default-mr { + background-image: url(images/tip/tip-default-sides.gif); + background-repeat: repeat-y +} + +.x-tip-default-mc { + padding: 0px 0px 0px 0px +} + +.x-cmd-slicer.x-tip-default:before { + display: none; + content: "x-slicer:, frame:3px 3px 3px 3px, corners:url(images/tip/tip-default-corners.gif), sides:url(images/tip/tip-default-sides.gif)" !important +} + +.x-tip-default { + background-color: #ebf4fb; + border-color: #e1e1e1 +} + +.x-tip-default .x-tool-img { + background-image: url(images/tools/tool-sprites-dark.png); + background-color: #ebf4fb +} + +.x-tip-header-default .x-tool-after-title { + margin: 0 0 0 6px +} + +.x-tip-header-default .x-tool-before-title { + margin: 0 6px 0 0 +} + +.x-tip-header-default { + padding: 3px 3px 0 3px +} + +.x-tip-header-title-default { + color: #000; + font-size: 15px; + font-weight: bold +} + +.x-tip-body-default { + padding: 3px; + color: #000; + font-size: 15px; + font-weight: 300 +} + +.x-tip-body-default a { + color: #000 +} + +.x-tip-default .x-tip-anchor { + border: 10px solid transparent; + _border-color: pink; + _filter: chroma(color=pink) +} + +.x-tip-default .x-tip-anchor:after { + position: absolute; + border: 9px solid transparent; + content: ""; + _border-color: pink; + _filter: chroma(color=pink) +} + +.x-tip-default .x-tip-anchor-top { + border-top-width: 0; + border-bottom: 10px solid #d4d4d4; + top: -10px +} + +.x-tip-default .x-tip-anchor-bottom { + border-bottom-width: 0; + border-top: 10px solid #d4d4d4; + bottom: -10px +} + +.x-tip-default .x-tip-anchor-left { + border-left-width: 0; + border-right: 10px solid #d4d4d4; + left: -10px +} + +.x-tip-default .x-tip-anchor-right { + border-right-width: 0; + border-left: 10px solid #d4d4d4; + right: -10px +} + +.x-tip-default .x-tip-anchor-top:after { + border-top-width: 0; + border-bottom-color: #ebf4fb; + top: 1px; + margin-left: -9px +} + +.x-tip-default .x-tip-anchor-bottom:after { + border-bottom-width: 0; + border-top-color: #ebf4fb; + bottom: 1px; + margin-left: -9px +} + +.x-tip-default .x-tip-anchor-left:after { + border-left-width: 0; + border-right-color: #ebf4fb; + left: 1px; + margin-top: -9px +} + +.x-tip-default .x-tip-anchor-right:after { + border-right-width: 0; + border-left-color: #ebf4fb; + right: 1px; + margin-top: -9px +} + +.x-menu-default { + border-style: solid; + border-width: 1px; + border-color: #e1e1e1 +} + +.x-menu-body-default { + background: #fff; + padding: 0 +} + +.x-menu-icon-separator-default { + left: 34px; + border-left: solid 1px #e1e1e1; + background-color: #fff; + width: 1px +} + +.x-menu-item-default { + border-width: 0; + cursor: pointer +} + +.x-menu-item-default.x-menu-item-focus, +.x-menu-item-default.x-menu-item-active { + background-image: none; + background-color: #d6e9f6 +} + +.x-nlg .x-menu-item-default.x-menu-item-focus, +.x-nlg .x-menu-item-default.x-menu-item-active { + background: #d6e9f6 repeat-x left top; + background-image: url(images/menu/menu-item-default-active-bg.gif) +} + +.x-menu-item-default.x-menu-item-disabled { + cursor: default +} + +.x-menu-item-default.x-menu-item-disabled a { + cursor: default +} + +.x-menu-item-default.x-menu-item-separator { + height: 1px; + border-top: solid 1px #e1e1e1; + background-color: #fff; + margin: 2px 0; + padding: 0 +} + +.x-menu-item-default.x-menu-item-disabled { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5 +} + +.x-ie9m .x-menu-item-default.x-menu-item-disabled .x-menu-item-icon-ui { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5 +} + +.x-ie9m .x-menu-item-default.x-menu-item-disabled .x-menu-item-text-default { + background-color: transparent +} + +.x-menu-item-text-default, +.x-menu-item-cmp-default { + margin: 0 5px 0 5px +} + +.x-menu-item-text-default { + font: 300 15px helvetica, arial, verdana, sans-serif; + line-height: 31px; + padding-top: 1px; + color: #000; + cursor: pointer +} + +.x-menu-item-text-default.x-menu-item-indent { + margin-left: 40px +} + +.x-menu-item-text-default.x-menu-item-indent-no-separator { + margin-left: 34px +} + +.x-menu-item-text-default.x-menu-item-indent-right-icon { + margin-right: 39px +} + +.x-menu-item-text-default.x-menu-item-indent-right-arrow { + margin-right: 28px +} + +.x-menu-item-disabled .x-menu-item-text-default { + cursor: default +} + +.x-menu-item-indent-default { + margin-left: 40px +} + +.x-menu-item-icon-default { + width: 24px; + height: 24px; + top: 4px; + left: 5px; + line-height: 24px; + font-size: 24px; + color: grey; + background-position: center center +} + +.x-menu-item-icon-default.x-menu-item-glyph { + opacity: 0.5 +} + +.x-ie8 .x-menu-item-icon-default.x-menu-item-glyph { + color: silver +} + +.x-menu-item-icon-default.x-menu-item-icon-right { + width: 24px; + height: 24px; + top: 4px; + right: 5px; + left: auto; + background-position: center center +} + +.x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox { + background-image: url(images/menu/default-checked.png) +} + +.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-item-checkbox { + background-image: url(images/menu/default-unchecked.png) +} + +.x-menu-item-checked .x-menu-item-icon-default.x-menu-group-icon { + background-image: url(images/menu/default-group-checked.png) +} + +.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-group-icon { + background-image: none +} + +.x-menu-item-arrow-default { + width: 18px; + height: 18px; + top: 7px; + right: 0; + background-image: url(images/menu/default-menu-parent.png) +} + +.x-menu-item-focus .x-menu-item-arrow-default, +.x-menu-item-active .x-menu-item-arrow-default { + top: 7px; + right: 0 +} + +.x-menu-default-scroller .x-box-scroller-body-horizontal { + margin-left: 16px +} + +.x-menu-default-vertical-scroller .x-box-scroller-body-vertical { + margin-top: 40px +} + +.x-box-scroller-menu-default { + cursor: pointer; + color: #e1e1e1; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5 +} + +.x-box-scroller-menu-default.x-box-scroller-hover { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + opacity: 0.6 +} + +.x-box-scroller-menu-default.x-box-scroller-pressed { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + opacity: 0.7 +} + +.x-box-scroller-menu-default.x-box-scroller-disabled { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; + opacity: 0.25; + cursor: default +} + +.x-box-scroller-menu-default.x-box-scroller-top, +.x-box-scroller-menu-default.x-box-scroller-bottom { + height: 32px; + width: 32px; + left: 50%; + margin-left: -16px +} + +.x-box-scroller-menu-default.x-box-scroller-top { + margin-top: 4px; + margin-right: 0; + margin-bottom: 4px; + background-image: url(images/menu/default-scroll-top.png) +} + +.x-box-scroller-menu-default.x-box-scroller-bottom { + margin-top: 4px; + margin-right: 0; + margin-bottom: 4px; + background-image: url(images/menu/default-scroll-bottom.png) +} + +.x-ie8 .x-box-scroller-menu-default { + background-color: #fff +} + +.x-menu-default-menubar { + border-style: solid; + border-width: 1px; + border-color: #e1e1e1 +} + +.x-menu-body-default-menubar { + background: #fff; + padding: 0 +} + +.x-menu-icon-separator-default-menubar { + left: 34px; + border-left: solid 1px #e1e1e1; + background-color: #fff; + width: 1px +} + +.x-menu-item-default-menubar { + border-width: 0; + cursor: pointer +} + +.x-menu-item-default-menubar.x-menu-item-focus, +.x-menu-item-default-menubar.x-menu-item-active { + background-image: none; + background-color: #d6e9f6 +} + +.x-nlg .x-menu-item-default-menubar.x-menu-item-focus, +.x-nlg .x-menu-item-default-menubar.x-menu-item-active { + background: #d6e9f6 repeat-x left top; + background-image: url(images/menu/menu-item-default-menubar-active-bg.gif) +} + +.x-menu-item-default-menubar.x-menu-item-disabled { + cursor: default +} + +.x-menu-item-default-menubar.x-menu-item-disabled a { + cursor: default +} + +.x-menu-item-default-menubar.x-menu-item-separator { + height: 1px; + border-top: solid 1px #e1e1e1; + background-color: #fff; + margin: 2px 0; + padding: 0 +} + +.x-menu-item-default-menubar.x-menu-item-disabled { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5 +} + +.x-ie9m .x-menu-item-default-menubar.x-menu-item-disabled .x-menu-item-icon-ui { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5 +} + +.x-ie9m .x-menu-item-default-menubar.x-menu-item-disabled .x-menu-item-text-default-menubar { + background-color: transparent +} + +.x-menu-item-text-default-menubar, +.x-menu-item-cmp-default-menubar { + margin: 0 5px 0 5px +} + +.x-menu-item-text-default-menubar { + font: 300 15px helvetica, arial, verdana, sans-serif; + line-height: 31px; + padding-top: 1px; + color: #000; + cursor: pointer +} + +.x-menu-item-text-default-menubar.x-menu-item-indent { + margin-left: 40px +} + +.x-menu-item-text-default-menubar.x-menu-item-indent-no-separator { + margin-left: 34px +} + +.x-menu-item-text-default-menubar.x-menu-item-indent-right-icon { + margin-right: 39px +} + +.x-menu-item-text-default-menubar.x-menu-item-indent-right-arrow { + margin-right: 49px +} + +.x-menu-item-disabled .x-menu-item-text-default-menubar { + cursor: default +} + +.x-menu-item-indent-default-menubar { + margin-left: 40px +} + +.x-menu-item-icon-default-menubar { + width: 24px; + height: 24px; + top: 4px; + left: 5px; + line-height: 24px; + font-size: 24px; + color: grey; + background-position: center center +} + +.x-menu-item-icon-default-menubar.x-menu-item-glyph { + opacity: 0.5 +} + +.x-ie8 .x-menu-item-icon-default-menubar.x-menu-item-glyph { + color: silver +} + +.x-menu-item-icon-default-menubar.x-menu-item-icon-right { + width: 24px; + height: 24px; + top: 4px; + right: 5px; + left: auto; + background-position: center center +} + +.x-menu-item-checked .x-menu-item-icon-default-menubar.x-menu-item-checkbox { + background-image: url(images/menu/default-menubar-checked.png) +} + +.x-menu-item-unchecked .x-menu-item-icon-default-menubar.x-menu-item-checkbox { + background-image: url(images/menu/default-menubar-unchecked.png) +} + +.x-menu-item-checked .x-menu-item-icon-default-menubar.x-menu-group-icon { + background-image: url(images/menu/default-menubar-group-checked.png) +} + +.x-menu-item-unchecked .x-menu-item-icon-default-menubar.x-menu-group-icon { + background-image: none +} + +.x-menu-item-arrow-default-menubar { + width: 24px; + height: 12px; + top: 13px; + right: 10px; + background-image: url(images/menu/default-menubar-menu-parent.png) +} + +.x-menu-item-focus .x-menu-item-arrow-default-menubar, +.x-menu-item-active .x-menu-item-arrow-default-menubar { + top: 13px; + right: 10px +} + +.x-menu-default-menubar-scroller .x-box-scroller-body-horizontal { + margin-left: 16px +} + +.x-menu-default-menubar-vertical-scroller .x-box-scroller-body-vertical { + margin-top: 40px +} + +.x-box-scroller-menu-default-menubar { + cursor: pointer; + color: #e1e1e1; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5 +} + +.x-box-scroller-menu-default-menubar.x-box-scroller-hover { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + opacity: 0.6 +} + +.x-box-scroller-menu-default-menubar.x-box-scroller-pressed { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + opacity: 0.7 +} + +.x-box-scroller-menu-default-menubar.x-box-scroller-disabled { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; + opacity: 0.25; + cursor: default +} + +.x-box-scroller-menu-default-menubar.x-box-scroller-top, +.x-box-scroller-menu-default-menubar.x-box-scroller-bottom { + height: 32px; + width: 32px; + left: 50%; + margin-left: -16px +} + +.x-box-scroller-menu-default-menubar.x-box-scroller-top { + margin-top: 4px; + margin-right: 0; + margin-bottom: 4px; + background-image: url(images/menu/default-menubar-scroll-top.png) +} + +.x-box-scroller-menu-default-menubar.x-box-scroller-bottom { + margin-top: 4px; + margin-right: 0; + margin-bottom: 4px; + background-image: url(images/menu/default-menubar-scroll-bottom.png) +} + +.x-ie8 .x-box-scroller-menu-default-menubar { + background-color: #fff +} + +.x-resizable-handle { + position: absolute; + z-index: 100; + font-size: 1px; + line-height: 8px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + opacity: 0; + background-color: #cfcfcf +} + +.x-collapsed .x-resizable-handle { + display: none +} + +.x-resizable-handle-southeast { + cursor: se-resize +} + +.x-resizable-handle-northwest { + cursor: nw-resize +} + +.x-resizable-handle-northeast { + cursor: ne-resize +} + +.x-resizable-handle-southwest { + cursor: sw-resize +} + +.x-resizable-handle-east { + cursor: e-resize; + width: 8px; + right: 0; + top: 0; + bottom: 0 +} + +.x-resizable-handle-south { + cursor: s-resize; + height: 8px; + left: 0; + right: 0; + bottom: 0 +} + +.x-resizable-handle-west { + cursor: w-resize; + width: 8px; + left: 0; + top: 0; + bottom: 0 +} + +.x-resizable-handle-north { + cursor: n-resize; + height: 8px; + left: 0; + right: 0; + top: 0 +} + +.x-resizable-handle-southeast { + width: 8px; + height: 8px; + right: 0; + bottom: 0; + z-index: 101 +} + +.x-resizable-handle-northwest { + width: 8px; + height: 8px; + left: 0; + top: 0; + z-index: 101 +} + +.x-resizable-handle-northeast { + width: 8px; + height: 8px; + right: 0; + top: 0; + z-index: 101 +} + +.x-resizable-handle-southwest { + width: 8px; + height: 8px; + left: 0; + bottom: 0; + z-index: 101 +} + +.x-tablet .x-resizable-handle-north, +.x-tablet .x-resizable-handle-south { + height: 16px +} + +.x-tablet .x-resizable-handle-east, +.x-tablet .x-resizable-handle-west { + width: 16px +} + +.x-tablet .x-resizable-handle-northwest, +.x-tablet .x-resizable-handle-northeast, +.x-tablet .x-resizable-handle-southwest, +.x-tablet .x-resizable-handle-southeast { + width: 16px; + height: 16px +} + +.x-resizable-proxy { + border: 1px dashed #3b5a82; + position: absolute; + overflow: hidden; + z-index: 50000 +} + +.x-resizable-handle-over, +.x-resizable-pinned .x-resizable-handle { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + opacity: 1 +} + +.x-resizable-handle-east-over, +.x-resizable-handle-west-over, +.x-resizable-pinned>.x-resizable-handle-east, +.x-resizable-pinned>.x-resizable-handle-west { + background-image: url(images/sizer/e-handle.png) +} + +.x-resizable-handle-south-over, +.x-resizable-handle-north-over, +.x-resizable-pinned>.x-resizable-handle-south, +.x-resizable-pinned>.x-resizable-handle-north { + background-image: url(images/sizer/s-handle.png) +} + +.x-resizable-handle-southeast-over, +.x-resizable-pinned>.x-resizable-handle-southeast { + background-position: top left; + background-image: url(images/sizer/se-handle.png) +} + +.x-resizable-handle-northwest-over, +.x-resizable-pinned>.x-resizable-handle-northwest { + background-position: bottom right; + background-image: url(images/sizer/nw-handle.png) +} + +.x-resizable-handle-northeast-over, +.x-resizable-pinned>.x-resizable-handle-northeast { + background-position: bottom left; + background-image: url(images/sizer/ne-handle.png) +} + +.x-resizable-handle-southwest-over, +.x-resizable-pinned>.x-resizable-handle-southwest { + background-position: top right; + background-image: url(images/sizer/sw-handle.png) +} + +.x-tab-default-top { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; + padding: 3px 12px 3px 12px; + border-width: 1px; + border-style: solid; + background-color: #f5f5f5 +} + +.x-tab-default-top-mc { + background-color: #f5f5f5 +} + +.x-nbr .x-tab-default-top { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-tab-default-top-frameInfo { + font-family: th-2-2-2-2-1-1-1-1-3-12-3-12 +} + +.x-tab-default-top-tl { + background-position: 0 -4px +} + +.x-tab-default-top-tr { + background-position: right -6px +} + +.x-tab-default-top-bl { + background-position: 0 -8px +} + +.x-tab-default-top-br { + background-position: right -10px +} + +.x-tab-default-top-ml { + background-position: 0 top +} + +.x-tab-default-top-mr { + background-position: right top +} + +.x-tab-default-top-tc { + background-position: 0 0 +} + +.x-tab-default-top-bc { + background-position: 0 -2px +} + +.x-tab-default-top-tr, +.x-tab-default-top-br, +.x-tab-default-top-mr { + padding-right: 2px +} + +.x-tab-default-top-tl, +.x-tab-default-top-bl, +.x-tab-default-top-ml { + padding-left: 2px +} + +.x-tab-default-top-tc { + height: 2px +} + +.x-tab-default-top-bc { + height: 2px +} + +.x-tab-default-top-tl, +.x-tab-default-top-bl, +.x-tab-default-top-tr, +.x-tab-default-top-br, +.x-tab-default-top-tc, +.x-tab-default-top-bc, +.x-tab-default-top-ml, +.x-tab-default-top-mr { + background-image: url(images/tab/tab-default-top-corners.gif) +} + +.x-tab-default-top-ml, +.x-tab-default-top-mr { + background-image: url(images/tab/tab-default-top-sides.gif); + background-repeat: repeat-y +} + +.x-tab-default-top-mc { + padding: 2px 11px 2px 11px +} + +.x-cmd-slicer.x-tab-default-top:before { + display: none; + content: "x-slicer:, frame:2px 2px 2px 2px, corners:url(images/tab/tab-default-top-corners.gif), sides:url(images/tab/tab-default-top-sides.gif)" !important +} + +.x-tab-default-bottom { + -moz-border-radius-topleft: 2px; + -webkit-border-top-left-radius: 2px; + border-top-left-radius: 2px; + -moz-border-radius-topright: 2px; + -webkit-border-top-right-radius: 2px; + border-top-right-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; + padding: 3px 12px 3px 12px; + border-width: 1px 1px 1px 1px; + border-style: solid; + background-color: #f5f5f5 +} + +.x-tab-default-bottom-mc { + background-color: #f5f5f5 +} + +.x-nbr .x-tab-default-bottom { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-tab-default-bottom-frameInfo { + font-family: th-2-2-2-2-1-1-1-1-3-12-3-12 +} + +.x-tab-default-bottom-tl { + background-position: 0 -4px +} + +.x-tab-default-bottom-tr { + background-position: right -6px +} + +.x-tab-default-bottom-bl { + background-position: 0 -8px +} + +.x-tab-default-bottom-br { + background-position: right -10px +} + +.x-tab-default-bottom-ml { + background-position: 0 bottom +} + +.x-tab-default-bottom-mr { + background-position: right bottom +} + +.x-tab-default-bottom-tc { + background-position: 0 0 +} + +.x-tab-default-bottom-bc { + background-position: 0 -2px +} + +.x-tab-default-bottom-tr, +.x-tab-default-bottom-br, +.x-tab-default-bottom-mr { + padding-right: 2px +} + +.x-tab-default-bottom-tl, +.x-tab-default-bottom-bl, +.x-tab-default-bottom-ml { + padding-left: 2px +} + +.x-tab-default-bottom-tc { + height: 2px +} + +.x-tab-default-bottom-bc { + height: 2px +} + +.x-tab-default-bottom-tl, +.x-tab-default-bottom-bl, +.x-tab-default-bottom-tr, +.x-tab-default-bottom-br, +.x-tab-default-bottom-tc, +.x-tab-default-bottom-bc, +.x-tab-default-bottom-ml, +.x-tab-default-bottom-mr { + background-image: url(images/tab/tab-default-bottom-corners.gif) +} + +.x-tab-default-bottom-ml, +.x-tab-default-bottom-mr { + background-image: url(images/tab/tab-default-bottom-sides.gif); + background-repeat: repeat-y +} + +.x-tab-default-bottom-mc { + padding: 2px 11px 2px 11px +} + +.x-cmd-slicer.x-tab-default-bottom:before { + display: none; + content: "x-slicer:, frame:2px 2px 2px 2px, corners:url(images/tab/tab-default-bottom-corners.gif), sides:url(images/tab/tab-default-bottom-sides.gif)" !important +} + +.x-tab-default-left { + -moz-border-radius-topleft: 2px; + -webkit-border-top-left-radius: 2px; + border-top-left-radius: 2px; + -moz-border-radius-topright: 2px; + -webkit-border-top-right-radius: 2px; + border-top-right-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; + padding: 3px 12px 3px 12px; + border-width: 1px 1px 1px 1px; + border-style: solid; + background-color: #f5f5f5 +} + +.x-tab-default-left-mc { + background-color: #f5f5f5 +} + +.x-nbr .x-tab-default-left { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-tab-default-left-frameInfo { + font-family: th-2-2-2-2-1-1-1-1-3-12-3-12 +} + +.x-tab-default-left-tl { + background-position: 0 -4px +} + +.x-tab-default-left-tr { + background-position: right -6px +} + +.x-tab-default-left-bl { + background-position: 0 -8px +} + +.x-tab-default-left-br { + background-position: right -10px +} + +.x-tab-default-left-ml { + background-position: 0 top +} + +.x-tab-default-left-mr { + background-position: right top +} + +.x-tab-default-left-tc { + background-position: 0 0 +} + +.x-tab-default-left-bc { + background-position: 0 -2px +} + +.x-tab-default-left-tr, +.x-tab-default-left-br, +.x-tab-default-left-mr { + padding-right: 2px +} + +.x-tab-default-left-tl, +.x-tab-default-left-bl, +.x-tab-default-left-ml { + padding-left: 2px +} + +.x-tab-default-left-tc { + height: 2px +} + +.x-tab-default-left-bc { + height: 2px +} + +.x-tab-default-left-tl, +.x-tab-default-left-bl, +.x-tab-default-left-tr, +.x-tab-default-left-br, +.x-tab-default-left-tc, +.x-tab-default-left-bc, +.x-tab-default-left-ml, +.x-tab-default-left-mr { + background-image: url(images/tab/tab-default-left-corners.gif) +} + +.x-tab-default-left-ml, +.x-tab-default-left-mr { + background-image: url(images/tab/tab-default-left-sides.gif); + background-repeat: repeat-y +} + +.x-tab-default-left-mc { + padding: 2px 11px 2px 11px +} + +.x-cmd-slicer.x-tab-default-left:before { + display: none; + content: "x-slicer:, frame:2px 2px 2px 2px, corners:url(images/tab/tab-default-left-corners.gif), sides:url(images/tab/tab-default-left-sides.gif)" !important +} + +.x-tab-default-right { + -moz-border-radius-topleft: 2px; + -webkit-border-top-left-radius: 2px; + border-top-left-radius: 2px; + -moz-border-radius-topright: 2px; + -webkit-border-top-right-radius: 2px; + border-top-right-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; + padding: 3px 12px 3px 12px; + border-width: 1px 1px 1px 1px; + border-style: solid; + background-color: #f5f5f5 +} + +.x-tab-default-right-mc { + background-color: #f5f5f5 +} + +.x-nbr .x-tab-default-right { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-tab-default-right-frameInfo { + font-family: th-2-2-2-2-1-1-1-1-3-12-3-12 +} + +.x-tab-default-right-tl { + background-position: 0 -4px +} + +.x-tab-default-right-tr { + background-position: right -6px +} + +.x-tab-default-right-bl { + background-position: 0 -8px +} + +.x-tab-default-right-br { + background-position: right -10px +} + +.x-tab-default-right-ml { + background-position: 0 top +} + +.x-tab-default-right-mr { + background-position: right top +} + +.x-tab-default-right-tc { + background-position: 0 0 +} + +.x-tab-default-right-bc { + background-position: 0 -2px +} + +.x-tab-default-right-tr, +.x-tab-default-right-br, +.x-tab-default-right-mr { + padding-right: 2px +} + +.x-tab-default-right-tl, +.x-tab-default-right-bl, +.x-tab-default-right-ml { + padding-left: 2px +} + +.x-tab-default-right-tc { + height: 2px +} + +.x-tab-default-right-bc { + height: 2px +} + +.x-tab-default-right-tl, +.x-tab-default-right-bl, +.x-tab-default-right-tr, +.x-tab-default-right-br, +.x-tab-default-right-tc, +.x-tab-default-right-bc, +.x-tab-default-right-ml, +.x-tab-default-right-mr { + background-image: url(images/tab/tab-default-right-corners.gif) +} + +.x-tab-default-right-ml, +.x-tab-default-right-mr { + background-image: url(images/tab/tab-default-right-sides.gif); + background-repeat: repeat-y +} + +.x-tab-default-right-mc { + padding: 2px 11px 2px 11px +} + +.x-cmd-slicer.x-tab-default-right:before { + display: none; + content: "x-slicer:, frame:2px 2px 2px 2px, corners:url(images/tab/tab-default-right-corners.gif), sides:url(images/tab/tab-default-right-sides.gif)" !important +} + +.x-tab-default { + border-color: #f5f5f5; + cursor: pointer +} + +.x-tab-default-top { + margin: 0 5px +} + +.x-tab-default-top.x-tab-rotate-left { + margin: 0 5px 0 5px +} + +.x-tab-default-top.x-tab-focus { + -webkit-box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset; + -moz-box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset; + box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset +} + +.x-tab-default-top.x-tab-focus.x-tab-over { + -webkit-box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset; + -moz-box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset; + box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset +} + +.x-tab-default-top.x-tab-focus.x-tab-active { + -webkit-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; + -moz-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; + box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset +} + +.x-tab-default-right { + margin: 5px 0 5px 0 +} + +.x-tab-default-right.x-tab-rotate-right { + margin: 5px 0 5px 0 +} + +.x-tab-default-right.x-tab-focus { + -webkit-box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset; + -moz-box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset; + box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset +} + +.x-tab-default-right.x-tab-focus.x-tab-over { + -webkit-box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset; + -moz-box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset; + box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset +} + +.x-tab-default-right.x-tab-focus.x-tab-active { + -webkit-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; + -moz-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; + box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset +} + +.x-tab-default-bottom { + margin: 0 5px 0 5px +} + +.x-tab-default-bottom.x-tab-rotate-left { + margin: 0 5px 0 5px +} + +.x-tab-default-bottom.x-tab-focus { + -webkit-box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset; + -moz-box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset; + box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset +} + +.x-tab-default-bottom.x-tab-focus.x-tab-over { + -webkit-box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset; + -moz-box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset; + box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset +} + +.x-tab-default-bottom.x-tab-focus.x-tab-active { + -webkit-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; + -moz-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; + box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset +} + +.x-tab-default-left { + margin: 5px 0 5px 0 +} + +.x-tab-default-left.x-tab-rotate-right { + margin: 5px 0 5px 0 +} + +.x-tab-default-left.x-tab-focus { + -webkit-box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset; + -moz-box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset; + box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset +} + +.x-tab-default-left.x-tab-focus.x-tab-over { + -webkit-box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset; + -moz-box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset; + box-shadow: #3892d4 0 1px 0px 0 inset, #3892d4 0 -1px 0px 0 inset, #3892d4 -1px 0 0px 0 inset, #3892d4 1px 0 0px 0 inset +} + +.x-tab-default-left.x-tab-focus.x-tab-active { + -webkit-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; + -moz-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; + box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset +} + +.x-tab-button-default { + height: 24px +} + +.x-tab-inner-default { + font: 300 15px/24px helvetica, arial, verdana, sans-serif; + color: #000; + max-width: 100% +} + +.x-tab-icon-right>.x-tab-inner-default, +.x-tab-icon-left>.x-tab-inner-default { + max-width: calc(100% - 24px) +} + +.x-tab-icon-el-default { + min-height: 24px; + background-position: center center; + font-size: 24px; + line-height: 24px; + color: #000 +} + +.x-tab-icon-left>.x-tab-icon-el-default, +.x-tab-icon-right>.x-tab-icon-el-default { + width: 24px +} + +.x-tab-icon-top>.x-tab-icon-el-default, +.x-tab-icon-bottom>.x-tab-icon-el-default { + min-width: 24px +} + +.x-tab-icon-el-default.x-tab-glyph { + opacity: 0.5 +} + +.x-ie8 .x-tab-icon-el-default.x-tab-glyph { + color: #7b7b7b +} + +.x-tab-text.x-tab-icon-left>.x-tab-icon-el-default { + margin-right: 6px +} + +.x-tab-text.x-tab-icon-right>.x-tab-icon-el-default { + margin-left: 6px +} + +.x-tab-text.x-tab-icon-top>.x-tab-icon-el-default { + margin-bottom: 6px +} + +.x-tab-text.x-tab-icon-bottom>.x-tab-icon-el-default { + margin-top: 6px +} + +.x-tab-focus.x-tab-default { + border-color: #f5f5f5; + background-color: #f5f5f5 +} + +.x-tab-over.x-tab-default { + border-color: #c9deed; + background-color: #c9deed +} + +.x-tab-focus.x-tab-over.x-tab-default { + border-color: #c9deed; + background-color: #c9deed +} + +.x-tab.x-tab-active.x-tab-default { + border-color: #3892d4; + background-color: #3892d4 +} + +.x-tab.x-tab-active.x-tab-default .x-tab-inner-default { + color: #fff +} + +.x-tab.x-tab-active.x-tab-default .x-tab-icon-el { + color: #fff +} + +.x-ie8 .x-tab.x-tab-active.x-tab-default .x-tab-icon-el { + color: #9cc9e9 +} + +.x-tab-focus.x-tab-active.x-tab-default { + border-color: #3892d4; + background-color: #3892d4 +} + +.x-tab.x-tab-disabled.x-tab-default { + border-color: #f5f5f5; + background-color: #f5f5f5; + cursor: default +} + +.x-tab.x-tab-disabled.x-tab-default .x-tab-inner-default { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; + opacity: 0.3 +} + +.x-tab.x-tab-disabled.x-tab-default .x-tab-icon-el-default { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5 +} + +.x-tab.x-tab-disabled.x-tab-default .x-tab-icon-el { + color: #000; + opacity: 0.3; + filter: none +} + +.x-ie8 .x-tab.x-tab-disabled.x-tab-default .x-tab-icon-el { + color: #acacac +} + +.x-nbr .x-tab-default { + background-image: none +} + +.x-tab-over .x-tab-default-top-tl, +.x-tab-over .x-tab-default-top-bl, +.x-tab-over .x-tab-default-top-tr, +.x-tab-over .x-tab-default-top-br, +.x-tab-over .x-tab-default-top-tc, +.x-tab-over .x-tab-default-top-bc { + background-image: url(images/tab/tab-default-top-over-corners.gif) +} + +.x-tab-over .x-tab-default-top-ml, +.x-tab-over .x-tab-default-top-mr { + background-image: url(images/tab/tab-default-top-over-sides.gif) +} + +.x-tab-over .x-tab-default-top-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-top-over-fbg.gif) +} + +.x-tab-focus .x-tab-default-top-tl, +.x-tab-focus .x-tab-default-top-bl, +.x-tab-focus .x-tab-default-top-tr, +.x-tab-focus .x-tab-default-top-br, +.x-tab-focus .x-tab-default-top-tc, +.x-tab-focus .x-tab-default-top-bc { + background-image: url(images/tab/tab-default-top-focus-corners.gif) +} + +.x-tab-focus .x-tab-default-top-ml, +.x-tab-focus .x-tab-default-top-mr { + background-image: url(images/tab/tab-default-top-focus-sides.gif) +} + +.x-tab-focus .x-tab-default-top-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-top-focus-fbg.gif) +} + +.x-tab-focus.x-tab-over .x-tab-default-top-tl, +.x-tab-focus.x-tab-over .x-tab-default-top-bl, +.x-tab-focus.x-tab-over .x-tab-default-top-tr, +.x-tab-focus.x-tab-over .x-tab-default-top-br, +.x-tab-focus.x-tab-over .x-tab-default-top-tc, +.x-tab-focus.x-tab-over .x-tab-default-top-bc { + background-image: url(images/tab/tab-default-top-focus-over-corners.gif) +} + +.x-tab-focus.x-tab-over .x-tab-default-top-ml, +.x-tab-focus.x-tab-over .x-tab-default-top-mr { + background-image: url(images/tab/tab-default-top-focus-over-sides.gif) +} + +.x-tab-focus.x-tab-over .x-tab-default-top-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-top-focus-over-fbg.gif) +} + +.x-tab.x-tab-active .x-tab-default-top-tl, +.x-tab.x-tab-active .x-tab-default-top-bl, +.x-tab.x-tab-active .x-tab-default-top-tr, +.x-tab.x-tab-active .x-tab-default-top-br, +.x-tab.x-tab-active .x-tab-default-top-tc, +.x-tab.x-tab-active .x-tab-default-top-bc { + background-image: url(images/tab/tab-default-top-active-corners.gif) +} + +.x-tab.x-tab-active .x-tab-default-top-ml, +.x-tab.x-tab-active .x-tab-default-top-mr { + background-image: url(images/tab/tab-default-top-active-sides.gif) +} + +.x-tab.x-tab-active .x-tab-default-top-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-top-active-fbg.gif) +} + +.x-tab-focus.x-tab-active .x-tab-default-top-tl, +.x-tab-focus.x-tab-active .x-tab-default-top-bl, +.x-tab-focus.x-tab-active .x-tab-default-top-tr, +.x-tab-focus.x-tab-active .x-tab-default-top-br, +.x-tab-focus.x-tab-active .x-tab-default-top-tc, +.x-tab-focus.x-tab-active .x-tab-default-top-bc { + background-image: url(images/tab/tab-default-top-focus-active-corners.gif) +} + +.x-tab-focus.x-tab-active .x-tab-default-top-ml, +.x-tab-focus.x-tab-active .x-tab-default-top-mr { + background-image: url(images/tab/tab-default-top-focus-active-sides.gif) +} + +.x-tab-focus.x-tab-active .x-tab-default-top-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-top-focus-active-fbg.gif) +} + +.x-tab.x-tab-disabled .x-tab-default-top-tl, +.x-tab.x-tab-disabled .x-tab-default-top-bl, +.x-tab.x-tab-disabled .x-tab-default-top-tr, +.x-tab.x-tab-disabled .x-tab-default-top-br, +.x-tab.x-tab-disabled .x-tab-default-top-tc, +.x-tab.x-tab-disabled .x-tab-default-top-bc { + background-image: url(images/tab/tab-default-top-disabled-corners.gif) +} + +.x-tab.x-tab-disabled .x-tab-default-top-ml, +.x-tab.x-tab-disabled .x-tab-default-top-mr { + background-image: url(images/tab/tab-default-top-disabled-sides.gif) +} + +.x-tab.x-tab-disabled .x-tab-default-top-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-top-disabled-fbg.gif) +} + +.x-tab-over .x-tab-default-right-tl, +.x-tab-over .x-tab-default-right-bl, +.x-tab-over .x-tab-default-right-tr, +.x-tab-over .x-tab-default-right-br, +.x-tab-over .x-tab-default-right-tc, +.x-tab-over .x-tab-default-right-bc { + background-image: url(images/tab/tab-default-right-over-corners.gif) +} + +.x-tab-over .x-tab-default-right-ml, +.x-tab-over .x-tab-default-right-mr { + background-image: url(images/tab/tab-default-right-over-sides.gif) +} + +.x-tab-over .x-tab-default-right-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-right-over-fbg.gif) +} + +.x-tab-focus .x-tab-default-right-tl, +.x-tab-focus .x-tab-default-right-bl, +.x-tab-focus .x-tab-default-right-tr, +.x-tab-focus .x-tab-default-right-br, +.x-tab-focus .x-tab-default-right-tc, +.x-tab-focus .x-tab-default-right-bc { + background-image: url(images/tab/tab-default-right-focus-corners.gif) +} + +.x-tab-focus .x-tab-default-right-ml, +.x-tab-focus .x-tab-default-right-mr { + background-image: url(images/tab/tab-default-right-focus-sides.gif) +} + +.x-tab-focus .x-tab-default-right-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-right-focus-fbg.gif) +} + +.x-tab-focus.x-tab-over .x-tab-default-right-tl, +.x-tab-focus.x-tab-over .x-tab-default-right-bl, +.x-tab-focus.x-tab-over .x-tab-default-right-tr, +.x-tab-focus.x-tab-over .x-tab-default-right-br, +.x-tab-focus.x-tab-over .x-tab-default-right-tc, +.x-tab-focus.x-tab-over .x-tab-default-right-bc { + background-image: url(images/tab/tab-default-right-focus-over-corners.gif) +} + +.x-tab-focus.x-tab-over .x-tab-default-right-ml, +.x-tab-focus.x-tab-over .x-tab-default-right-mr { + background-image: url(images/tab/tab-default-right-focus-over-sides.gif) +} + +.x-tab-focus.x-tab-over .x-tab-default-right-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-right-focus-over-fbg.gif) +} + +.x-tab.x-tab-active .x-tab-default-right-tl, +.x-tab.x-tab-active .x-tab-default-right-bl, +.x-tab.x-tab-active .x-tab-default-right-tr, +.x-tab.x-tab-active .x-tab-default-right-br, +.x-tab.x-tab-active .x-tab-default-right-tc, +.x-tab.x-tab-active .x-tab-default-right-bc { + background-image: url(images/tab/tab-default-right-active-corners.gif) +} + +.x-tab.x-tab-active .x-tab-default-right-ml, +.x-tab.x-tab-active .x-tab-default-right-mr { + background-image: url(images/tab/tab-default-right-active-sides.gif) +} + +.x-tab.x-tab-active .x-tab-default-right-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-right-active-fbg.gif) +} + +.x-tab-focus.x-tab-active .x-tab-default-right-tl, +.x-tab-focus.x-tab-active .x-tab-default-right-bl, +.x-tab-focus.x-tab-active .x-tab-default-right-tr, +.x-tab-focus.x-tab-active .x-tab-default-right-br, +.x-tab-focus.x-tab-active .x-tab-default-right-tc, +.x-tab-focus.x-tab-active .x-tab-default-right-bc { + background-image: url(images/tab/tab-default-right-focus-active-corners.gif) +} + +.x-tab-focus.x-tab-active .x-tab-default-right-ml, +.x-tab-focus.x-tab-active .x-tab-default-right-mr { + background-image: url(images/tab/tab-default-right-focus-active-sides.gif) +} + +.x-tab-focus.x-tab-active .x-tab-default-right-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-right-focus-active-fbg.gif) +} + +.x-tab.x-tab-disabled .x-tab-default-right-tl, +.x-tab.x-tab-disabled .x-tab-default-right-bl, +.x-tab.x-tab-disabled .x-tab-default-right-tr, +.x-tab.x-tab-disabled .x-tab-default-right-br, +.x-tab.x-tab-disabled .x-tab-default-right-tc, +.x-tab.x-tab-disabled .x-tab-default-right-bc { + background-image: url(images/tab/tab-default-right-disabled-corners.gif) +} + +.x-tab.x-tab-disabled .x-tab-default-right-ml, +.x-tab.x-tab-disabled .x-tab-default-right-mr { + background-image: url(images/tab/tab-default-right-disabled-sides.gif) +} + +.x-tab.x-tab-disabled .x-tab-default-right-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-right-disabled-fbg.gif) +} + +.x-tab-over .x-tab-default-bottom-tl, +.x-tab-over .x-tab-default-bottom-bl, +.x-tab-over .x-tab-default-bottom-tr, +.x-tab-over .x-tab-default-bottom-br, +.x-tab-over .x-tab-default-bottom-tc, +.x-tab-over .x-tab-default-bottom-bc { + background-image: url(images/tab/tab-default-bottom-over-corners.gif) +} + +.x-tab-over .x-tab-default-bottom-ml, +.x-tab-over .x-tab-default-bottom-mr { + background-image: url(images/tab/tab-default-bottom-over-sides.gif) +} + +.x-tab-over .x-tab-default-bottom-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-bottom-over-fbg.gif) +} + +.x-tab-focus .x-tab-default-bottom-tl, +.x-tab-focus .x-tab-default-bottom-bl, +.x-tab-focus .x-tab-default-bottom-tr, +.x-tab-focus .x-tab-default-bottom-br, +.x-tab-focus .x-tab-default-bottom-tc, +.x-tab-focus .x-tab-default-bottom-bc { + background-image: url(images/tab/tab-default-bottom-focus-corners.gif) +} + +.x-tab-focus .x-tab-default-bottom-ml, +.x-tab-focus .x-tab-default-bottom-mr { + background-image: url(images/tab/tab-default-bottom-focus-sides.gif) +} + +.x-tab-focus .x-tab-default-bottom-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-bottom-focus-fbg.gif) +} + +.x-tab-focus.x-tab-over .x-tab-default-bottom-tl, +.x-tab-focus.x-tab-over .x-tab-default-bottom-bl, +.x-tab-focus.x-tab-over .x-tab-default-bottom-tr, +.x-tab-focus.x-tab-over .x-tab-default-bottom-br, +.x-tab-focus.x-tab-over .x-tab-default-bottom-tc, +.x-tab-focus.x-tab-over .x-tab-default-bottom-bc { + background-image: url(images/tab/tab-default-bottom-focus-over-corners.gif) +} + +.x-tab-focus.x-tab-over .x-tab-default-bottom-ml, +.x-tab-focus.x-tab-over .x-tab-default-bottom-mr { + background-image: url(images/tab/tab-default-bottom-focus-over-sides.gif) +} + +.x-tab-focus.x-tab-over .x-tab-default-bottom-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-bottom-focus-over-fbg.gif) +} + +.x-tab.x-tab-active .x-tab-default-bottom-tl, +.x-tab.x-tab-active .x-tab-default-bottom-bl, +.x-tab.x-tab-active .x-tab-default-bottom-tr, +.x-tab.x-tab-active .x-tab-default-bottom-br, +.x-tab.x-tab-active .x-tab-default-bottom-tc, +.x-tab.x-tab-active .x-tab-default-bottom-bc { + background-image: url(images/tab/tab-default-bottom-active-corners.gif) +} + +.x-tab.x-tab-active .x-tab-default-bottom-ml, +.x-tab.x-tab-active .x-tab-default-bottom-mr { + background-image: url(images/tab/tab-default-bottom-active-sides.gif) +} + +.x-tab.x-tab-active .x-tab-default-bottom-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-bottom-active-fbg.gif) +} + +.x-tab-focus.x-tab-active .x-tab-default-bottom-tl, +.x-tab-focus.x-tab-active .x-tab-default-bottom-bl, +.x-tab-focus.x-tab-active .x-tab-default-bottom-tr, +.x-tab-focus.x-tab-active .x-tab-default-bottom-br, +.x-tab-focus.x-tab-active .x-tab-default-bottom-tc, +.x-tab-focus.x-tab-active .x-tab-default-bottom-bc { + background-image: url(images/tab/tab-default-bottom-focus-active-corners.gif) +} + +.x-tab-focus.x-tab-active .x-tab-default-bottom-ml, +.x-tab-focus.x-tab-active .x-tab-default-bottom-mr { + background-image: url(images/tab/tab-default-bottom-focus-active-sides.gif) +} + +.x-tab-focus.x-tab-active .x-tab-default-bottom-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-bottom-focus-active-fbg.gif) +} + +.x-tab.x-tab-disabled .x-tab-default-bottom-tl, +.x-tab.x-tab-disabled .x-tab-default-bottom-bl, +.x-tab.x-tab-disabled .x-tab-default-bottom-tr, +.x-tab.x-tab-disabled .x-tab-default-bottom-br, +.x-tab.x-tab-disabled .x-tab-default-bottom-tc, +.x-tab.x-tab-disabled .x-tab-default-bottom-bc { + background-image: url(images/tab/tab-default-bottom-disabled-corners.gif) +} + +.x-tab.x-tab-disabled .x-tab-default-bottom-ml, +.x-tab.x-tab-disabled .x-tab-default-bottom-mr { + background-image: url(images/tab/tab-default-bottom-disabled-sides.gif) +} + +.x-tab.x-tab-disabled .x-tab-default-bottom-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-bottom-disabled-fbg.gif) +} + +.x-tab-over .x-tab-default-left-tl, +.x-tab-over .x-tab-default-left-bl, +.x-tab-over .x-tab-default-left-tr, +.x-tab-over .x-tab-default-left-br, +.x-tab-over .x-tab-default-left-tc, +.x-tab-over .x-tab-default-left-bc { + background-image: url(images/tab/tab-default-left-over-corners.gif) +} + +.x-tab-over .x-tab-default-left-ml, +.x-tab-over .x-tab-default-left-mr { + background-image: url(images/tab/tab-default-left-over-sides.gif) +} + +.x-tab-over .x-tab-default-left-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-left-over-fbg.gif) +} + +.x-tab-focus .x-tab-default-left-tl, +.x-tab-focus .x-tab-default-left-bl, +.x-tab-focus .x-tab-default-left-tr, +.x-tab-focus .x-tab-default-left-br, +.x-tab-focus .x-tab-default-left-tc, +.x-tab-focus .x-tab-default-left-bc { + background-image: url(images/tab/tab-default-left-focus-corners.gif) +} + +.x-tab-focus .x-tab-default-left-ml, +.x-tab-focus .x-tab-default-left-mr { + background-image: url(images/tab/tab-default-left-focus-sides.gif) +} + +.x-tab-focus .x-tab-default-left-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-left-focus-fbg.gif) +} + +.x-tab-focus.x-tab-over .x-tab-default-left-tl, +.x-tab-focus.x-tab-over .x-tab-default-left-bl, +.x-tab-focus.x-tab-over .x-tab-default-left-tr, +.x-tab-focus.x-tab-over .x-tab-default-left-br, +.x-tab-focus.x-tab-over .x-tab-default-left-tc, +.x-tab-focus.x-tab-over .x-tab-default-left-bc { + background-image: url(images/tab/tab-default-left-focus-over-corners.gif) +} + +.x-tab-focus.x-tab-over .x-tab-default-left-ml, +.x-tab-focus.x-tab-over .x-tab-default-left-mr { + background-image: url(images/tab/tab-default-left-focus-over-sides.gif) +} + +.x-tab-focus.x-tab-over .x-tab-default-left-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-left-focus-over-fbg.gif) +} + +.x-tab.x-tab-active .x-tab-default-left-tl, +.x-tab.x-tab-active .x-tab-default-left-bl, +.x-tab.x-tab-active .x-tab-default-left-tr, +.x-tab.x-tab-active .x-tab-default-left-br, +.x-tab.x-tab-active .x-tab-default-left-tc, +.x-tab.x-tab-active .x-tab-default-left-bc { + background-image: url(images/tab/tab-default-left-active-corners.gif) +} + +.x-tab.x-tab-active .x-tab-default-left-ml, +.x-tab.x-tab-active .x-tab-default-left-mr { + background-image: url(images/tab/tab-default-left-active-sides.gif) +} + +.x-tab.x-tab-active .x-tab-default-left-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-left-active-fbg.gif) +} + +.x-tab-focus.x-tab-active .x-tab-default-left-tl, +.x-tab-focus.x-tab-active .x-tab-default-left-bl, +.x-tab-focus.x-tab-active .x-tab-default-left-tr, +.x-tab-focus.x-tab-active .x-tab-default-left-br, +.x-tab-focus.x-tab-active .x-tab-default-left-tc, +.x-tab-focus.x-tab-active .x-tab-default-left-bc { + background-image: url(images/tab/tab-default-left-focus-active-corners.gif) +} + +.x-tab-focus.x-tab-active .x-tab-default-left-ml, +.x-tab-focus.x-tab-active .x-tab-default-left-mr { + background-image: url(images/tab/tab-default-left-focus-active-sides.gif) +} + +.x-tab-focus.x-tab-active .x-tab-default-left-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-left-focus-active-fbg.gif) +} + +.x-tab.x-tab-disabled .x-tab-default-left-tl, +.x-tab.x-tab-disabled .x-tab-default-left-bl, +.x-tab.x-tab-disabled .x-tab-default-left-tr, +.x-tab.x-tab-disabled .x-tab-default-left-br, +.x-tab.x-tab-disabled .x-tab-default-left-tc, +.x-tab.x-tab-disabled .x-tab-default-left-bc { + background-image: url(images/tab/tab-default-left-disabled-corners.gif) +} + +.x-tab.x-tab-disabled .x-tab-default-left-ml, +.x-tab.x-tab-disabled .x-tab-default-left-mr { + background-image: url(images/tab/tab-default-left-disabled-sides.gif) +} + +.x-tab.x-tab-disabled .x-tab-default-left-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-left-disabled-fbg.gif) +} + +.x-tab-default-tl, +.x-tab-default-bl, +.x-tab-default-tr, +.x-tab-default-br { + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" +} + +.x-tab-default .x-tab-close-btn { + top: 2px; + right: 2px; + width: 18px; + height: 18px; + background: url(images/tab/tab-default-close.png) 0 0 +} + +.x-tab-default .x-tab-close-btn-over { + background-position: -18px 0 +} + +.x-tab-default .x-tab-close-btn-pressed { + background-position: -36px 0 +} + +.x-tab-default.x-tab-active .x-tab-close-btn { + background-position: 0 -18px +} + +.x-tab-default.x-tab-active .x-tab-close-btn-over { + background-position: -18px -18px +} + +.x-tab-default.x-tab-active .x-tab-close-btn-pressed { + background-position: -36px -18px +} + +.x-tab-default.x-tab-disabled .x-tab-close-btn { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; + opacity: 0.3; + background-position: 0 0 +} + +.x-tab-closable.x-tab-default .x-tab-button { + padding-right: 21px +} + +.x-cmd-slicer.x-tab-focus.x-tab-default-top:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-top-focus-corners.gif), sides:url(images/tab/tab-default-top-focus-sides.gif), frame-bg:url(images/tab/tab-default-top-focus-fbg.gif), frame:2px 2px 2px 2px, stretch:bottom" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-default-right:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-right-focus-corners.gif), sides:url(images/tab/tab-default-right-focus-sides.gif), frame-bg:url(images/tab/tab-default-right-focus-fbg.gif), frame:2px 2px 2px 2px, stretch:left" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-default-bottom:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-bottom-focus-corners.gif), sides:url(images/tab/tab-default-bottom-focus-sides.gif), frame-bg:url(images/tab/tab-default-bottom-focus-fbg.gif), frame:2px 2px 2px 2px, stretch:top" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-default-left:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-left-focus-corners.gif), sides:url(images/tab/tab-default-left-focus-sides.gif), frame-bg:url(images/tab/tab-default-left-focus-fbg.gif), frame:2px 2px 2px 2px, stretch:right" !important +} + +.x-cmd-slicer.x-tab-over.x-tab-default-top:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-top-over-corners.gif), sides:url(images/tab/tab-default-top-over-sides.gif), frame-bg:url(images/tab/tab-default-top-over-fbg.gif), frame:2px 2px 2px 2px, stretch:bottom" !important +} + +.x-cmd-slicer.x-tab-over.x-tab-default-right:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-right-over-corners.gif), sides:url(images/tab/tab-default-right-over-sides.gif), frame-bg:url(images/tab/tab-default-right-over-fbg.gif), frame:2px 2px 2px 2px, stretch:left" !important +} + +.x-cmd-slicer.x-tab-over.x-tab-default-bottom:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-bottom-over-corners.gif), sides:url(images/tab/tab-default-bottom-over-sides.gif), frame-bg:url(images/tab/tab-default-bottom-over-fbg.gif), frame:2px 2px 2px 2px, stretch:top" !important +} + +.x-cmd-slicer.x-tab-over.x-tab-default-left:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-left-over-corners.gif), sides:url(images/tab/tab-default-left-over-sides.gif), frame-bg:url(images/tab/tab-default-left-over-fbg.gif), frame:2px 2px 2px 2px, stretch:right" !important +} + +.x-cmd-slicer.x-tab-active.x-tab-default-top:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-top-active-corners.gif), sides:url(images/tab/tab-default-top-active-sides.gif), frame-bg:url(images/tab/tab-default-top-active-fbg.gif), frame:2px 2px 2px 2px, stretch:bottom" !important +} + +.x-cmd-slicer.x-tab-active.x-tab-default-right:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-right-active-corners.gif), sides:url(images/tab/tab-default-right-active-sides.gif), frame-bg:url(images/tab/tab-default-right-active-fbg.gif), frame:2px 2px 2px 2px, stretch:left" !important +} + +.x-cmd-slicer.x-tab-active.x-tab-default-bottom:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-bottom-active-corners.gif), sides:url(images/tab/tab-default-bottom-active-sides.gif), frame-bg:url(images/tab/tab-default-bottom-active-fbg.gif), frame:2px 2px 2px 2px, stretch:top" !important +} + +.x-cmd-slicer.x-tab-active.x-tab-default-left:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-left-active-corners.gif), sides:url(images/tab/tab-default-left-active-sides.gif), frame-bg:url(images/tab/tab-default-left-active-fbg.gif), frame:2px 2px 2px 2px, stretch:right" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-over.x-tab-default-top:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-top-focus-over-corners.gif), sides:url(images/tab/tab-default-top-focus-over-sides.gif), frame-bg:url(images/tab/tab-default-top-focus-over-fbg.gif), frame:2px 2px 2px 2px, stretch:bottom" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-over.x-tab-default-right:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-right-focus-over-corners.gif), sides:url(images/tab/tab-default-right-focus-over-sides.gif), frame-bg:url(images/tab/tab-default-right-focus-over-fbg.gif), frame:2px 2px 2px 2px, stretch:left" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-over.x-tab-default-bottom:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-bottom-focus-over-corners.gif), sides:url(images/tab/tab-default-bottom-focus-over-sides.gif), frame-bg:url(images/tab/tab-default-bottom-focus-over-fbg.gif), frame:2px 2px 2px 2px, stretch:top" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-over.x-tab-default-left:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-left-focus-over-corners.gif), sides:url(images/tab/tab-default-left-focus-over-sides.gif), frame-bg:url(images/tab/tab-default-left-focus-over-fbg.gif), frame:2px 2px 2px 2px, stretch:right" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-active.x-tab-default-top:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-top-focus-active-corners.gif), sides:url(images/tab/tab-default-top-focus-active-sides.gif), frame-bg:url(images/tab/tab-default-top-focus-active-fbg.gif), frame:2px 2px 2px 2px, stretch:bottom" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-active.x-tab-default-right:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-right-focus-active-corners.gif), sides:url(images/tab/tab-default-right-focus-active-sides.gif), frame-bg:url(images/tab/tab-default-right-focus-active-fbg.gif), frame:2px 2px 2px 2px, stretch:left" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-active.x-tab-default-bottom:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-bottom-focus-active-corners.gif), sides:url(images/tab/tab-default-bottom-focus-active-sides.gif), frame-bg:url(images/tab/tab-default-bottom-focus-active-fbg.gif), frame:2px 2px 2px 2px, stretch:top" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-active.x-tab-default-left:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-left-focus-active-corners.gif), sides:url(images/tab/tab-default-left-focus-active-sides.gif), frame-bg:url(images/tab/tab-default-left-focus-active-fbg.gif), frame:2px 2px 2px 2px, stretch:right" !important +} + +.x-cmd-slicer.x-tab-disabled.x-tab-default-top:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-top-disabled-corners.gif), sides:url(images/tab/tab-default-top-disabled-sides.gif), frame-bg:url(images/tab/tab-default-top-disabled-fbg.gif), frame:2px 2px 2px 2px, stretch:bottom" !important +} + +.x-cmd-slicer.x-tab-disabled.x-tab-default-right:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-right-disabled-corners.gif), sides:url(images/tab/tab-default-right-disabled-sides.gif), frame-bg:url(images/tab/tab-default-right-disabled-fbg.gif), frame:2px 2px 2px 2px, stretch:left" !important +} + +.x-cmd-slicer.x-tab-disabled.x-tab-default-bottom:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-bottom-disabled-corners.gif), sides:url(images/tab/tab-default-bottom-disabled-sides.gif), frame-bg:url(images/tab/tab-default-bottom-disabled-fbg.gif), frame:2px 2px 2px 2px, stretch:top" !important +} + +.x-cmd-slicer.x-tab-disabled.x-tab-default-left:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-default-left-disabled-corners.gif), sides:url(images/tab/tab-default-left-disabled-sides.gif), frame-bg:url(images/tab/tab-default-left-disabled-fbg.gif), frame:2px 2px 2px 2px, stretch:right" !important +} + +.x-tab-bar-default { + background-color: #f5f5f5 +} + +.x-tab-bar-default-top>.x-tab-bar-body-default { + padding: 6px 10px +} + +.x-tab-bar-default-bottom>.x-tab-bar-body-default { + padding: 6px 10px 6px 10px +} + +.x-tab-bar-default-left>.x-tab-bar-body-default { + padding: 10px 6px 10px 6px +} + +.x-tab-bar-default-right>.x-tab-bar-body-default { + padding: 10px 6px 10px 6px +} + +.x-tab-bar-plain.x-tab-bar-default-horizontal { + border-top-color: transparent; + border-bottom-color: transparent; + border-left-width: 0; + border-right-width: 0 +} + +.x-tab-bar-plain.x-tab-bar-default-vertical { + border-right-color: transparent; + border-left-color: transparent; + border-top-width: 0; + border-bottom-width: 0 +} + +.x-tab-bar-horizontal>.x-tab-bar-body-default { + min-height: 44px +} + +.x-ie8m .x-tab-bar-horizontal>.x-tab-bar-body-default { + min-height: 32px +} + +.x-tab-bar-vertical>.x-tab-bar-body-default { + min-width: 44px +} + +.x-ie8m .x-tab-bar-vertical>.x-tab-bar-body-default { + min-width: 32px +} + +.x-tab-bar-default-scroller .x-box-scroller-body-horizontal { + margin-left: 22px +} + +.x-tab-bar-default-vertical-scroller .x-box-scroller-body-vertical { + margin-top: 26px +} + +.x-box-scroller-tab-bar-default { + cursor: pointer; + color: #fff; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5 +} + +.x-box-scroller-tab-bar-default.x-box-scroller-hover { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + opacity: 0.6 +} + +.x-box-scroller-tab-bar-default.x-box-scroller-pressed { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + opacity: 0.7 +} + +.x-box-scroller-tab-bar-default.x-box-scroller-disabled { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; + opacity: 0.25; + cursor: default +} + +.x-box-scroller-tab-bar-default.x-box-scroller-left, +.x-box-scroller-tab-bar-default.x-box-scroller-right { + width: 32px; + height: 24px; + top: 50%; + margin-top: -12px +} + +.x-box-scroller-tab-bar-default.x-box-scroller-left { + margin-left: 0; + margin-right: 0; + margin-bottom: 0; + background-image: url(images/tab-bar/default-scroll-left.png) +} + +.x-box-scroller-tab-bar-default.x-box-scroller-right { + margin-left: 0; + margin-right: 0; + margin-bottom: 0; + background-image: url(images/tab-bar/default-scroll-right.png) +} + +.x-box-scroller-tab-bar-default.x-box-scroller-top, +.x-box-scroller-tab-bar-default.x-box-scroller-bottom { + height: 32px; + width: 24px; + left: 50%; + margin-left: -12px +} + +.x-box-scroller-tab-bar-default.x-box-scroller-top { + margin-top: 0; + margin-right: 0; + margin-bottom: 0; + background-image: url(images/tab-bar/default-scroll-top.png) +} + +.x-box-scroller-tab-bar-default.x-box-scroller-bottom { + margin-top: 0; + margin-right: 0; + margin-bottom: 0; + background-image: url(images/tab-bar/default-scroll-bottom.png) +} + +.x-tab-bar-plain.x-tab-bar-default-scroller .x-box-scroller-body-horizontal { + margin-left: 22px +} + +.x-tab-bar-plain.x-tab-bar-default-vertical-scroller .x-box-scroller-body-vertical { + margin-top: 26px +} + +.x-tab-bar-plain .x-box-scroller-tab-bar-default { + color: #cfcfcf +} + +.x-tab-bar-default-top .x-box-scroller-tab-bar-default { + margin-top: -12px +} + +.x-tab-bar-default-right .x-box-scroller-tab-bar-default { + margin-left: -12px +} + +.x-tab-bar-default-bottom .x-box-scroller-tab-bar-default { + margin-top: -12px +} + +.x-tab-bar-default-left .x-box-scroller-tab-bar-default { + margin-left: -12px +} + +.x-box-scroller-tab-bar-default { + background-color: #f5f5f5 +} + +.x-box-scroller-tab-bar-default .x-ie8 .x-box-scroller-plain { + background-color: #fff +} + +.x-box-scroller-plain.x-box-scroller-tab-bar-default.x-box-scroller-left { + background-image: url(images/tab-bar/default-plain-scroll-left.png) +} + +.x-box-scroller-plain.x-box-scroller-tab-bar-default.x-box-scroller-right { + background-image: url(images/tab-bar/default-plain-scroll-right.png) +} + +.x-box-scroller-plain.x-box-scroller-tab-bar-default.x-box-scroller-top { + background-image: url(images/tab-bar/default-plain-scroll-top.png) +} + +.x-box-scroller-plain.x-box-scroller-tab-bar-default.x-box-scroller-bottom { + background-image: url(images/tab-bar/default-plain-scroll-bottom.png) +} + +.x-cmd-slicer.x-tab-bar-default-top:before { + display: none; + content: "x-slicer:, stretch:bottom" !important +} + +.x-cmd-slicer.x-tab-bar-default-bottom:before { + display: none; + content: "x-slicer:, stretch:top" !important +} + +.x-cmd-slicer.x-tab-bar-default-left:before { + display: none; + content: "x-slicer:, stretch:right" !important +} + +.x-cmd-slicer.x-tab-bar-default-right:before { + display: none; + content: "x-slicer:, stretch:left" !important +} + +.x-btn-plain-toolbar-small { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 3px 4px 3px 4px; + border-width: 1px; + border-style: solid; + background-color: transparent +} + +.x-btn-plain-toolbar-small-mc { + background-color: transparent +} + +.x-nbr .x-btn-plain-toolbar-small { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-btn-plain-toolbar-small-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-3-4-3-4 +} + +.x-btn-plain-toolbar-small-tl { + background-position: 0 -6px +} + +.x-btn-plain-toolbar-small-tr { + background-position: right -9px +} + +.x-btn-plain-toolbar-small-bl { + background-position: 0 -12px +} + +.x-btn-plain-toolbar-small-br { + background-position: right -15px +} + +.x-btn-plain-toolbar-small-ml { + background-position: 0 top +} + +.x-btn-plain-toolbar-small-mr { + background-position: right top +} + +.x-btn-plain-toolbar-small-tc { + background-position: 0 0 +} + +.x-btn-plain-toolbar-small-bc { + background-position: 0 -3px +} + +.x-btn-plain-toolbar-small-tr, +.x-btn-plain-toolbar-small-br, +.x-btn-plain-toolbar-small-mr { + padding-right: 3px +} + +.x-btn-plain-toolbar-small-tl, +.x-btn-plain-toolbar-small-bl, +.x-btn-plain-toolbar-small-ml { + padding-left: 3px +} + +.x-btn-plain-toolbar-small-tc { + height: 3px +} + +.x-btn-plain-toolbar-small-bc { + height: 3px +} + +.x-btn-plain-toolbar-small-mc { + padding: 1px 2px 1px 2px +} + +.x-cmd-slicer.x-btn-plain-toolbar-small:before { + display: none; + content: "x-slicer:, frame:3px 3px 3px 3px" !important +} + +.x-btn-plain-toolbar-small { + border-color: transparent +} + +.x-btn-button-plain-toolbar-small { + min-height: 24px +} + +.x-ie9m .x-btn-button-plain-toolbar-small { + min-height: auto; + height: 24px +} + +.x-btn-inner-plain-toolbar-small { + font: 300 15px/20px helvetica, arial, verdana, sans-serif; + color: #666; + padding: 0 6px; + max-width: 100% +} + +.x-btn-icon-right>.x-btn-inner-plain-toolbar-small, +.x-btn-icon-left>.x-btn-inner-plain-toolbar-small { + max-width: calc(100% - 24px) +} + +.x-ie10p .x-btn-inner-plain-toolbar-small { + max-width: none +} + +.x-btn-icon-el-plain-toolbar-small { + font-size: 24px; + height: 24px; + color: #666; + line-height: 24px +} + +.x-btn-icon-left>.x-btn-icon-el-plain-toolbar-small, +.x-btn-icon-right>.x-btn-icon-el-plain-toolbar-small { + width: 24px +} + +.x-btn-icon-top>.x-btn-icon-el-plain-toolbar-small, +.x-btn-icon-bottom>.x-btn-icon-el-plain-toolbar-small { + min-width: 24px +} + +.x-btn-icon-el-plain-toolbar-small.x-btn-glyph { + opacity: 0.5 +} + +.x-ie8 .x-btn-icon-el-plain-toolbar-small.x-btn-glyph { + color: #b3b3b3 +} + +.x-btn-text.x-btn-icon-left>.x-btn-icon-el-plain-toolbar-small { + margin-right: 0 +} + +.x-btn-text.x-btn-icon-right>.x-btn-icon-el-plain-toolbar-small { + margin-left: 0 +} + +.x-btn-text.x-btn-icon-top>.x-btn-icon-el-plain-toolbar-small { + margin-bottom: 5px +} + +.x-btn-text.x-btn-icon-bottom>.x-btn-icon-el-plain-toolbar-small { + margin-top: 5px +} + +.x-btn-arrow-right>.x-btn-icon.x-btn-no-text.x-btn-button-plain-toolbar-small { + padding-right: 6px +} + +.x-btn-arrow-right>.x-btn-text.x-btn-icon-right>.x-btn-icon-el-plain-toolbar-small { + margin-right: 6px +} + +.x-btn-arrow-bottom>.x-btn-button-plain-toolbar-small, +.x-btn-split-bottom>.x-btn-button-plain-toolbar-small { + padding-bottom: 3px +} + +.x-btn-wrap-plain-toolbar-small.x-btn-arrow-right:after { + width: 22px; + background-image: url(images/button/plain-toolbar-small-arrow.png); + padding-right: 22px +} + +.x-btn-wrap-plain-toolbar-small.x-btn-arrow-bottom:after { + height: 16px; + background-image: url(images/button/plain-toolbar-small-arrow.png) +} + +.x-btn-wrap-plain-toolbar-small.x-btn-split-right:after { + width: 30px; + background-image: url(images/button/plain-toolbar-small-s-arrow.png); + padding-right: 30px +} + +.x-btn-wrap-plain-toolbar-small.x-btn-split-bottom:after { + height: 24px; + background-image: url(images/button/plain-toolbar-small-s-arrow-b.png) +} + +.x-btn-split-right>.x-btn-icon.x-btn-no-text.x-btn-button-plain-toolbar-small { + padding-right: 6px +} + +.x-btn-split-right>.x-btn-text.x-btn-icon-right>.x-btn-icon-el-plain-toolbar-small { + margin-right: 6px +} + +.x-btn-focus.x-btn-plain-toolbar-small { + background-image: none; + background-color: transparent; + -webkit-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + -moz-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset +} + +.x-btn-plain-toolbar-small .x-btn-arrow-el { + position: absolute; + top: 0; + right: 0; + height: 100%; + width: 34px; + pointer-events: none +} + +.x-btn-plain-toolbar-small.x-arrow-focus .x-btn-arrow-el { + border: 1px solid #4297d4 +} + +.x-btn-over.x-btn-plain-toolbar-small { + border-color: #cfcfcf; + background-image: none; + background-color: #ececec +} + +.x-btn-focus.x-btn-over.x-btn-plain-toolbar-small { + -webkit-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + -moz-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset +} + +.x-btn.x-btn-menu-active.x-btn-plain-toolbar-small, +.x-btn.x-btn-pressed.x-btn-plain-toolbar-small { + border-color: #c7c7c7; + background-image: none; + background-color: #e2e2e2 +} + +.x-btn-focus.x-btn-menu-active.x-btn-plain-toolbar-small, +.x-btn-focus.x-btn-pressed.x-btn-plain-toolbar-small { + -webkit-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + -moz-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset +} + +.x-btn.x-btn-disabled.x-btn-plain-toolbar-small { + background-image: none; + background-color: transparent +} + +.x-btn-focus .x-btn-plain-toolbar-small-tl, +.x-btn-focus .x-btn-plain-toolbar-small-bl, +.x-btn-focus .x-btn-plain-toolbar-small-tr, +.x-btn-focus .x-btn-plain-toolbar-small-br, +.x-btn-focus .x-btn-plain-toolbar-small-tc, +.x-btn-focus .x-btn-plain-toolbar-small-bc { + background-image: url(images/btn/btn-plain-toolbar-small-focus-corners.gif) +} + +.x-btn-focus .x-btn-plain-toolbar-small-ml, +.x-btn-focus .x-btn-plain-toolbar-small-mr { + background-image: url(images/btn/btn-plain-toolbar-small-focus-sides.gif) +} + +.x-btn-focus .x-btn-plain-toolbar-small-mc { + background-color: transparent +} + +.x-btn-over .x-btn-plain-toolbar-small-tl, +.x-btn-over .x-btn-plain-toolbar-small-bl, +.x-btn-over .x-btn-plain-toolbar-small-tr, +.x-btn-over .x-btn-plain-toolbar-small-br, +.x-btn-over .x-btn-plain-toolbar-small-tc, +.x-btn-over .x-btn-plain-toolbar-small-bc { + background-image: url(images/btn/btn-plain-toolbar-small-over-corners.gif) +} + +.x-btn-over .x-btn-plain-toolbar-small-ml, +.x-btn-over .x-btn-plain-toolbar-small-mr { + background-image: url(images/btn/btn-plain-toolbar-small-over-sides.gif) +} + +.x-btn-over .x-btn-plain-toolbar-small-mc { + background-color: #ececec +} + +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-tl, +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-bl, +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-tr, +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-br, +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-tc, +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-bc { + background-image: url(images/btn/btn-plain-toolbar-small-focus-over-corners.gif) +} + +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-ml, +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-mr { + background-image: url(images/btn/btn-plain-toolbar-small-focus-over-sides.gif) +} + +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-mc { + background-color: #ececec +} + +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-small-tl, +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-small-bl, +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-small-tr, +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-small-br, +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-small-tc, +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-small-bc, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-small-tl, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-small-bl, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-small-tr, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-small-br, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-small-tc, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-small-bc { + background-image: url(images/btn/btn-plain-toolbar-small-pressed-corners.gif) +} + +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-small-ml, +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-small-mr, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-small-ml, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-small-mr { + background-image: url(images/btn/btn-plain-toolbar-small-pressed-sides.gif) +} + +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-small-mc, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-small-mc { + background-color: #e2e2e2 +} + +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-small-tl, +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-small-bl, +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-small-tr, +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-small-br, +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-small-tc, +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-small-bc, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-small-tl, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-small-bl, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-small-tr, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-small-br, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-small-tc, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-small-bc { + background-image: url(images/btn/btn-plain-toolbar-small-focus-pressed-corners.gif) +} + +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-small-ml, +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-small-mr, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-small-ml, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-small-mr { + background-image: url(images/btn/btn-plain-toolbar-small-focus-pressed-sides.gif) +} + +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-small-mc, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-small-mc { + background-color: #e2e2e2 +} + +.x-btn.x-btn-disabled .x-btn-plain-toolbar-small-tl, +.x-btn.x-btn-disabled .x-btn-plain-toolbar-small-bl, +.x-btn.x-btn-disabled .x-btn-plain-toolbar-small-tr, +.x-btn.x-btn-disabled .x-btn-plain-toolbar-small-br, +.x-btn.x-btn-disabled .x-btn-plain-toolbar-small-tc, +.x-btn.x-btn-disabled .x-btn-plain-toolbar-small-bc { + background-image: url(images/btn/btn-plain-toolbar-small-disabled-corners.gif) +} + +.x-btn.x-btn-disabled .x-btn-plain-toolbar-small-ml, +.x-btn.x-btn-disabled .x-btn-plain-toolbar-small-mr { + background-image: url(images/btn/btn-plain-toolbar-small-disabled-sides.gif) +} + +.x-btn.x-btn-disabled .x-btn-plain-toolbar-small-mc { + background-color: transparent +} + +.x-nbr .x-btn-plain-toolbar-small { + background-image: none +} + +.x-btn-disabled.x-btn-plain-toolbar-small { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5 +} + +.x-cmd-slicer.x-btn-focus.x-btn-plain-toolbar-small:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-plain-toolbar-small-focus-corners.gif), sides:url(images/btn/btn-plain-toolbar-small-focus-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-over.x-btn-plain-toolbar-small:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-plain-toolbar-small-over-corners.gif), sides:url(images/btn/btn-plain-toolbar-small-over-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-focus.x-btn-over.x-btn-plain-toolbar-small:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-plain-toolbar-small-focus-over-corners.gif), sides:url(images/btn/btn-plain-toolbar-small-focus-over-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-pressed.x-btn-plain-toolbar-small:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-plain-toolbar-small-pressed-corners.gif), sides:url(images/btn/btn-plain-toolbar-small-pressed-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-focus.x-btn-pressed.x-btn-plain-toolbar-small:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-plain-toolbar-small-focus-pressed-corners.gif), sides:url(images/btn/btn-plain-toolbar-small-focus-pressed-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-disabled.x-btn-plain-toolbar-small:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-plain-toolbar-small-disabled-corners.gif), sides:url(images/btn/btn-plain-toolbar-small-disabled-sides.gif)" !important +} + +.x-btn-plain-toolbar-medium { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 6px 4px 6px 4px; + border-width: 1px; + border-style: solid; + background-color: transparent +} + +.x-btn-plain-toolbar-medium-mc { + background-color: transparent +} + +.x-nbr .x-btn-plain-toolbar-medium { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-btn-plain-toolbar-medium-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-6-4-6-4 +} + +.x-btn-plain-toolbar-medium-tl { + background-position: 0 -6px +} + +.x-btn-plain-toolbar-medium-tr { + background-position: right -9px +} + +.x-btn-plain-toolbar-medium-bl { + background-position: 0 -12px +} + +.x-btn-plain-toolbar-medium-br { + background-position: right -15px +} + +.x-btn-plain-toolbar-medium-ml { + background-position: 0 top +} + +.x-btn-plain-toolbar-medium-mr { + background-position: right top +} + +.x-btn-plain-toolbar-medium-tc { + background-position: 0 0 +} + +.x-btn-plain-toolbar-medium-bc { + background-position: 0 -3px +} + +.x-btn-plain-toolbar-medium-tr, +.x-btn-plain-toolbar-medium-br, +.x-btn-plain-toolbar-medium-mr { + padding-right: 3px +} + +.x-btn-plain-toolbar-medium-tl, +.x-btn-plain-toolbar-medium-bl, +.x-btn-plain-toolbar-medium-ml { + padding-left: 3px +} + +.x-btn-plain-toolbar-medium-tc { + height: 3px +} + +.x-btn-plain-toolbar-medium-bc { + height: 3px +} + +.x-btn-plain-toolbar-medium-mc { + padding: 4px 2px 4px 2px +} + +.x-cmd-slicer.x-btn-plain-toolbar-medium:before { + display: none; + content: "x-slicer:, frame:3px 3px 3px 3px" !important +} + +.x-btn-plain-toolbar-medium { + border-color: transparent +} + +.x-btn-button-plain-toolbar-medium { + min-height: 24px +} + +.x-ie9m .x-btn-button-plain-toolbar-medium { + min-height: auto; + height: 24px +} + +.x-btn-inner-plain-toolbar-medium { + font: 300 16px/24px helvetica, arial, verdana, sans-serif; + color: #666; + padding: 0 8px; + max-width: 100% +} + +.x-btn-icon-right>.x-btn-inner-plain-toolbar-medium, +.x-btn-icon-left>.x-btn-inner-plain-toolbar-medium { + max-width: calc(100% - 24px) +} + +.x-ie10p .x-btn-inner-plain-toolbar-medium { + max-width: none +} + +.x-btn-icon-el-plain-toolbar-medium { + font-size: 24px; + height: 24px; + color: #666; + line-height: 24px +} + +.x-btn-icon-left>.x-btn-icon-el-plain-toolbar-medium, +.x-btn-icon-right>.x-btn-icon-el-plain-toolbar-medium { + width: 24px +} + +.x-btn-icon-top>.x-btn-icon-el-plain-toolbar-medium, +.x-btn-icon-bottom>.x-btn-icon-el-plain-toolbar-medium { + min-width: 24px +} + +.x-btn-icon-el-plain-toolbar-medium.x-btn-glyph { + opacity: 0.5 +} + +.x-ie8 .x-btn-icon-el-plain-toolbar-medium.x-btn-glyph { + color: #b3b3b3 +} + +.x-btn-text.x-btn-icon-left>.x-btn-icon-el-plain-toolbar-medium { + margin-right: 0 +} + +.x-btn-text.x-btn-icon-right>.x-btn-icon-el-plain-toolbar-medium { + margin-left: 0 +} + +.x-btn-text.x-btn-icon-top>.x-btn-icon-el-plain-toolbar-medium { + margin-bottom: 5px +} + +.x-btn-text.x-btn-icon-bottom>.x-btn-icon-el-plain-toolbar-medium { + margin-top: 5px +} + +.x-btn-arrow-right>.x-btn-icon.x-btn-no-text.x-btn-button-plain-toolbar-medium { + padding-right: 8px +} + +.x-btn-arrow-right>.x-btn-text.x-btn-icon-right>.x-btn-icon-el-plain-toolbar-medium { + margin-right: 8px +} + +.x-btn-arrow-bottom>.x-btn-button-plain-toolbar-medium, +.x-btn-split-bottom>.x-btn-button-plain-toolbar-medium { + padding-bottom: 6px +} + +.x-btn-wrap-plain-toolbar-medium.x-btn-arrow-right:after { + width: 26px; + background-image: url(images/button/plain-toolbar-medium-arrow.png); + padding-right: 26px +} + +.x-btn-wrap-plain-toolbar-medium.x-btn-arrow-bottom:after { + height: 18px; + background-image: url(images/button/plain-toolbar-medium-arrow.png) +} + +.x-btn-wrap-plain-toolbar-medium.x-btn-split-right:after { + width: 36px; + background-image: url(images/button/plain-toolbar-medium-s-arrow.png); + padding-right: 36px +} + +.x-btn-wrap-plain-toolbar-medium.x-btn-split-bottom:after { + height: 30px; + background-image: url(images/button/plain-toolbar-medium-s-arrow-b.png) +} + +.x-btn-split-right>.x-btn-icon.x-btn-no-text.x-btn-button-plain-toolbar-medium { + padding-right: 8px +} + +.x-btn-split-right>.x-btn-text.x-btn-icon-right>.x-btn-icon-el-plain-toolbar-medium { + margin-right: 8px +} + +.x-btn-focus.x-btn-plain-toolbar-medium { + background-image: none; + background-color: transparent; + -webkit-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + -moz-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset +} + +.x-btn-plain-toolbar-medium .x-btn-arrow-el { + position: absolute; + top: 0; + right: 0; + height: 100%; + width: 40px; + pointer-events: none +} + +.x-btn-plain-toolbar-medium.x-arrow-focus .x-btn-arrow-el { + border: 1px solid #4297d4 +} + +.x-btn-over.x-btn-plain-toolbar-medium { + border-color: #cfcfcf; + background-image: none; + background-color: #ececec +} + +.x-btn-focus.x-btn-over.x-btn-plain-toolbar-medium { + -webkit-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + -moz-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset +} + +.x-btn.x-btn-menu-active.x-btn-plain-toolbar-medium, +.x-btn.x-btn-pressed.x-btn-plain-toolbar-medium { + border-color: #c7c7c7; + background-image: none; + background-color: #e2e2e2 +} + +.x-btn-focus.x-btn-menu-active.x-btn-plain-toolbar-medium, +.x-btn-focus.x-btn-pressed.x-btn-plain-toolbar-medium { + -webkit-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + -moz-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset +} + +.x-btn.x-btn-disabled.x-btn-plain-toolbar-medium { + background-image: none; + background-color: transparent +} + +.x-btn-focus .x-btn-plain-toolbar-medium-tl, +.x-btn-focus .x-btn-plain-toolbar-medium-bl, +.x-btn-focus .x-btn-plain-toolbar-medium-tr, +.x-btn-focus .x-btn-plain-toolbar-medium-br, +.x-btn-focus .x-btn-plain-toolbar-medium-tc, +.x-btn-focus .x-btn-plain-toolbar-medium-bc { + background-image: url(images/btn/btn-plain-toolbar-medium-focus-corners.gif) +} + +.x-btn-focus .x-btn-plain-toolbar-medium-ml, +.x-btn-focus .x-btn-plain-toolbar-medium-mr { + background-image: url(images/btn/btn-plain-toolbar-medium-focus-sides.gif) +} + +.x-btn-focus .x-btn-plain-toolbar-medium-mc { + background-color: transparent +} + +.x-btn-over .x-btn-plain-toolbar-medium-tl, +.x-btn-over .x-btn-plain-toolbar-medium-bl, +.x-btn-over .x-btn-plain-toolbar-medium-tr, +.x-btn-over .x-btn-plain-toolbar-medium-br, +.x-btn-over .x-btn-plain-toolbar-medium-tc, +.x-btn-over .x-btn-plain-toolbar-medium-bc { + background-image: url(images/btn/btn-plain-toolbar-medium-over-corners.gif) +} + +.x-btn-over .x-btn-plain-toolbar-medium-ml, +.x-btn-over .x-btn-plain-toolbar-medium-mr { + background-image: url(images/btn/btn-plain-toolbar-medium-over-sides.gif) +} + +.x-btn-over .x-btn-plain-toolbar-medium-mc { + background-color: #ececec +} + +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-medium-tl, +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-medium-bl, +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-medium-tr, +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-medium-br, +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-medium-tc, +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-medium-bc { + background-image: url(images/btn/btn-plain-toolbar-medium-focus-over-corners.gif) +} + +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-medium-ml, +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-medium-mr { + background-image: url(images/btn/btn-plain-toolbar-medium-focus-over-sides.gif) +} + +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-medium-mc { + background-color: #ececec +} + +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-medium-tl, +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-medium-bl, +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-medium-tr, +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-medium-br, +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-medium-tc, +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-medium-bc, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-medium-tl, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-medium-bl, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-medium-tr, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-medium-br, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-medium-tc, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-medium-bc { + background-image: url(images/btn/btn-plain-toolbar-medium-pressed-corners.gif) +} + +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-medium-ml, +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-medium-mr, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-medium-ml, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-medium-mr { + background-image: url(images/btn/btn-plain-toolbar-medium-pressed-sides.gif) +} + +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-medium-mc, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-medium-mc { + background-color: #e2e2e2 +} + +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-medium-tl, +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-medium-bl, +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-medium-tr, +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-medium-br, +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-medium-tc, +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-medium-bc, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-medium-tl, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-medium-bl, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-medium-tr, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-medium-br, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-medium-tc, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-medium-bc { + background-image: url(images/btn/btn-plain-toolbar-medium-focus-pressed-corners.gif) +} + +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-medium-ml, +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-medium-mr, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-medium-ml, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-medium-mr { + background-image: url(images/btn/btn-plain-toolbar-medium-focus-pressed-sides.gif) +} + +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-medium-mc, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-medium-mc { + background-color: #e2e2e2 +} + +.x-btn.x-btn-disabled .x-btn-plain-toolbar-medium-tl, +.x-btn.x-btn-disabled .x-btn-plain-toolbar-medium-bl, +.x-btn.x-btn-disabled .x-btn-plain-toolbar-medium-tr, +.x-btn.x-btn-disabled .x-btn-plain-toolbar-medium-br, +.x-btn.x-btn-disabled .x-btn-plain-toolbar-medium-tc, +.x-btn.x-btn-disabled .x-btn-plain-toolbar-medium-bc { + background-image: url(images/btn/btn-plain-toolbar-medium-disabled-corners.gif) +} + +.x-btn.x-btn-disabled .x-btn-plain-toolbar-medium-ml, +.x-btn.x-btn-disabled .x-btn-plain-toolbar-medium-mr { + background-image: url(images/btn/btn-plain-toolbar-medium-disabled-sides.gif) +} + +.x-btn.x-btn-disabled .x-btn-plain-toolbar-medium-mc { + background-color: transparent +} + +.x-nbr .x-btn-plain-toolbar-medium { + background-image: none +} + +.x-btn-disabled.x-btn-plain-toolbar-medium { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5 +} + +.x-cmd-slicer.x-btn-focus.x-btn-plain-toolbar-medium:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-plain-toolbar-medium-focus-corners.gif), sides:url(images/btn/btn-plain-toolbar-medium-focus-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-over.x-btn-plain-toolbar-medium:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-plain-toolbar-medium-over-corners.gif), sides:url(images/btn/btn-plain-toolbar-medium-over-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-focus.x-btn-over.x-btn-plain-toolbar-medium:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-plain-toolbar-medium-focus-over-corners.gif), sides:url(images/btn/btn-plain-toolbar-medium-focus-over-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-pressed.x-btn-plain-toolbar-medium:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-plain-toolbar-medium-pressed-corners.gif), sides:url(images/btn/btn-plain-toolbar-medium-pressed-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-focus.x-btn-pressed.x-btn-plain-toolbar-medium:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-plain-toolbar-medium-focus-pressed-corners.gif), sides:url(images/btn/btn-plain-toolbar-medium-focus-pressed-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-disabled.x-btn-plain-toolbar-medium:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-plain-toolbar-medium-disabled-corners.gif), sides:url(images/btn/btn-plain-toolbar-medium-disabled-sides.gif)" !important +} + +.x-btn-plain-toolbar-large { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 5px 4px 5px 4px; + border-width: 1px; + border-style: solid; + background-color: transparent +} + +.x-btn-plain-toolbar-large-mc { + background-color: transparent +} + +.x-nbr .x-btn-plain-toolbar-large { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-btn-plain-toolbar-large-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-5-4-5-4 +} + +.x-btn-plain-toolbar-large-tl { + background-position: 0 -6px +} + +.x-btn-plain-toolbar-large-tr { + background-position: right -9px +} + +.x-btn-plain-toolbar-large-bl { + background-position: 0 -12px +} + +.x-btn-plain-toolbar-large-br { + background-position: right -15px +} + +.x-btn-plain-toolbar-large-ml { + background-position: 0 top +} + +.x-btn-plain-toolbar-large-mr { + background-position: right top +} + +.x-btn-plain-toolbar-large-tc { + background-position: 0 0 +} + +.x-btn-plain-toolbar-large-bc { + background-position: 0 -3px +} + +.x-btn-plain-toolbar-large-tr, +.x-btn-plain-toolbar-large-br, +.x-btn-plain-toolbar-large-mr { + padding-right: 3px +} + +.x-btn-plain-toolbar-large-tl, +.x-btn-plain-toolbar-large-bl, +.x-btn-plain-toolbar-large-ml { + padding-left: 3px +} + +.x-btn-plain-toolbar-large-tc { + height: 3px +} + +.x-btn-plain-toolbar-large-bc { + height: 3px +} + +.x-btn-plain-toolbar-large-mc { + padding: 3px 2px 3px 2px +} + +.x-cmd-slicer.x-btn-plain-toolbar-large:before { + display: none; + content: "x-slicer:, frame:3px 3px 3px 3px" !important +} + +.x-btn-plain-toolbar-large { + border-color: transparent +} + +.x-btn-button-plain-toolbar-large { + min-height: 32px +} + +.x-ie9m .x-btn-button-plain-toolbar-large { + min-height: auto; + height: 32px +} + +.x-btn-inner-plain-toolbar-large { + font: 300 17px/20px helvetica, arial, verdana, sans-serif; + color: #666; + padding: 0 10px; + max-width: 100% +} + +.x-btn-icon-right>.x-btn-inner-plain-toolbar-large, +.x-btn-icon-left>.x-btn-inner-plain-toolbar-large { + max-width: calc(100% - 32px) +} + +.x-ie10p .x-btn-inner-plain-toolbar-large { + max-width: none +} + +.x-btn-icon-el-plain-toolbar-large { + font-size: 32px; + height: 32px; + color: #666; + line-height: 32px +} + +.x-btn-icon-left>.x-btn-icon-el-plain-toolbar-large, +.x-btn-icon-right>.x-btn-icon-el-plain-toolbar-large { + width: 32px +} + +.x-btn-icon-top>.x-btn-icon-el-plain-toolbar-large, +.x-btn-icon-bottom>.x-btn-icon-el-plain-toolbar-large { + min-width: 32px +} + +.x-btn-icon-el-plain-toolbar-large.x-btn-glyph { + opacity: 0.5 +} + +.x-ie8 .x-btn-icon-el-plain-toolbar-large.x-btn-glyph { + color: #b3b3b3 +} + +.x-btn-text.x-btn-icon-left>.x-btn-icon-el-plain-toolbar-large { + margin-right: 0 +} + +.x-btn-text.x-btn-icon-right>.x-btn-icon-el-plain-toolbar-large { + margin-left: 0 +} + +.x-btn-text.x-btn-icon-top>.x-btn-icon-el-plain-toolbar-large { + margin-bottom: 5px +} + +.x-btn-text.x-btn-icon-bottom>.x-btn-icon-el-plain-toolbar-large { + margin-top: 5px +} + +.x-btn-arrow-right>.x-btn-icon.x-btn-no-text.x-btn-button-plain-toolbar-large { + padding-right: 10px +} + +.x-btn-arrow-right>.x-btn-text.x-btn-icon-right>.x-btn-icon-el-plain-toolbar-large { + margin-right: 10px +} + +.x-btn-arrow-bottom>.x-btn-button-plain-toolbar-large, +.x-btn-split-bottom>.x-btn-button-plain-toolbar-large { + padding-bottom: 5px +} + +.x-btn-wrap-plain-toolbar-large.x-btn-arrow-right:after { + width: 30px; + background-image: url(images/button/plain-toolbar-large-arrow.png); + padding-right: 30px +} + +.x-btn-wrap-plain-toolbar-large.x-btn-arrow-bottom:after { + height: 24px; + background-image: url(images/button/plain-toolbar-large-arrow.png) +} + +.x-btn-wrap-plain-toolbar-large.x-btn-split-right:after { + width: 42px; + background-image: url(images/button/plain-toolbar-large-s-arrow.png); + padding-right: 42px +} + +.x-btn-wrap-plain-toolbar-large.x-btn-split-bottom:after { + height: 36px; + background-image: url(images/button/plain-toolbar-large-s-arrow-b.png) +} + +.x-btn-split-right>.x-btn-icon.x-btn-no-text.x-btn-button-plain-toolbar-large { + padding-right: 10px +} + +.x-btn-split-right>.x-btn-text.x-btn-icon-right>.x-btn-icon-el-plain-toolbar-large { + margin-right: 10px +} + +.x-btn-focus.x-btn-plain-toolbar-large { + background-image: none; + background-color: transparent; + -webkit-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + -moz-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset +} + +.x-btn-plain-toolbar-large .x-btn-arrow-el { + position: absolute; + top: 0; + right: 0; + height: 100%; + width: 46px; + pointer-events: none +} + +.x-btn-plain-toolbar-large.x-arrow-focus .x-btn-arrow-el { + border: 1px solid #4297d4 +} + +.x-btn-over.x-btn-plain-toolbar-large { + border-color: #cfcfcf; + background-image: none; + background-color: #ececec +} + +.x-btn-focus.x-btn-over.x-btn-plain-toolbar-large { + -webkit-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + -moz-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset +} + +.x-btn.x-btn-menu-active.x-btn-plain-toolbar-large, +.x-btn.x-btn-pressed.x-btn-plain-toolbar-large { + border-color: #c7c7c7; + background-image: none; + background-color: #e2e2e2 +} + +.x-btn-focus.x-btn-menu-active.x-btn-plain-toolbar-large, +.x-btn-focus.x-btn-pressed.x-btn-plain-toolbar-large { + -webkit-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + -moz-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset; + box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset +} + +.x-btn.x-btn-disabled.x-btn-plain-toolbar-large { + background-image: none; + background-color: transparent +} + +.x-btn-focus .x-btn-plain-toolbar-large-tl, +.x-btn-focus .x-btn-plain-toolbar-large-bl, +.x-btn-focus .x-btn-plain-toolbar-large-tr, +.x-btn-focus .x-btn-plain-toolbar-large-br, +.x-btn-focus .x-btn-plain-toolbar-large-tc, +.x-btn-focus .x-btn-plain-toolbar-large-bc { + background-image: url(images/btn/btn-plain-toolbar-large-focus-corners.gif) +} + +.x-btn-focus .x-btn-plain-toolbar-large-ml, +.x-btn-focus .x-btn-plain-toolbar-large-mr { + background-image: url(images/btn/btn-plain-toolbar-large-focus-sides.gif) +} + +.x-btn-focus .x-btn-plain-toolbar-large-mc { + background-color: transparent +} + +.x-btn-over .x-btn-plain-toolbar-large-tl, +.x-btn-over .x-btn-plain-toolbar-large-bl, +.x-btn-over .x-btn-plain-toolbar-large-tr, +.x-btn-over .x-btn-plain-toolbar-large-br, +.x-btn-over .x-btn-plain-toolbar-large-tc, +.x-btn-over .x-btn-plain-toolbar-large-bc { + background-image: url(images/btn/btn-plain-toolbar-large-over-corners.gif) +} + +.x-btn-over .x-btn-plain-toolbar-large-ml, +.x-btn-over .x-btn-plain-toolbar-large-mr { + background-image: url(images/btn/btn-plain-toolbar-large-over-sides.gif) +} + +.x-btn-over .x-btn-plain-toolbar-large-mc { + background-color: #ececec +} + +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-large-tl, +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-large-bl, +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-large-tr, +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-large-br, +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-large-tc, +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-large-bc { + background-image: url(images/btn/btn-plain-toolbar-large-focus-over-corners.gif) +} + +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-large-ml, +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-large-mr { + background-image: url(images/btn/btn-plain-toolbar-large-focus-over-sides.gif) +} + +.x-btn-focus.x-btn-over .x-btn-plain-toolbar-large-mc { + background-color: #ececec +} + +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-large-tl, +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-large-bl, +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-large-tr, +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-large-br, +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-large-tc, +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-large-bc, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-large-tl, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-large-bl, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-large-tr, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-large-br, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-large-tc, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-large-bc { + background-image: url(images/btn/btn-plain-toolbar-large-pressed-corners.gif) +} + +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-large-ml, +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-large-mr, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-large-ml, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-large-mr { + background-image: url(images/btn/btn-plain-toolbar-large-pressed-sides.gif) +} + +.x-btn.x-btn-menu-active .x-btn-plain-toolbar-large-mc, +.x-btn.x-btn-pressed .x-btn-plain-toolbar-large-mc { + background-color: #e2e2e2 +} + +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-large-tl, +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-large-bl, +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-large-tr, +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-large-br, +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-large-tc, +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-large-bc, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-large-tl, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-large-bl, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-large-tr, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-large-br, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-large-tc, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-large-bc { + background-image: url(images/btn/btn-plain-toolbar-large-focus-pressed-corners.gif) +} + +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-large-ml, +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-large-mr, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-large-ml, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-large-mr { + background-image: url(images/btn/btn-plain-toolbar-large-focus-pressed-sides.gif) +} + +.x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-large-mc, +.x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-large-mc { + background-color: #e2e2e2 +} + +.x-btn.x-btn-disabled .x-btn-plain-toolbar-large-tl, +.x-btn.x-btn-disabled .x-btn-plain-toolbar-large-bl, +.x-btn.x-btn-disabled .x-btn-plain-toolbar-large-tr, +.x-btn.x-btn-disabled .x-btn-plain-toolbar-large-br, +.x-btn.x-btn-disabled .x-btn-plain-toolbar-large-tc, +.x-btn.x-btn-disabled .x-btn-plain-toolbar-large-bc { + background-image: url(images/btn/btn-plain-toolbar-large-disabled-corners.gif) +} + +.x-btn.x-btn-disabled .x-btn-plain-toolbar-large-ml, +.x-btn.x-btn-disabled .x-btn-plain-toolbar-large-mr { + background-image: url(images/btn/btn-plain-toolbar-large-disabled-sides.gif) +} + +.x-btn.x-btn-disabled .x-btn-plain-toolbar-large-mc { + background-color: transparent +} + +.x-nbr .x-btn-plain-toolbar-large { + background-image: none +} + +.x-btn-disabled.x-btn-plain-toolbar-large { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5 +} + +.x-cmd-slicer.x-btn-focus.x-btn-plain-toolbar-large:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-plain-toolbar-large-focus-corners.gif), sides:url(images/btn/btn-plain-toolbar-large-focus-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-over.x-btn-plain-toolbar-large:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-plain-toolbar-large-over-corners.gif), sides:url(images/btn/btn-plain-toolbar-large-over-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-focus.x-btn-over.x-btn-plain-toolbar-large:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-plain-toolbar-large-focus-over-corners.gif), sides:url(images/btn/btn-plain-toolbar-large-focus-over-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-pressed.x-btn-plain-toolbar-large:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-plain-toolbar-large-pressed-corners.gif), sides:url(images/btn/btn-plain-toolbar-large-pressed-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-focus.x-btn-pressed.x-btn-plain-toolbar-large:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-plain-toolbar-large-focus-pressed-corners.gif), sides:url(images/btn/btn-plain-toolbar-large-focus-pressed-sides.gif)" !important +} + +.x-cmd-slicer.x-btn-disabled.x-btn-plain-toolbar-large:before { + display: none; + content: "x-slicer:, stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-plain-toolbar-large-disabled-corners.gif), sides:url(images/btn/btn-plain-toolbar-large-disabled-sides.gif)" !important +} + +.x-btn-plain-toolbar-small-disabled .x-btn-icon-el, +.x-btn-plain-toolbar-medium-disabled .x-btn-icon-el, +.x-btn-plain-toolbar-large-disabled .x-btn-icon-el { + background-color: #fff +} + +.x-ie8 .x-btn-plain-toolbar-small-disabled .x-btn-icon-el, +.x-ie8 .x-btn-plain-toolbar-medium-disabled .x-btn-icon-el, +.x-ie8 .x-btn-plain-toolbar-large-disabled .x-btn-icon-el { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5 +} + +.x-panel-light { + border-color: #fff; + padding: 0 +} + +.x-panel-header-light { + font-size: 15px; + border: 1px solid #fff +} + +.x-panel-header-light .x-tool-img { + background-image: url(images/tools/tool-sprites-dark.png) +} + +.x-panel-header-light .x-tool-tool-el { + background-color: #fff +} + +.x-panel-header-light-horizontal { + padding: 5px 15px 6px +} + +.x-panel-header-light-horizontal .x-panel-header-light-tab-bar { + margin-top: -5px; + margin-bottom: -6px +} + +.x-panel-header-light-horizontal.x-header-noborder { + padding: 6px 16px 6px 16px +} + +.x-panel-header-light-horizontal.x-header-noborder .x-panel-header-light-tab-bar { + margin-top: -6px; + margin-bottom: -6px +} + +.x-panel-header-light-vertical { + padding: 15px 5px 15px 6px +} + +.x-panel-header-light-vertical .x-panel-header-light-tab-bar { + margin-right: -5px; + margin-left: -6px +} + +.x-panel-header-light-vertical.x-header-noborder { + padding: 16px 6px 16px 6px +} + +.x-panel-header-light-vertical.x-header-noborder .x-panel-header-light-tab-bar { + margin-right: -6px; + margin-left: -6px +} + +.x-panel-header-title-light { + color: #000; + font-size: 15px; + font-weight: 300; + font-family: helvetica, arial, verdana, sans-serif; + line-height: 32px +} + +.x-panel-header-title-light>.x-title-text-light { + text-transform: none; + padding: 0 +} + +.x-panel-header-title-light>.x-title-icon-wrap-light.x-title-icon-top { + height: 22px; + padding-bottom: 6px +} + +.x-panel-header-title-light>.x-title-icon-wrap-light.x-title-icon-right { + width: 22px; + padding-left: 6px +} + +.x-panel-header-title-light>.x-title-icon-wrap-light.x-title-icon-bottom { + height: 22px; + padding-top: 6px +} + +.x-panel-header-title-light>.x-title-icon-wrap-light.x-title-icon-left { + width: 22px; + padding-right: 6px +} + +.x-panel-header-title-light>.x-title-icon-wrap-light>.x-title-icon-light { + width: 16px; + height: 16px; + font-size: 16px; + color: #000; + background-position: center center +} + +.x-panel-header-title-light>.x-title-icon-wrap-light>.x-title-icon-light.x-title-glyph { + opacity: 0.5 +} + +.x-ie8 .x-panel-header-title-light>.x-title-icon-wrap-light>.x-title-icon-light.x-title-glyph { + color: grey +} + +.x-panel-body-light { + background: #fff; + border-color: #cfcfcf; + color: #000; + font-size: 15px; + font-weight: 300; + font-family: helvetica, arial, verdana, sans-serif; + border-width: 1px; + border-style: solid +} + +.x-panel-header-light { + background-image: none; + background-color: #fff +} + +.x-panel-header-light-vertical { + background-image: none; + background-color: #fff +} + +.x-panel .x-panel-header-light-collapsed-border-top { + border-bottom-width: 1px !important +} + +.x-panel .x-panel-header-light-collapsed-border-right { + border-left-width: 1px !important +} + +.x-panel .x-panel-header-light-collapsed-border-bottom { + border-top-width: 1px !important +} + +.x-panel .x-panel-header-light-collapsed-border-left { + border-right-width: 1px !important +} + +.x-cmd-slicer.x-panel-header-light-top:before { + display: none; + content: "x-slicer:, stretch:bottom" !important +} + +.x-cmd-slicer.x-panel-header-light-bottom:before { + display: none; + content: "x-slicer:, stretch:top" !important +} + +.x-cmd-slicer.x-panel-header-light-left:before { + display: none; + content: "x-slicer:, stretch:right" !important +} + +.x-cmd-slicer.x-panel-header-light-right:before { + display: none; + content: "x-slicer:, stretch:left" !important +} + +.x-panel-header-light-horizontal .x-tool-after-title { + margin: 0 0 0 6px +} + +.x-panel-header-light-horizontal .x-tool-before-title { + margin: 0 6px 0 0 +} + +.x-panel-header-light-vertical .x-tool-after-title { + margin: 6px 0 0 0 +} + +.x-panel-header-light-vertical .x-tool-before-title { + margin: 0 0 6px 0 +} + +.x-panel-header-light .x-tool-focus { + outline: 1px solid #157fcc; + outline-offset: 1px +} + +.x-ie .x-panel-header-light .x-tool-focus, +.x-ie10p .x-panel-header-light .x-tool-focus, +.x-edge .x-panel-header-light .x-tool-focus { + outline: none +} + +.x-ie .x-panel-header-light .x-tool-focus:after, +.x-ie10p .x-panel-header-light .x-tool-focus:after, +.x-edge .x-panel-header-light .x-tool-focus:after { + position: absolute; + content: ' '; + top: -2px; + right: -2px; + bottom: -2px; + left: -2px; + border: 1px solid #157fcc; + pointer-events: none +} + +.x-panel-light-resizable .x-panel-handle { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + opacity: 0 +} + +.x-panel-light-outer-border-l { + border-left-color: #fff !important; + border-left-width: 1px !important +} + +.x-panel-light-outer-border-b { + border-bottom-color: #fff !important; + border-bottom-width: 1px !important +} + +.x-panel-light-outer-border-bl { + border-bottom-color: #fff !important; + border-bottom-width: 1px !important; + border-left-color: #fff !important; + border-left-width: 1px !important +} + +.x-panel-light-outer-border-r { + border-right-color: #fff !important; + border-right-width: 1px !important +} + +.x-panel-light-outer-border-rl { + border-right-color: #fff !important; + border-right-width: 1px !important; + border-left-color: #fff !important; + border-left-width: 1px !important +} + +.x-panel-light-outer-border-rb { + border-right-color: #fff !important; + border-right-width: 1px !important; + border-bottom-color: #fff !important; + border-bottom-width: 1px !important +} + +.x-panel-light-outer-border-rbl { + border-right-color: #fff !important; + border-right-width: 1px !important; + border-bottom-color: #fff !important; + border-bottom-width: 1px !important; + border-left-color: #fff !important; + border-left-width: 1px !important +} + +.x-panel-light-outer-border-t { + border-top-color: #fff !important; + border-top-width: 1px !important +} + +.x-panel-light-outer-border-tl { + border-top-color: #fff !important; + border-top-width: 1px !important; + border-left-color: #fff !important; + border-left-width: 1px !important +} + +.x-panel-light-outer-border-tb { + border-top-color: #fff !important; + border-top-width: 1px !important; + border-bottom-color: #fff !important; + border-bottom-width: 1px !important +} + +.x-panel-light-outer-border-tbl { + border-top-color: #fff !important; + border-top-width: 1px !important; + border-bottom-color: #fff !important; + border-bottom-width: 1px !important; + border-left-color: #fff !important; + border-left-width: 1px !important +} + +.x-panel-light-outer-border-tr { + border-top-color: #fff !important; + border-top-width: 1px !important; + border-right-color: #fff !important; + border-right-width: 1px !important +} + +.x-panel-light-outer-border-trl { + border-top-color: #fff !important; + border-top-width: 1px !important; + border-right-color: #fff !important; + border-right-width: 1px !important; + border-left-color: #fff !important; + border-left-width: 1px !important +} + +.x-panel-light-outer-border-trb { + border-top-color: #fff !important; + border-top-width: 1px !important; + border-right-color: #fff !important; + border-right-width: 1px !important; + border-bottom-color: #fff !important; + border-bottom-width: 1px !important +} + +.x-panel-light-outer-border-trbl { + border-color: #fff !important; + border-width: 1px !important +} + +.x-panel-light-framed { + border-color: #fff; + padding: 0 +} + +.x-panel-header-light-framed { + font-size: 15px; + border: 1px solid #fff +} + +.x-panel-header-light-framed .x-tool-img { + background-image: url(images/tools/tool-sprites-dark.png) +} + +.x-panel-header-light-framed .x-tool-tool-el { + background-color: #fff +} + +.x-panel-header-light-framed-horizontal { + padding: 5px 15px 5px 15px +} + +.x-panel-header-light-framed-horizontal .x-panel-header-light-framed-tab-bar { + margin-top: -5px; + margin-bottom: -5px +} + +.x-panel-header-light-framed-horizontal.x-header-noborder { + padding: 6px 16px 5px 16px +} + +.x-panel-header-light-framed-horizontal.x-header-noborder .x-panel-header-light-framed-tab-bar { + margin-top: -6px; + margin-bottom: -5px +} + +.x-panel-header-light-framed-vertical { + padding: 15px 5px 15px 5px +} + +.x-panel-header-light-framed-vertical .x-panel-header-light-framed-tab-bar { + margin-right: -5px; + margin-left: -5px +} + +.x-panel-header-light-framed-vertical.x-header-noborder { + padding: 16px 6px 16px 5px +} + +.x-panel-header-light-framed-vertical.x-header-noborder .x-panel-header-light-framed-tab-bar { + margin-right: -6px; + margin-left: -5px +} + +.x-panel-header-title-light-framed { + color: #000; + font-size: 15px; + font-weight: 300; + font-family: helvetica, arial, verdana, sans-serif; + line-height: 32px +} + +.x-panel-header-title-light-framed>.x-title-text-light-framed { + text-transform: none; + padding: 0 +} + +.x-panel-header-title-light-framed>.x-title-icon-wrap-light-framed.x-title-icon-top { + height: 22px; + padding-bottom: 6px +} + +.x-panel-header-title-light-framed>.x-title-icon-wrap-light-framed.x-title-icon-right { + width: 22px; + padding-left: 6px +} + +.x-panel-header-title-light-framed>.x-title-icon-wrap-light-framed.x-title-icon-bottom { + height: 22px; + padding-top: 6px +} + +.x-panel-header-title-light-framed>.x-title-icon-wrap-light-framed.x-title-icon-left { + width: 22px; + padding-right: 6px +} + +.x-panel-header-title-light-framed>.x-title-icon-wrap-light-framed>.x-title-icon-light-framed { + width: 16px; + height: 16px; + font-size: 16px; + color: #000; + background-position: center center +} + +.x-panel-header-title-light-framed>.x-title-icon-wrap-light-framed>.x-title-icon-light-framed.x-title-glyph { + opacity: 0.5 +} + +.x-ie8 .x-panel-header-title-light-framed>.x-title-icon-wrap-light-framed>.x-title-icon-light-framed.x-title-glyph { + color: grey +} + +.x-panel-body-light-framed { + background: #fff; + border-color: #cfcfcf; + color: #000; + font-size: 15px; + font-weight: 300; + font-family: helvetica, arial, verdana, sans-serif; + border-width: 1px; + border-style: solid +} + +.x-panel-light-framed { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + padding: 0 0 0 0; + border-width: 1px; + border-style: solid; + background-color: #fff +} + +.x-panel-light-framed-mc { + background-color: #fff +} + +.x-nbr .x-panel-light-framed { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-panel-light-framed-frameInfo { + font-family: dh-4-4-4-4-1-1-1-1-3px-3px-3px-3px +} + +.x-panel-light-framed-tl { + background-position: 0 -8px +} + +.x-panel-light-framed-tr { + background-position: right -12px +} + +.x-panel-light-framed-bl { + background-position: 0 -16px +} + +.x-panel-light-framed-br { + background-position: right -20px +} + +.x-panel-light-framed-ml { + background-position: 0 top +} + +.x-panel-light-framed-mr { + background-position: right top +} + +.x-panel-light-framed-tc { + background-position: 0 0 +} + +.x-panel-light-framed-bc { + background-position: 0 -4px +} + +.x-panel-light-framed-tr, +.x-panel-light-framed-br, +.x-panel-light-framed-mr { + padding-right: 4px +} + +.x-panel-light-framed-tl, +.x-panel-light-framed-bl, +.x-panel-light-framed-ml { + padding-left: 4px +} + +.x-panel-light-framed-tc { + height: 4px +} + +.x-panel-light-framed-bc { + height: 4px +} + +.x-panel-light-framed-tl, +.x-panel-light-framed-bl, +.x-panel-light-framed-tr, +.x-panel-light-framed-br, +.x-panel-light-framed-tc, +.x-panel-light-framed-bc, +.x-panel-light-framed-ml, +.x-panel-light-framed-mr { + background-image: url(images/panel/panel-light-framed-corners.gif) +} + +.x-panel-light-framed-ml, +.x-panel-light-framed-mr { + background-image: url(images/panel/panel-light-framed-sides.gif); + background-repeat: repeat-y +} + +.x-panel-light-framed-mc { + padding: 0 0 0 0 +} + +.x-cmd-slicer.x-panel-light-framed:before { + display: none; + content: "x-slicer:, frame:4px 4px 4px 4px, corners:url(images/panel/panel-light-framed-corners.gif), sides:url(images/panel/panel-light-framed-sides.gif)" !important +} + +.x-panel-header-light-framed-top { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 5px 15px 5px 15px; + border-width: 1px 1px 0 1px; + border-style: solid; + background-color: #fff +} + +.x-panel-header-light-framed-top-mc { + background-color: #fff +} + +.x-nbr .x-panel-header-light-framed-top { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-panel-header-light-framed-top-frameInfo { + font-family: dh-4-4-0-4-1-1-0-1-5-15-5-15 +} + +.x-panel-header-light-framed-top-tl { + background-position: 0 -8px +} + +.x-panel-header-light-framed-top-tr { + background-position: right -12px +} + +.x-panel-header-light-framed-top-bl { + background-position: 0 -16px +} + +.x-panel-header-light-framed-top-br { + background-position: right -20px +} + +.x-panel-header-light-framed-top-ml { + background-position: 0 top +} + +.x-panel-header-light-framed-top-mr { + background-position: right top +} + +.x-panel-header-light-framed-top-tc { + background-position: 0 0 +} + +.x-panel-header-light-framed-top-bc { + background-position: 0 -4px +} + +.x-panel-header-light-framed-top-tr, +.x-panel-header-light-framed-top-br, +.x-panel-header-light-framed-top-mr { + padding-right: 4px +} + +.x-panel-header-light-framed-top-tl, +.x-panel-header-light-framed-top-bl, +.x-panel-header-light-framed-top-ml { + padding-left: 4px +} + +.x-panel-header-light-framed-top-tc { + height: 4px +} + +.x-panel-header-light-framed-top-bc { + height: 0 +} + +.x-panel-header-light-framed-top-tl, +.x-panel-header-light-framed-top-bl, +.x-panel-header-light-framed-top-tr, +.x-panel-header-light-framed-top-br, +.x-panel-header-light-framed-top-tc, +.x-panel-header-light-framed-top-bc, +.x-panel-header-light-framed-top-ml, +.x-panel-header-light-framed-top-mr { + background-image: url(images/panel-header/panel-header-light-framed-top-corners.gif) +} + +.x-panel-header-light-framed-top-ml, +.x-panel-header-light-framed-top-mr { + background-image: url(images/panel-header/panel-header-light-framed-top-sides.gif); + background-repeat: repeat-y +} + +.x-panel-header-light-framed-top-mc { + padding: 2px 12px 5px 12px +} + +.x-cmd-slicer.x-panel-header-light-framed-top:before { + display: none; + content: "x-slicer:, frame:4px 4px 0 4px, corners:url(images/panel-header/panel-header-light-framed-top-corners.gif), sides:url(images/panel-header/panel-header-light-framed-top-sides.gif)" !important +} + +.x-panel-header-light-framed-right { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 15px 5px 15px 5px; + border-width: 1px 1px 1px 0; + border-style: solid; + background-color: #fff +} + +.x-panel-header-light-framed-right-mc { + background-color: #fff +} + +.x-nbr .x-panel-header-light-framed-right { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-panel-header-light-framed-right-frameInfo { + font-family: dh-4-4-4-0-1-1-1-0-15-5-15-5 +} + +.x-panel-header-light-framed-right-tl { + background-position: 0 -8px +} + +.x-panel-header-light-framed-right-tr { + background-position: right -12px +} + +.x-panel-header-light-framed-right-bl { + background-position: 0 -16px +} + +.x-panel-header-light-framed-right-br { + background-position: right -20px +} + +.x-panel-header-light-framed-right-ml { + background-position: right 0 +} + +.x-panel-header-light-framed-right-mr { + background-position: right 0 +} + +.x-panel-header-light-framed-right-tc { + background-position: 0 0 +} + +.x-panel-header-light-framed-right-bc { + background-position: 0 -4px +} + +.x-panel-header-light-framed-right-tr, +.x-panel-header-light-framed-right-br, +.x-panel-header-light-framed-right-mr { + padding-right: 4px +} + +.x-panel-header-light-framed-right-tl, +.x-panel-header-light-framed-right-bl, +.x-panel-header-light-framed-right-ml { + padding-left: 0 +} + +.x-panel-header-light-framed-right-tc { + height: 4px +} + +.x-panel-header-light-framed-right-bc { + height: 4px +} + +.x-panel-header-light-framed-right-tl, +.x-panel-header-light-framed-right-bl, +.x-panel-header-light-framed-right-tr, +.x-panel-header-light-framed-right-br, +.x-panel-header-light-framed-right-tc, +.x-panel-header-light-framed-right-bc, +.x-panel-header-light-framed-right-ml, +.x-panel-header-light-framed-right-mr { + background-image: url(images/panel-header/panel-header-light-framed-right-corners.gif) +} + +.x-panel-header-light-framed-right-ml, +.x-panel-header-light-framed-right-mr { + background-image: url(images/panel-header/panel-header-light-framed-right-sides.gif); + background-repeat: repeat-y +} + +.x-panel-header-light-framed-right-mc { + padding: 12px 2px 12px 5px +} + +.x-cmd-slicer.x-panel-header-light-framed-right:before { + display: none; + content: "x-slicer:, frame:4px 4px 4px 0, corners:url(images/panel-header/panel-header-light-framed-right-corners.gif), sides:url(images/panel-header/panel-header-light-framed-right-sides.gif)" !important +} + +.x-panel-header-light-framed-bottom { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 5px 15px 5px 15px; + border-width: 0 1px 1px 1px; + border-style: solid; + background-color: #fff +} + +.x-panel-header-light-framed-bottom-mc { + background-color: #fff +} + +.x-nbr .x-panel-header-light-framed-bottom { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-panel-header-light-framed-bottom-frameInfo { + font-family: dh-0-4-4-4-0-1-1-1-5-15-5-15 +} + +.x-panel-header-light-framed-bottom-tl { + background-position: 0 -8px +} + +.x-panel-header-light-framed-bottom-tr { + background-position: right -12px +} + +.x-panel-header-light-framed-bottom-bl { + background-position: 0 -16px +} + +.x-panel-header-light-framed-bottom-br { + background-position: right -20px +} + +.x-panel-header-light-framed-bottom-ml { + background-position: 0 bottom +} + +.x-panel-header-light-framed-bottom-mr { + background-position: right bottom +} + +.x-panel-header-light-framed-bottom-tc { + background-position: 0 0 +} + +.x-panel-header-light-framed-bottom-bc { + background-position: 0 -4px +} + +.x-panel-header-light-framed-bottom-tr, +.x-panel-header-light-framed-bottom-br, +.x-panel-header-light-framed-bottom-mr { + padding-right: 4px +} + +.x-panel-header-light-framed-bottom-tl, +.x-panel-header-light-framed-bottom-bl, +.x-panel-header-light-framed-bottom-ml { + padding-left: 4px +} + +.x-panel-header-light-framed-bottom-tc { + height: 0 +} + +.x-panel-header-light-framed-bottom-bc { + height: 4px +} + +.x-panel-header-light-framed-bottom-tl, +.x-panel-header-light-framed-bottom-bl, +.x-panel-header-light-framed-bottom-tr, +.x-panel-header-light-framed-bottom-br, +.x-panel-header-light-framed-bottom-tc, +.x-panel-header-light-framed-bottom-bc, +.x-panel-header-light-framed-bottom-ml, +.x-panel-header-light-framed-bottom-mr { + background-image: url(images/panel-header/panel-header-light-framed-bottom-corners.gif) +} + +.x-panel-header-light-framed-bottom-ml, +.x-panel-header-light-framed-bottom-mr { + background-image: url(images/panel-header/panel-header-light-framed-bottom-sides.gif); + background-repeat: repeat-y +} + +.x-panel-header-light-framed-bottom-mc { + padding: 5px 12px 2px 12px +} + +.x-cmd-slicer.x-panel-header-light-framed-bottom:before { + display: none; + content: "x-slicer:, frame:0 4px 4px 4px, corners:url(images/panel-header/panel-header-light-framed-bottom-corners.gif), sides:url(images/panel-header/panel-header-light-framed-bottom-sides.gif)" !important +} + +.x-panel-header-light-framed-left { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 15px 5px 15px 5px; + border-width: 1px 0 1px 1px; + border-style: solid; + background-color: #fff +} + +.x-panel-header-light-framed-left-mc { + background-color: #fff +} + +.x-nbr .x-panel-header-light-framed-left { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-panel-header-light-framed-left-frameInfo { + font-family: dh-4-0-4-4-1-0-1-1-15-5-15-5 +} + +.x-panel-header-light-framed-left-tl { + background-position: 0 -8px +} + +.x-panel-header-light-framed-left-tr { + background-position: right -12px +} + +.x-panel-header-light-framed-left-bl { + background-position: 0 -16px +} + +.x-panel-header-light-framed-left-br { + background-position: right -20px +} + +.x-panel-header-light-framed-left-ml { + background-position: left 0 +} + +.x-panel-header-light-framed-left-mr { + background-position: left 0 +} + +.x-panel-header-light-framed-left-tc { + background-position: 0 0 +} + +.x-panel-header-light-framed-left-bc { + background-position: 0 -4px +} + +.x-panel-header-light-framed-left-tr, +.x-panel-header-light-framed-left-br, +.x-panel-header-light-framed-left-mr { + padding-right: 0 +} + +.x-panel-header-light-framed-left-tl, +.x-panel-header-light-framed-left-bl, +.x-panel-header-light-framed-left-ml { + padding-left: 4px +} + +.x-panel-header-light-framed-left-tc { + height: 4px +} + +.x-panel-header-light-framed-left-bc { + height: 4px +} + +.x-panel-header-light-framed-left-tl, +.x-panel-header-light-framed-left-bl, +.x-panel-header-light-framed-left-tr, +.x-panel-header-light-framed-left-br, +.x-panel-header-light-framed-left-tc, +.x-panel-header-light-framed-left-bc, +.x-panel-header-light-framed-left-ml, +.x-panel-header-light-framed-left-mr { + background-image: url(images/panel-header/panel-header-light-framed-left-corners.gif) +} + +.x-panel-header-light-framed-left-ml, +.x-panel-header-light-framed-left-mr { + background-image: url(images/panel-header/panel-header-light-framed-left-sides.gif); + background-repeat: repeat-y +} + +.x-panel-header-light-framed-left-mc { + padding: 12px 5px 12px 2px +} + +.x-cmd-slicer.x-panel-header-light-framed-left:before { + display: none; + content: "x-slicer:, frame:4px 0 4px 4px, corners:url(images/panel-header/panel-header-light-framed-left-corners.gif), sides:url(images/panel-header/panel-header-light-framed-left-sides.gif)" !important +} + +.x-panel-header-light-framed-collapsed-top { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 5px 15px 5px 15px; + border-width: 1px; + border-style: solid; + background-color: #fff +} + +.x-panel-header-light-framed-collapsed-top-mc { + background-color: #fff +} + +.x-nbr .x-panel-header-light-framed-collapsed-top { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-panel-header-light-framed-collapsed-top-frameInfo { + font-family: dh-4-4-4-4-1-1-1-1-5-15-5-15 +} + +.x-panel-header-light-framed-collapsed-top-tl { + background-position: 0 -8px +} + +.x-panel-header-light-framed-collapsed-top-tr { + background-position: right -12px +} + +.x-panel-header-light-framed-collapsed-top-bl { + background-position: 0 -16px +} + +.x-panel-header-light-framed-collapsed-top-br { + background-position: right -20px +} + +.x-panel-header-light-framed-collapsed-top-ml { + background-position: 0 top +} + +.x-panel-header-light-framed-collapsed-top-mr { + background-position: right top +} + +.x-panel-header-light-framed-collapsed-top-tc { + background-position: 0 0 +} + +.x-panel-header-light-framed-collapsed-top-bc { + background-position: 0 -4px +} + +.x-panel-header-light-framed-collapsed-top-tr, +.x-panel-header-light-framed-collapsed-top-br, +.x-panel-header-light-framed-collapsed-top-mr { + padding-right: 4px +} + +.x-panel-header-light-framed-collapsed-top-tl, +.x-panel-header-light-framed-collapsed-top-bl, +.x-panel-header-light-framed-collapsed-top-ml { + padding-left: 4px +} + +.x-panel-header-light-framed-collapsed-top-tc { + height: 4px +} + +.x-panel-header-light-framed-collapsed-top-bc { + height: 4px +} + +.x-panel-header-light-framed-collapsed-top-tl, +.x-panel-header-light-framed-collapsed-top-bl, +.x-panel-header-light-framed-collapsed-top-tr, +.x-panel-header-light-framed-collapsed-top-br, +.x-panel-header-light-framed-collapsed-top-tc, +.x-panel-header-light-framed-collapsed-top-bc, +.x-panel-header-light-framed-collapsed-top-ml, +.x-panel-header-light-framed-collapsed-top-mr { + background-image: url(images/panel-header/panel-header-light-framed-collapsed-top-corners.gif) +} + +.x-panel-header-light-framed-collapsed-top-ml, +.x-panel-header-light-framed-collapsed-top-mr { + background-image: url(images/panel-header/panel-header-light-framed-collapsed-top-sides.gif); + background-repeat: repeat-y +} + +.x-panel-header-light-framed-collapsed-top-mc { + padding: 2px 12px 2px 12px +} + +.x-cmd-slicer.x-panel-header-light-framed-collapsed-top:before { + display: none; + content: "x-slicer:, frame:4px 4px 4px 4px, corners:url(images/panel-header/panel-header-light-framed-collapsed-top-corners.gif), sides:url(images/panel-header/panel-header-light-framed-collapsed-top-sides.gif)" !important +} + +.x-panel-header-light-framed-collapsed-right { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 15px 5px 15px 5px; + border-width: 1px; + border-style: solid; + background-color: #fff +} + +.x-panel-header-light-framed-collapsed-right-mc { + background-color: #fff +} + +.x-nbr .x-panel-header-light-framed-collapsed-right { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-panel-header-light-framed-collapsed-right-frameInfo { + font-family: dh-4-4-4-4-1-1-1-1-15-5-15-5 +} + +.x-panel-header-light-framed-collapsed-right-tl { + background-position: 0 -8px +} + +.x-panel-header-light-framed-collapsed-right-tr { + background-position: right -12px +} + +.x-panel-header-light-framed-collapsed-right-bl { + background-position: 0 -16px +} + +.x-panel-header-light-framed-collapsed-right-br { + background-position: right -20px +} + +.x-panel-header-light-framed-collapsed-right-ml { + background-position: right 0 +} + +.x-panel-header-light-framed-collapsed-right-mr { + background-position: right 0 +} + +.x-panel-header-light-framed-collapsed-right-tc { + background-position: 0 0 +} + +.x-panel-header-light-framed-collapsed-right-bc { + background-position: 0 -4px +} + +.x-panel-header-light-framed-collapsed-right-tr, +.x-panel-header-light-framed-collapsed-right-br, +.x-panel-header-light-framed-collapsed-right-mr { + padding-right: 4px +} + +.x-panel-header-light-framed-collapsed-right-tl, +.x-panel-header-light-framed-collapsed-right-bl, +.x-panel-header-light-framed-collapsed-right-ml { + padding-left: 4px +} + +.x-panel-header-light-framed-collapsed-right-tc { + height: 4px +} + +.x-panel-header-light-framed-collapsed-right-bc { + height: 4px +} + +.x-panel-header-light-framed-collapsed-right-tl, +.x-panel-header-light-framed-collapsed-right-bl, +.x-panel-header-light-framed-collapsed-right-tr, +.x-panel-header-light-framed-collapsed-right-br, +.x-panel-header-light-framed-collapsed-right-tc, +.x-panel-header-light-framed-collapsed-right-bc, +.x-panel-header-light-framed-collapsed-right-ml, +.x-panel-header-light-framed-collapsed-right-mr { + background-image: url(images/panel-header/panel-header-light-framed-collapsed-right-corners.gif) +} + +.x-panel-header-light-framed-collapsed-right-ml, +.x-panel-header-light-framed-collapsed-right-mr { + background-image: url(images/panel-header/panel-header-light-framed-collapsed-right-sides.gif); + background-repeat: repeat-y +} + +.x-panel-header-light-framed-collapsed-right-mc { + padding: 12px 2px 12px 2px +} + +.x-cmd-slicer.x-panel-header-light-framed-collapsed-right:before { + display: none; + content: "x-slicer:, frame:4px 4px 4px 4px, corners:url(images/panel-header/panel-header-light-framed-collapsed-right-corners.gif), sides:url(images/panel-header/panel-header-light-framed-collapsed-right-sides.gif)" !important +} + +.x-panel-header-light-framed-collapsed-bottom { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 5px 15px 5px 15px; + border-width: 1px; + border-style: solid; + background-color: #fff +} + +.x-panel-header-light-framed-collapsed-bottom-mc { + background-color: #fff +} + +.x-nbr .x-panel-header-light-framed-collapsed-bottom { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-panel-header-light-framed-collapsed-bottom-frameInfo { + font-family: dh-4-4-4-4-1-1-1-1-5-15-5-15 +} + +.x-panel-header-light-framed-collapsed-bottom-tl { + background-position: 0 -8px +} + +.x-panel-header-light-framed-collapsed-bottom-tr { + background-position: right -12px +} + +.x-panel-header-light-framed-collapsed-bottom-bl { + background-position: 0 -16px +} + +.x-panel-header-light-framed-collapsed-bottom-br { + background-position: right -20px +} + +.x-panel-header-light-framed-collapsed-bottom-ml { + background-position: 0 bottom +} + +.x-panel-header-light-framed-collapsed-bottom-mr { + background-position: right bottom +} + +.x-panel-header-light-framed-collapsed-bottom-tc { + background-position: 0 0 +} + +.x-panel-header-light-framed-collapsed-bottom-bc { + background-position: 0 -4px +} + +.x-panel-header-light-framed-collapsed-bottom-tr, +.x-panel-header-light-framed-collapsed-bottom-br, +.x-panel-header-light-framed-collapsed-bottom-mr { + padding-right: 4px +} + +.x-panel-header-light-framed-collapsed-bottom-tl, +.x-panel-header-light-framed-collapsed-bottom-bl, +.x-panel-header-light-framed-collapsed-bottom-ml { + padding-left: 4px +} + +.x-panel-header-light-framed-collapsed-bottom-tc { + height: 4px +} + +.x-panel-header-light-framed-collapsed-bottom-bc { + height: 4px +} + +.x-panel-header-light-framed-collapsed-bottom-tl, +.x-panel-header-light-framed-collapsed-bottom-bl, +.x-panel-header-light-framed-collapsed-bottom-tr, +.x-panel-header-light-framed-collapsed-bottom-br, +.x-panel-header-light-framed-collapsed-bottom-tc, +.x-panel-header-light-framed-collapsed-bottom-bc, +.x-panel-header-light-framed-collapsed-bottom-ml, +.x-panel-header-light-framed-collapsed-bottom-mr { + background-image: url(images/panel-header/panel-header-light-framed-collapsed-bottom-corners.gif) +} + +.x-panel-header-light-framed-collapsed-bottom-ml, +.x-panel-header-light-framed-collapsed-bottom-mr { + background-image: url(images/panel-header/panel-header-light-framed-collapsed-bottom-sides.gif); + background-repeat: repeat-y +} + +.x-panel-header-light-framed-collapsed-bottom-mc { + padding: 2px 12px 2px 12px +} + +.x-cmd-slicer.x-panel-header-light-framed-collapsed-bottom:before { + display: none; + content: "x-slicer:, frame:4px 4px 4px 4px, corners:url(images/panel-header/panel-header-light-framed-collapsed-bottom-corners.gif), sides:url(images/panel-header/panel-header-light-framed-collapsed-bottom-sides.gif)" !important +} + +.x-panel-header-light-framed-collapsed-left { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 15px 5px 15px 5px; + border-width: 1px; + border-style: solid; + background-color: #fff +} + +.x-panel-header-light-framed-collapsed-left-mc { + background-color: #fff +} + +.x-nbr .x-panel-header-light-framed-collapsed-left { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-panel-header-light-framed-collapsed-left-frameInfo { + font-family: dh-4-4-4-4-1-1-1-1-15-5-15-5 +} + +.x-panel-header-light-framed-collapsed-left-tl { + background-position: 0 -8px +} + +.x-panel-header-light-framed-collapsed-left-tr { + background-position: right -12px +} + +.x-panel-header-light-framed-collapsed-left-bl { + background-position: 0 -16px +} + +.x-panel-header-light-framed-collapsed-left-br { + background-position: right -20px +} + +.x-panel-header-light-framed-collapsed-left-ml { + background-position: left 0 +} + +.x-panel-header-light-framed-collapsed-left-mr { + background-position: left 0 +} + +.x-panel-header-light-framed-collapsed-left-tc { + background-position: 0 0 +} + +.x-panel-header-light-framed-collapsed-left-bc { + background-position: 0 -4px +} + +.x-panel-header-light-framed-collapsed-left-tr, +.x-panel-header-light-framed-collapsed-left-br, +.x-panel-header-light-framed-collapsed-left-mr { + padding-right: 4px +} + +.x-panel-header-light-framed-collapsed-left-tl, +.x-panel-header-light-framed-collapsed-left-bl, +.x-panel-header-light-framed-collapsed-left-ml { + padding-left: 4px +} + +.x-panel-header-light-framed-collapsed-left-tc { + height: 4px +} + +.x-panel-header-light-framed-collapsed-left-bc { + height: 4px +} + +.x-panel-header-light-framed-collapsed-left-tl, +.x-panel-header-light-framed-collapsed-left-bl, +.x-panel-header-light-framed-collapsed-left-tr, +.x-panel-header-light-framed-collapsed-left-br, +.x-panel-header-light-framed-collapsed-left-tc, +.x-panel-header-light-framed-collapsed-left-bc, +.x-panel-header-light-framed-collapsed-left-ml, +.x-panel-header-light-framed-collapsed-left-mr { + background-image: url(images/panel-header/panel-header-light-framed-collapsed-left-corners.gif) +} + +.x-panel-header-light-framed-collapsed-left-ml, +.x-panel-header-light-framed-collapsed-left-mr { + background-image: url(images/panel-header/panel-header-light-framed-collapsed-left-sides.gif); + background-repeat: repeat-y +} + +.x-panel-header-light-framed-collapsed-left-mc { + padding: 12px 2px 12px 2px +} + +.x-cmd-slicer.x-panel-header-light-framed-collapsed-left:before { + display: none; + content: "x-slicer:, frame:4px 4px 4px 4px, corners:url(images/panel-header/panel-header-light-framed-collapsed-left-corners.gif), sides:url(images/panel-header/panel-header-light-framed-collapsed-left-sides.gif)" !important +} + +.x-panel .x-panel-header-light-framed-top { + border-bottom-width: 1px !important +} + +.x-panel .x-panel-header-light-framed-right { + border-left-width: 1px !important +} + +.x-panel .x-panel-header-light-framed-bottom { + border-top-width: 1px !important +} + +.x-panel .x-panel-header-light-framed-left { + border-right-width: 1px !important +} + +.x-nbr .x-panel-header-light-framed-collapsed-top { + border-bottom-width: 0 !important +} + +.x-nbr .x-panel-header-light-framed-collapsed-right { + border-left-width: 0 !important +} + +.x-nbr .x-panel-header-light-framed-collapsed-bottom { + border-top-width: 0 !important +} + +.x-nbr .x-panel-header-light-framed-collapsed-left { + border-right-width: 0 !important +} + +.x-panel-header-light-framed-horizontal .x-tool-after-title { + margin: 0 0 0 6px +} + +.x-panel-header-light-framed-horizontal .x-tool-before-title { + margin: 0 6px 0 0 +} + +.x-panel-header-light-framed-vertical .x-tool-after-title { + margin: 6px 0 0 0 +} + +.x-panel-header-light-framed-vertical .x-tool-before-title { + margin: 0 0 6px 0 +} + +.x-panel-header-light-framed .x-tool-focus { + outline: 1px solid #157fcc; + outline-offset: 1px +} + +.x-ie .x-panel-header-light-framed .x-tool-focus, +.x-ie10p .x-panel-header-light-framed .x-tool-focus, +.x-edge .x-panel-header-light-framed .x-tool-focus { + outline: none +} + +.x-ie .x-panel-header-light-framed .x-tool-focus:after, +.x-ie10p .x-panel-header-light-framed .x-tool-focus:after, +.x-edge .x-panel-header-light-framed .x-tool-focus:after { + position: absolute; + content: ' '; + top: -2px; + right: -2px; + bottom: -2px; + left: -2px; + border: 1px solid #157fcc; + pointer-events: none +} + +.x-panel-light-framed-resizable .x-panel-handle { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + opacity: 0 +} + +.x-panel-light-framed-outer-border-l { + border-left-color: #fff !important; + border-left-width: 1px !important +} + +.x-panel-light-framed-outer-border-b { + border-bottom-color: #fff !important; + border-bottom-width: 1px !important +} + +.x-panel-light-framed-outer-border-bl { + border-bottom-color: #fff !important; + border-bottom-width: 1px !important; + border-left-color: #fff !important; + border-left-width: 1px !important +} + +.x-panel-light-framed-outer-border-r { + border-right-color: #fff !important; + border-right-width: 1px !important +} + +.x-panel-light-framed-outer-border-rl { + border-right-color: #fff !important; + border-right-width: 1px !important; + border-left-color: #fff !important; + border-left-width: 1px !important +} + +.x-panel-light-framed-outer-border-rb { + border-right-color: #fff !important; + border-right-width: 1px !important; + border-bottom-color: #fff !important; + border-bottom-width: 1px !important +} + +.x-panel-light-framed-outer-border-rbl { + border-right-color: #fff !important; + border-right-width: 1px !important; + border-bottom-color: #fff !important; + border-bottom-width: 1px !important; + border-left-color: #fff !important; + border-left-width: 1px !important +} + +.x-panel-light-framed-outer-border-t { + border-top-color: #fff !important; + border-top-width: 1px !important +} + +.x-panel-light-framed-outer-border-tl { + border-top-color: #fff !important; + border-top-width: 1px !important; + border-left-color: #fff !important; + border-left-width: 1px !important +} + +.x-panel-light-framed-outer-border-tb { + border-top-color: #fff !important; + border-top-width: 1px !important; + border-bottom-color: #fff !important; + border-bottom-width: 1px !important +} + +.x-panel-light-framed-outer-border-tbl { + border-top-color: #fff !important; + border-top-width: 1px !important; + border-bottom-color: #fff !important; + border-bottom-width: 1px !important; + border-left-color: #fff !important; + border-left-width: 1px !important +} + +.x-panel-light-framed-outer-border-tr { + border-top-color: #fff !important; + border-top-width: 1px !important; + border-right-color: #fff !important; + border-right-width: 1px !important +} + +.x-panel-light-framed-outer-border-trl { + border-top-color: #fff !important; + border-top-width: 1px !important; + border-right-color: #fff !important; + border-right-width: 1px !important; + border-left-color: #fff !important; + border-left-width: 1px !important +} + +.x-panel-light-framed-outer-border-trb { + border-top-color: #fff !important; + border-top-width: 1px !important; + border-right-color: #fff !important; + border-right-width: 1px !important; + border-bottom-color: #fff !important; + border-bottom-width: 1px !important +} + +.x-panel-light-framed-outer-border-trbl { + border-color: #fff !important; + border-width: 1px !important +} + +.x-resizable-handle { + background-repeat: no-repeat +} + +.x-resizable-handle-east-over, +.x-resizable-handle-west-over { + background-position: center +} + +.x-resizable-handle-south-over, +.x-resizable-handle-north-over { + background-position: center +} + +.x-resizable-handle-southeast-over { + background-position: -2px -2px +} + +.x-resizable-handle-northwest-over { + background-position: 2px 2px +} + +.x-resizable-handle-northeast-over { + background-position: -2px 2px +} + +.x-resizable-handle-southwest-over { + background-position: 2px -2px +} + +.x-resizable-pinned .x-resizable-handle-east, +.x-resizable-pinned .x-resizable-handle-west { + background-position: center +} + +.x-resizable-pinned .x-resizable-handle-south, +.x-resizable-pinned .x-resizable-handle-north { + background-position: center +} + +.x-resizable-pinned .x-resizable-handle-southeast { + background-position: -2px -2px +} + +.x-resizable-pinned .x-resizable-handle-northwest { + background-position: 2px 2px +} + +.x-resizable-pinned .x-resizable-handle-northeast { + background-position: -2px 2px +} + +.x-resizable-pinned .x-resizable-handle-southwest { + background-position: 2px -2px +} + +@font-face { + font-family: 'Pictos'; + src: url('pictos/pictos.eot'); + src: url('pictos/pictos.eot?#iefix') format('embedded-opentype'), url('pictos/pictos.woff') format('woff'), url('pictos/pictos.ttf') format('truetype'); + font-weight: normal; + font-style: normal +} + +.x-tab-navigation-top { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + padding: 24px 24px 24px 24px; + border-width: 0; + border-style: solid; + background-color: transparent +} + +.x-tab-navigation-top-mc { + background-color: transparent +} + +.x-nbr .x-tab-navigation-top { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-tab-navigation-top-frameInfo { + font-family: th-0-0-0-0-0-0-0-0-24-24-24-24 +} + +.x-tab-navigation-top-tl { + background-position: 0 0 +} + +.x-tab-navigation-top-tr { + background-position: right 0 +} + +.x-tab-navigation-top-bl { + background-position: 0 0 +} + +.x-tab-navigation-top-br { + background-position: right 0 +} + +.x-tab-navigation-top-ml { + background-position: 0 top +} + +.x-tab-navigation-top-mr { + background-position: right top +} + +.x-tab-navigation-top-tc { + background-position: 0 0 +} + +.x-tab-navigation-top-bc { + background-position: 0 0 +} + +.x-tab-navigation-top-tr, +.x-tab-navigation-top-br, +.x-tab-navigation-top-mr { + padding-right: 0 +} + +.x-tab-navigation-top-tl, +.x-tab-navigation-top-bl, +.x-tab-navigation-top-ml { + padding-left: 0 +} + +.x-tab-navigation-top-tc { + height: 0 +} + +.x-tab-navigation-top-bc { + height: 0 +} + +.x-tab-navigation-top-mc { + padding: 24px 24px 24px 24px +} + +.x-cmd-slicer.x-tab-navigation-top:before { + display: none; + content: "x-slicer:, frame:0 0 0 0" !important +} + +.x-tab-navigation-bottom { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 24px 24px 24px 24px; + border-width: 0 0 0 0; + border-style: solid; + background-color: transparent +} + +.x-tab-navigation-bottom-mc { + background-color: transparent +} + +.x-nbr .x-tab-navigation-bottom { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-tab-navigation-bottom-frameInfo { + font-family: th-0-0-0-0-0-0-0-0-24-24-24-24 +} + +.x-tab-navigation-bottom-tl { + background-position: 0 0 +} + +.x-tab-navigation-bottom-tr { + background-position: right 0 +} + +.x-tab-navigation-bottom-bl { + background-position: 0 0 +} + +.x-tab-navigation-bottom-br { + background-position: right 0 +} + +.x-tab-navigation-bottom-ml { + background-position: 0 bottom +} + +.x-tab-navigation-bottom-mr { + background-position: right bottom +} + +.x-tab-navigation-bottom-tc { + background-position: 0 0 +} + +.x-tab-navigation-bottom-bc { + background-position: 0 0 +} + +.x-tab-navigation-bottom-tr, +.x-tab-navigation-bottom-br, +.x-tab-navigation-bottom-mr { + padding-right: 0 +} + +.x-tab-navigation-bottom-tl, +.x-tab-navigation-bottom-bl, +.x-tab-navigation-bottom-ml { + padding-left: 0 +} + +.x-tab-navigation-bottom-tc { + height: 0 +} + +.x-tab-navigation-bottom-bc { + height: 0 +} + +.x-tab-navigation-bottom-mc { + padding: 24px 24px 24px 24px +} + +.x-cmd-slicer.x-tab-navigation-bottom:before { + display: none; + content: "x-slicer:, frame:0 0 0 0" !important +} + +.x-tab-navigation-left { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 24px 24px 24px 24px; + border-width: 0 0 0 0; + border-style: solid; + background-color: transparent +} + +.x-tab-navigation-left-mc { + background-color: transparent +} + +.x-nbr .x-tab-navigation-left { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-tab-navigation-left-frameInfo { + font-family: th-0-0-0-0-0-0-0-0-24-24-24-24 +} + +.x-tab-navigation-left-tl { + background-position: 0 0 +} + +.x-tab-navigation-left-tr { + background-position: right 0 +} + +.x-tab-navigation-left-bl { + background-position: 0 0 +} + +.x-tab-navigation-left-br { + background-position: right 0 +} + +.x-tab-navigation-left-ml { + background-position: 0 top +} + +.x-tab-navigation-left-mr { + background-position: right top +} + +.x-tab-navigation-left-tc { + background-position: 0 0 +} + +.x-tab-navigation-left-bc { + background-position: 0 0 +} + +.x-tab-navigation-left-tr, +.x-tab-navigation-left-br, +.x-tab-navigation-left-mr { + padding-right: 0 +} + +.x-tab-navigation-left-tl, +.x-tab-navigation-left-bl, +.x-tab-navigation-left-ml { + padding-left: 0 +} + +.x-tab-navigation-left-tc { + height: 0 +} + +.x-tab-navigation-left-bc { + height: 0 +} + +.x-tab-navigation-left-mc { + padding: 24px 24px 24px 24px +} + +.x-cmd-slicer.x-tab-navigation-left:before { + display: none; + content: "x-slicer:, frame:0 0 0 0" !important +} + +.x-tab-navigation-right { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 24px 24px 24px 24px; + border-width: 0 0 0 0; + border-style: solid; + background-color: transparent +} + +.x-tab-navigation-right-mc { + background-color: transparent +} + +.x-nbr .x-tab-navigation-right { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + background-color: transparent !important; + box-shadow: none !important +} + +.x-tab-navigation-right-frameInfo { + font-family: th-0-0-0-0-0-0-0-0-24-24-24-24 +} + +.x-tab-navigation-right-tl { + background-position: 0 0 +} + +.x-tab-navigation-right-tr { + background-position: right 0 +} + +.x-tab-navigation-right-bl { + background-position: 0 0 +} + +.x-tab-navigation-right-br { + background-position: right 0 +} + +.x-tab-navigation-right-ml { + background-position: 0 top +} + +.x-tab-navigation-right-mr { + background-position: right top +} + +.x-tab-navigation-right-tc { + background-position: 0 0 +} + +.x-tab-navigation-right-bc { + background-position: 0 0 +} + +.x-tab-navigation-right-tr, +.x-tab-navigation-right-br, +.x-tab-navigation-right-mr { + padding-right: 0 +} + +.x-tab-navigation-right-tl, +.x-tab-navigation-right-bl, +.x-tab-navigation-right-ml { + padding-left: 0 +} + +.x-tab-navigation-right-tc { + height: 0 +} + +.x-tab-navigation-right-bc { + height: 0 +} + +.x-tab-navigation-right-mc { + padding: 24px 24px 24px 24px +} + +.x-cmd-slicer.x-tab-navigation-right:before { + display: none; + content: "x-slicer:, frame:0 0 0 0" !important +} + +.x-tab-navigation { + border-color: #f5f5f5; + cursor: pointer +} + +.x-tab-navigation-top { + margin: 0 +} + +.x-tab-navigation-top.x-tab-rotate-left { + margin: 0 0 0 0 +} + +.x-tab-navigation-top.x-tab-focus { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none +} + +.x-tab-navigation-top.x-tab-focus.x-tab-over { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none +} + +.x-tab-navigation-top.x-tab-focus.x-tab-active { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none +} + +.x-tab-navigation-right { + margin: 0 0 0 0 +} + +.x-tab-navigation-right.x-tab-rotate-right { + margin: 0 0 0 0 +} + +.x-tab-navigation-right.x-tab-focus { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none +} + +.x-tab-navigation-right.x-tab-focus.x-tab-over { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none +} + +.x-tab-navigation-right.x-tab-focus.x-tab-active { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none +} + +.x-tab-navigation-bottom { + margin: 0 0 0 0 +} + +.x-tab-navigation-bottom.x-tab-rotate-left { + margin: 0 0 0 0 +} + +.x-tab-navigation-bottom.x-tab-focus { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none +} + +.x-tab-navigation-bottom.x-tab-focus.x-tab-over { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none +} + +.x-tab-navigation-bottom.x-tab-focus.x-tab-active { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none +} + +.x-tab-navigation-left { + margin: 0 0 0 0 +} + +.x-tab-navigation-left.x-tab-rotate-right { + margin: 0 0 0 0 +} + +.x-tab-navigation-left.x-tab-focus { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none +} + +.x-tab-navigation-left.x-tab-focus.x-tab-over { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none +} + +.x-tab-navigation-left.x-tab-focus.x-tab-active { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none +} + +.x-tab-button-navigation { + height: 24px +} + +.x-tab-inner-navigation { + font: bold 15px/19px helvetica, arial, verdana, sans-serif; + color: #acacac; + max-width: 100% +} + +.x-tab-icon-right>.x-tab-inner-navigation, +.x-tab-icon-left>.x-tab-inner-navigation { + max-width: calc(100% - 24px) +} + +.x-tab-icon-el-navigation { + min-height: 24px; + background-position: center center; + font-size: 24px; + line-height: 24px; + color: #acacac +} + +.x-tab-icon-left>.x-tab-icon-el-navigation, +.x-tab-icon-right>.x-tab-icon-el-navigation { + width: 24px +} + +.x-tab-icon-top>.x-tab-icon-el-navigation, +.x-tab-icon-bottom>.x-tab-icon-el-navigation { + min-width: 24px +} + +.x-tab-text.x-tab-icon-left>.x-tab-icon-el-navigation { + margin-right: 5px +} + +.x-tab-text.x-tab-icon-right>.x-tab-icon-el-navigation { + margin-left: 5px +} + +.x-tab-text.x-tab-icon-top>.x-tab-icon-el-navigation { + margin-bottom: 5px +} + +.x-tab-text.x-tab-icon-bottom>.x-tab-icon-el-navigation { + margin-top: 5px +} + +.x-tab-focus.x-tab-navigation { + border-color: #f5f5f5; + background-color: transparent +} + +.x-tab-over.x-tab-navigation { + border-color: #c9deed; + background-color: #505050 +} + +.x-tab-over.x-tab-navigation .x-tab-inner-navigation { + color: #c4c4c4 +} + +.x-tab-over.x-tab-navigation .x-tab-icon-el { + color: #c4c4c4 +} + +.x-ie8m .x-tab-over.x-tab-navigation .x-tab-icon-el { + color: #c4c4c4 +} + +.x-tab-focus.x-tab-over.x-tab-navigation { + border-color: #c9deed; + background-color: #505050 +} + +.x-tab.x-tab-active.x-tab-navigation { + border-color: #3892d4; + background-color: #303030 +} + +.x-tab.x-tab-active.x-tab-navigation .x-tab-inner-navigation { + color: #fff +} + +.x-tab.x-tab-active.x-tab-navigation .x-tab-icon-el { + color: #fff +} + +.x-ie8 .x-tab.x-tab-active.x-tab-navigation .x-tab-icon-el { + color: #fff +} + +.x-tab-focus.x-tab-active.x-tab-navigation { + border-color: #3892d4; + background-color: #303030 +} + +.x-tab.x-tab-disabled.x-tab-navigation { + border-color: #f5f5f5; + background-color: transparent; + cursor: default +} + +.x-tab.x-tab-disabled.x-tab-navigation .x-tab-inner-navigation { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; + opacity: 0.3 +} + +.x-tab.x-tab-disabled.x-tab-navigation .x-tab-icon-el-navigation { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5 +} + +.x-tab.x-tab-disabled.x-tab-navigation .x-tab-icon-el { + color: #acacac; + opacity: 0.3; + filter: none +} + +.x-nbr .x-tab-navigation { + background-image: none +} + +.x-tab-over .x-tab-navigation-top-tl, +.x-tab-over .x-tab-navigation-top-bl, +.x-tab-over .x-tab-navigation-top-tr, +.x-tab-over .x-tab-navigation-top-br, +.x-tab-over .x-tab-navigation-top-tc, +.x-tab-over .x-tab-navigation-top-bc { + background-image: url(images/tab/tab-navigation-top-over-corners.gif) +} + +.x-tab-over .x-tab-navigation-top-ml, +.x-tab-over .x-tab-navigation-top-mr { + background-image: url(images/tab/tab-navigation-top-over-sides.gif) +} + +.x-tab-over .x-tab-navigation-top-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-top-over-fbg.gif) +} + +.x-tab-focus .x-tab-navigation-top-tl, +.x-tab-focus .x-tab-navigation-top-bl, +.x-tab-focus .x-tab-navigation-top-tr, +.x-tab-focus .x-tab-navigation-top-br, +.x-tab-focus .x-tab-navigation-top-tc, +.x-tab-focus .x-tab-navigation-top-bc { + background-image: url(images/tab/tab-navigation-top-focus-corners.gif) +} + +.x-tab-focus .x-tab-navigation-top-ml, +.x-tab-focus .x-tab-navigation-top-mr { + background-image: url(images/tab/tab-navigation-top-focus-sides.gif) +} + +.x-tab-focus .x-tab-navigation-top-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-top-focus-fbg.gif) +} + +.x-tab-focus.x-tab-over .x-tab-navigation-top-tl, +.x-tab-focus.x-tab-over .x-tab-navigation-top-bl, +.x-tab-focus.x-tab-over .x-tab-navigation-top-tr, +.x-tab-focus.x-tab-over .x-tab-navigation-top-br, +.x-tab-focus.x-tab-over .x-tab-navigation-top-tc, +.x-tab-focus.x-tab-over .x-tab-navigation-top-bc { + background-image: url(images/tab/tab-navigation-top-focus-over-corners.gif) +} + +.x-tab-focus.x-tab-over .x-tab-navigation-top-ml, +.x-tab-focus.x-tab-over .x-tab-navigation-top-mr { + background-image: url(images/tab/tab-navigation-top-focus-over-sides.gif) +} + +.x-tab-focus.x-tab-over .x-tab-navigation-top-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-top-focus-over-fbg.gif) +} + +.x-tab.x-tab-active .x-tab-navigation-top-tl, +.x-tab.x-tab-active .x-tab-navigation-top-bl, +.x-tab.x-tab-active .x-tab-navigation-top-tr, +.x-tab.x-tab-active .x-tab-navigation-top-br, +.x-tab.x-tab-active .x-tab-navigation-top-tc, +.x-tab.x-tab-active .x-tab-navigation-top-bc { + background-image: url(images/tab/tab-navigation-top-active-corners.gif) +} + +.x-tab.x-tab-active .x-tab-navigation-top-ml, +.x-tab.x-tab-active .x-tab-navigation-top-mr { + background-image: url(images/tab/tab-navigation-top-active-sides.gif) +} + +.x-tab.x-tab-active .x-tab-navigation-top-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-top-active-fbg.gif) +} + +.x-tab-focus.x-tab-active .x-tab-navigation-top-tl, +.x-tab-focus.x-tab-active .x-tab-navigation-top-bl, +.x-tab-focus.x-tab-active .x-tab-navigation-top-tr, +.x-tab-focus.x-tab-active .x-tab-navigation-top-br, +.x-tab-focus.x-tab-active .x-tab-navigation-top-tc, +.x-tab-focus.x-tab-active .x-tab-navigation-top-bc { + background-image: url(images/tab/tab-navigation-top-focus-active-corners.gif) +} + +.x-tab-focus.x-tab-active .x-tab-navigation-top-ml, +.x-tab-focus.x-tab-active .x-tab-navigation-top-mr { + background-image: url(images/tab/tab-navigation-top-focus-active-sides.gif) +} + +.x-tab-focus.x-tab-active .x-tab-navigation-top-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-top-focus-active-fbg.gif) +} + +.x-tab.x-tab-disabled .x-tab-navigation-top-tl, +.x-tab.x-tab-disabled .x-tab-navigation-top-bl, +.x-tab.x-tab-disabled .x-tab-navigation-top-tr, +.x-tab.x-tab-disabled .x-tab-navigation-top-br, +.x-tab.x-tab-disabled .x-tab-navigation-top-tc, +.x-tab.x-tab-disabled .x-tab-navigation-top-bc { + background-image: url(images/tab/tab-navigation-top-disabled-corners.gif) +} + +.x-tab.x-tab-disabled .x-tab-navigation-top-ml, +.x-tab.x-tab-disabled .x-tab-navigation-top-mr { + background-image: url(images/tab/tab-navigation-top-disabled-sides.gif) +} + +.x-tab.x-tab-disabled .x-tab-navigation-top-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-top-disabled-fbg.gif) +} + +.x-tab-over .x-tab-navigation-right-tl, +.x-tab-over .x-tab-navigation-right-bl, +.x-tab-over .x-tab-navigation-right-tr, +.x-tab-over .x-tab-navigation-right-br, +.x-tab-over .x-tab-navigation-right-tc, +.x-tab-over .x-tab-navigation-right-bc { + background-image: url(images/tab/tab-navigation-right-over-corners.gif) +} + +.x-tab-over .x-tab-navigation-right-ml, +.x-tab-over .x-tab-navigation-right-mr { + background-image: url(images/tab/tab-navigation-right-over-sides.gif) +} + +.x-tab-over .x-tab-navigation-right-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-right-over-fbg.gif) +} + +.x-tab-focus .x-tab-navigation-right-tl, +.x-tab-focus .x-tab-navigation-right-bl, +.x-tab-focus .x-tab-navigation-right-tr, +.x-tab-focus .x-tab-navigation-right-br, +.x-tab-focus .x-tab-navigation-right-tc, +.x-tab-focus .x-tab-navigation-right-bc { + background-image: url(images/tab/tab-navigation-right-focus-corners.gif) +} + +.x-tab-focus .x-tab-navigation-right-ml, +.x-tab-focus .x-tab-navigation-right-mr { + background-image: url(images/tab/tab-navigation-right-focus-sides.gif) +} + +.x-tab-focus .x-tab-navigation-right-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-right-focus-fbg.gif) +} + +.x-tab-focus.x-tab-over .x-tab-navigation-right-tl, +.x-tab-focus.x-tab-over .x-tab-navigation-right-bl, +.x-tab-focus.x-tab-over .x-tab-navigation-right-tr, +.x-tab-focus.x-tab-over .x-tab-navigation-right-br, +.x-tab-focus.x-tab-over .x-tab-navigation-right-tc, +.x-tab-focus.x-tab-over .x-tab-navigation-right-bc { + background-image: url(images/tab/tab-navigation-right-focus-over-corners.gif) +} + +.x-tab-focus.x-tab-over .x-tab-navigation-right-ml, +.x-tab-focus.x-tab-over .x-tab-navigation-right-mr { + background-image: url(images/tab/tab-navigation-right-focus-over-sides.gif) +} + +.x-tab-focus.x-tab-over .x-tab-navigation-right-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-right-focus-over-fbg.gif) +} + +.x-tab.x-tab-active .x-tab-navigation-right-tl, +.x-tab.x-tab-active .x-tab-navigation-right-bl, +.x-tab.x-tab-active .x-tab-navigation-right-tr, +.x-tab.x-tab-active .x-tab-navigation-right-br, +.x-tab.x-tab-active .x-tab-navigation-right-tc, +.x-tab.x-tab-active .x-tab-navigation-right-bc { + background-image: url(images/tab/tab-navigation-right-active-corners.gif) +} + +.x-tab.x-tab-active .x-tab-navigation-right-ml, +.x-tab.x-tab-active .x-tab-navigation-right-mr { + background-image: url(images/tab/tab-navigation-right-active-sides.gif) +} + +.x-tab.x-tab-active .x-tab-navigation-right-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-right-active-fbg.gif) +} + +.x-tab-focus.x-tab-active .x-tab-navigation-right-tl, +.x-tab-focus.x-tab-active .x-tab-navigation-right-bl, +.x-tab-focus.x-tab-active .x-tab-navigation-right-tr, +.x-tab-focus.x-tab-active .x-tab-navigation-right-br, +.x-tab-focus.x-tab-active .x-tab-navigation-right-tc, +.x-tab-focus.x-tab-active .x-tab-navigation-right-bc { + background-image: url(images/tab/tab-navigation-right-focus-active-corners.gif) +} + +.x-tab-focus.x-tab-active .x-tab-navigation-right-ml, +.x-tab-focus.x-tab-active .x-tab-navigation-right-mr { + background-image: url(images/tab/tab-navigation-right-focus-active-sides.gif) +} + +.x-tab-focus.x-tab-active .x-tab-navigation-right-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-right-focus-active-fbg.gif) +} + +.x-tab.x-tab-disabled .x-tab-navigation-right-tl, +.x-tab.x-tab-disabled .x-tab-navigation-right-bl, +.x-tab.x-tab-disabled .x-tab-navigation-right-tr, +.x-tab.x-tab-disabled .x-tab-navigation-right-br, +.x-tab.x-tab-disabled .x-tab-navigation-right-tc, +.x-tab.x-tab-disabled .x-tab-navigation-right-bc { + background-image: url(images/tab/tab-navigation-right-disabled-corners.gif) +} + +.x-tab.x-tab-disabled .x-tab-navigation-right-ml, +.x-tab.x-tab-disabled .x-tab-navigation-right-mr { + background-image: url(images/tab/tab-navigation-right-disabled-sides.gif) +} + +.x-tab.x-tab-disabled .x-tab-navigation-right-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-right-disabled-fbg.gif) +} + +.x-tab-over .x-tab-navigation-bottom-tl, +.x-tab-over .x-tab-navigation-bottom-bl, +.x-tab-over .x-tab-navigation-bottom-tr, +.x-tab-over .x-tab-navigation-bottom-br, +.x-tab-over .x-tab-navigation-bottom-tc, +.x-tab-over .x-tab-navigation-bottom-bc { + background-image: url(images/tab/tab-navigation-bottom-over-corners.gif) +} + +.x-tab-over .x-tab-navigation-bottom-ml, +.x-tab-over .x-tab-navigation-bottom-mr { + background-image: url(images/tab/tab-navigation-bottom-over-sides.gif) +} + +.x-tab-over .x-tab-navigation-bottom-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-bottom-over-fbg.gif) +} + +.x-tab-focus .x-tab-navigation-bottom-tl, +.x-tab-focus .x-tab-navigation-bottom-bl, +.x-tab-focus .x-tab-navigation-bottom-tr, +.x-tab-focus .x-tab-navigation-bottom-br, +.x-tab-focus .x-tab-navigation-bottom-tc, +.x-tab-focus .x-tab-navigation-bottom-bc { + background-image: url(images/tab/tab-navigation-bottom-focus-corners.gif) +} + +.x-tab-focus .x-tab-navigation-bottom-ml, +.x-tab-focus .x-tab-navigation-bottom-mr { + background-image: url(images/tab/tab-navigation-bottom-focus-sides.gif) +} + +.x-tab-focus .x-tab-navigation-bottom-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-bottom-focus-fbg.gif) +} + +.x-tab-focus.x-tab-over .x-tab-navigation-bottom-tl, +.x-tab-focus.x-tab-over .x-tab-navigation-bottom-bl, +.x-tab-focus.x-tab-over .x-tab-navigation-bottom-tr, +.x-tab-focus.x-tab-over .x-tab-navigation-bottom-br, +.x-tab-focus.x-tab-over .x-tab-navigation-bottom-tc, +.x-tab-focus.x-tab-over .x-tab-navigation-bottom-bc { + background-image: url(images/tab/tab-navigation-bottom-focus-over-corners.gif) +} + +.x-tab-focus.x-tab-over .x-tab-navigation-bottom-ml, +.x-tab-focus.x-tab-over .x-tab-navigation-bottom-mr { + background-image: url(images/tab/tab-navigation-bottom-focus-over-sides.gif) +} + +.x-tab-focus.x-tab-over .x-tab-navigation-bottom-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-bottom-focus-over-fbg.gif) +} + +.x-tab.x-tab-active .x-tab-navigation-bottom-tl, +.x-tab.x-tab-active .x-tab-navigation-bottom-bl, +.x-tab.x-tab-active .x-tab-navigation-bottom-tr, +.x-tab.x-tab-active .x-tab-navigation-bottom-br, +.x-tab.x-tab-active .x-tab-navigation-bottom-tc, +.x-tab.x-tab-active .x-tab-navigation-bottom-bc { + background-image: url(images/tab/tab-navigation-bottom-active-corners.gif) +} + +.x-tab.x-tab-active .x-tab-navigation-bottom-ml, +.x-tab.x-tab-active .x-tab-navigation-bottom-mr { + background-image: url(images/tab/tab-navigation-bottom-active-sides.gif) +} + +.x-tab.x-tab-active .x-tab-navigation-bottom-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-bottom-active-fbg.gif) +} + +.x-tab-focus.x-tab-active .x-tab-navigation-bottom-tl, +.x-tab-focus.x-tab-active .x-tab-navigation-bottom-bl, +.x-tab-focus.x-tab-active .x-tab-navigation-bottom-tr, +.x-tab-focus.x-tab-active .x-tab-navigation-bottom-br, +.x-tab-focus.x-tab-active .x-tab-navigation-bottom-tc, +.x-tab-focus.x-tab-active .x-tab-navigation-bottom-bc { + background-image: url(images/tab/tab-navigation-bottom-focus-active-corners.gif) +} + +.x-tab-focus.x-tab-active .x-tab-navigation-bottom-ml, +.x-tab-focus.x-tab-active .x-tab-navigation-bottom-mr { + background-image: url(images/tab/tab-navigation-bottom-focus-active-sides.gif) +} + +.x-tab-focus.x-tab-active .x-tab-navigation-bottom-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-bottom-focus-active-fbg.gif) +} + +.x-tab.x-tab-disabled .x-tab-navigation-bottom-tl, +.x-tab.x-tab-disabled .x-tab-navigation-bottom-bl, +.x-tab.x-tab-disabled .x-tab-navigation-bottom-tr, +.x-tab.x-tab-disabled .x-tab-navigation-bottom-br, +.x-tab.x-tab-disabled .x-tab-navigation-bottom-tc, +.x-tab.x-tab-disabled .x-tab-navigation-bottom-bc { + background-image: url(images/tab/tab-navigation-bottom-disabled-corners.gif) +} + +.x-tab.x-tab-disabled .x-tab-navigation-bottom-ml, +.x-tab.x-tab-disabled .x-tab-navigation-bottom-mr { + background-image: url(images/tab/tab-navigation-bottom-disabled-sides.gif) +} + +.x-tab.x-tab-disabled .x-tab-navigation-bottom-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-bottom-disabled-fbg.gif) +} + +.x-tab-over .x-tab-navigation-left-tl, +.x-tab-over .x-tab-navigation-left-bl, +.x-tab-over .x-tab-navigation-left-tr, +.x-tab-over .x-tab-navigation-left-br, +.x-tab-over .x-tab-navigation-left-tc, +.x-tab-over .x-tab-navigation-left-bc { + background-image: url(images/tab/tab-navigation-left-over-corners.gif) +} + +.x-tab-over .x-tab-navigation-left-ml, +.x-tab-over .x-tab-navigation-left-mr { + background-image: url(images/tab/tab-navigation-left-over-sides.gif) +} + +.x-tab-over .x-tab-navigation-left-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-left-over-fbg.gif) +} + +.x-tab-focus .x-tab-navigation-left-tl, +.x-tab-focus .x-tab-navigation-left-bl, +.x-tab-focus .x-tab-navigation-left-tr, +.x-tab-focus .x-tab-navigation-left-br, +.x-tab-focus .x-tab-navigation-left-tc, +.x-tab-focus .x-tab-navigation-left-bc { + background-image: url(images/tab/tab-navigation-left-focus-corners.gif) +} + +.x-tab-focus .x-tab-navigation-left-ml, +.x-tab-focus .x-tab-navigation-left-mr { + background-image: url(images/tab/tab-navigation-left-focus-sides.gif) +} + +.x-tab-focus .x-tab-navigation-left-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-left-focus-fbg.gif) +} + +.x-tab-focus.x-tab-over .x-tab-navigation-left-tl, +.x-tab-focus.x-tab-over .x-tab-navigation-left-bl, +.x-tab-focus.x-tab-over .x-tab-navigation-left-tr, +.x-tab-focus.x-tab-over .x-tab-navigation-left-br, +.x-tab-focus.x-tab-over .x-tab-navigation-left-tc, +.x-tab-focus.x-tab-over .x-tab-navigation-left-bc { + background-image: url(images/tab/tab-navigation-left-focus-over-corners.gif) +} + +.x-tab-focus.x-tab-over .x-tab-navigation-left-ml, +.x-tab-focus.x-tab-over .x-tab-navigation-left-mr { + background-image: url(images/tab/tab-navigation-left-focus-over-sides.gif) +} + +.x-tab-focus.x-tab-over .x-tab-navigation-left-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-left-focus-over-fbg.gif) +} + +.x-tab.x-tab-active .x-tab-navigation-left-tl, +.x-tab.x-tab-active .x-tab-navigation-left-bl, +.x-tab.x-tab-active .x-tab-navigation-left-tr, +.x-tab.x-tab-active .x-tab-navigation-left-br, +.x-tab.x-tab-active .x-tab-navigation-left-tc, +.x-tab.x-tab-active .x-tab-navigation-left-bc { + background-image: url(images/tab/tab-navigation-left-active-corners.gif) +} + +.x-tab.x-tab-active .x-tab-navigation-left-ml, +.x-tab.x-tab-active .x-tab-navigation-left-mr { + background-image: url(images/tab/tab-navigation-left-active-sides.gif) +} + +.x-tab.x-tab-active .x-tab-navigation-left-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-left-active-fbg.gif) +} + +.x-tab-focus.x-tab-active .x-tab-navigation-left-tl, +.x-tab-focus.x-tab-active .x-tab-navigation-left-bl, +.x-tab-focus.x-tab-active .x-tab-navigation-left-tr, +.x-tab-focus.x-tab-active .x-tab-navigation-left-br, +.x-tab-focus.x-tab-active .x-tab-navigation-left-tc, +.x-tab-focus.x-tab-active .x-tab-navigation-left-bc { + background-image: url(images/tab/tab-navigation-left-focus-active-corners.gif) +} + +.x-tab-focus.x-tab-active .x-tab-navigation-left-ml, +.x-tab-focus.x-tab-active .x-tab-navigation-left-mr { + background-image: url(images/tab/tab-navigation-left-focus-active-sides.gif) +} + +.x-tab-focus.x-tab-active .x-tab-navigation-left-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-left-focus-active-fbg.gif) +} + +.x-tab.x-tab-disabled .x-tab-navigation-left-tl, +.x-tab.x-tab-disabled .x-tab-navigation-left-bl, +.x-tab.x-tab-disabled .x-tab-navigation-left-tr, +.x-tab.x-tab-disabled .x-tab-navigation-left-br, +.x-tab.x-tab-disabled .x-tab-navigation-left-tc, +.x-tab.x-tab-disabled .x-tab-navigation-left-bc { + background-image: url(images/tab/tab-navigation-left-disabled-corners.gif) +} + +.x-tab.x-tab-disabled .x-tab-navigation-left-ml, +.x-tab.x-tab-disabled .x-tab-navigation-left-mr { + background-image: url(images/tab/tab-navigation-left-disabled-sides.gif) +} + +.x-tab.x-tab-disabled .x-tab-navigation-left-mc { + background-repeat: repeat-x; + background-image: url(images/tab/tab-navigation-left-disabled-fbg.gif) +} + +.x-tab-navigation-tl, +.x-tab-navigation-bl, +.x-tab-navigation-tr, +.x-tab-navigation-br { + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" +} + +.x-tab-navigation .x-tab-close-btn { + top: 2px; + right: 2px; + width: 18px; + height: 18px; + background: url(images/tab/tab-navigation-close.png) 0 0 +} + +.x-tab-navigation .x-tab-close-btn-over { + background-position: -18px 0 +} + +.x-tab-navigation .x-tab-close-btn-pressed { + background-position: -36px 0 +} + +.x-tab-navigation.x-tab-active .x-tab-close-btn { + background-position: 0 -18px +} + +.x-tab-navigation.x-tab-active .x-tab-close-btn-over { + background-position: -18px -18px +} + +.x-tab-navigation.x-tab-active .x-tab-close-btn-pressed { + background-position: -36px -18px +} + +.x-tab-navigation.x-tab-disabled .x-tab-close-btn { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; + opacity: 0.3; + background-position: 0 0 +} + +.x-tab-closable.x-tab-navigation .x-tab-button { + padding-right: 21px +} + +.x-cmd-slicer.x-tab-focus.x-tab-navigation-top:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-top-focus-corners.gif), sides:url(images/tab/tab-navigation-top-focus-sides.gif), frame-bg:url(images/tab/tab-navigation-top-focus-fbg.gif), frame:0 0 0 0, stretch:bottom" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-navigation-right:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-right-focus-corners.gif), sides:url(images/tab/tab-navigation-right-focus-sides.gif), frame-bg:url(images/tab/tab-navigation-right-focus-fbg.gif), frame:0 0 0 0, stretch:left" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-navigation-bottom:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-bottom-focus-corners.gif), sides:url(images/tab/tab-navigation-bottom-focus-sides.gif), frame-bg:url(images/tab/tab-navigation-bottom-focus-fbg.gif), frame:0 0 0 0, stretch:top" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-navigation-left:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-left-focus-corners.gif), sides:url(images/tab/tab-navigation-left-focus-sides.gif), frame-bg:url(images/tab/tab-navigation-left-focus-fbg.gif), frame:0 0 0 0, stretch:right" !important +} + +.x-cmd-slicer.x-tab-over.x-tab-navigation-top:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-top-over-corners.gif), sides:url(images/tab/tab-navigation-top-over-sides.gif), frame-bg:url(images/tab/tab-navigation-top-over-fbg.gif), frame:0 0 0 0, stretch:bottom" !important +} + +.x-cmd-slicer.x-tab-over.x-tab-navigation-right:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-right-over-corners.gif), sides:url(images/tab/tab-navigation-right-over-sides.gif), frame-bg:url(images/tab/tab-navigation-right-over-fbg.gif), frame:0 0 0 0, stretch:left" !important +} + +.x-cmd-slicer.x-tab-over.x-tab-navigation-bottom:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-bottom-over-corners.gif), sides:url(images/tab/tab-navigation-bottom-over-sides.gif), frame-bg:url(images/tab/tab-navigation-bottom-over-fbg.gif), frame:0 0 0 0, stretch:top" !important +} + +.x-cmd-slicer.x-tab-over.x-tab-navigation-left:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-left-over-corners.gif), sides:url(images/tab/tab-navigation-left-over-sides.gif), frame-bg:url(images/tab/tab-navigation-left-over-fbg.gif), frame:0 0 0 0, stretch:right" !important +} + +.x-cmd-slicer.x-tab-active.x-tab-navigation-top:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-top-active-corners.gif), sides:url(images/tab/tab-navigation-top-active-sides.gif), frame-bg:url(images/tab/tab-navigation-top-active-fbg.gif), frame:0 0 0 0, stretch:bottom" !important +} + +.x-cmd-slicer.x-tab-active.x-tab-navigation-right:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-right-active-corners.gif), sides:url(images/tab/tab-navigation-right-active-sides.gif), frame-bg:url(images/tab/tab-navigation-right-active-fbg.gif), frame:0 0 0 0, stretch:left" !important +} + +.x-cmd-slicer.x-tab-active.x-tab-navigation-bottom:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-bottom-active-corners.gif), sides:url(images/tab/tab-navigation-bottom-active-sides.gif), frame-bg:url(images/tab/tab-navigation-bottom-active-fbg.gif), frame:0 0 0 0, stretch:top" !important +} + +.x-cmd-slicer.x-tab-active.x-tab-navigation-left:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-left-active-corners.gif), sides:url(images/tab/tab-navigation-left-active-sides.gif), frame-bg:url(images/tab/tab-navigation-left-active-fbg.gif), frame:0 0 0 0, stretch:right" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-over.x-tab-navigation-top:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-top-focus-over-corners.gif), sides:url(images/tab/tab-navigation-top-focus-over-sides.gif), frame-bg:url(images/tab/tab-navigation-top-focus-over-fbg.gif), frame:0 0 0 0, stretch:bottom" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-over.x-tab-navigation-right:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-right-focus-over-corners.gif), sides:url(images/tab/tab-navigation-right-focus-over-sides.gif), frame-bg:url(images/tab/tab-navigation-right-focus-over-fbg.gif), frame:0 0 0 0, stretch:left" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-over.x-tab-navigation-bottom:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-bottom-focus-over-corners.gif), sides:url(images/tab/tab-navigation-bottom-focus-over-sides.gif), frame-bg:url(images/tab/tab-navigation-bottom-focus-over-fbg.gif), frame:0 0 0 0, stretch:top" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-over.x-tab-navigation-left:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-left-focus-over-corners.gif), sides:url(images/tab/tab-navigation-left-focus-over-sides.gif), frame-bg:url(images/tab/tab-navigation-left-focus-over-fbg.gif), frame:0 0 0 0, stretch:right" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-active.x-tab-navigation-top:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-top-focus-active-corners.gif), sides:url(images/tab/tab-navigation-top-focus-active-sides.gif), frame-bg:url(images/tab/tab-navigation-top-focus-active-fbg.gif), frame:0 0 0 0, stretch:bottom" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-active.x-tab-navigation-right:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-right-focus-active-corners.gif), sides:url(images/tab/tab-navigation-right-focus-active-sides.gif), frame-bg:url(images/tab/tab-navigation-right-focus-active-fbg.gif), frame:0 0 0 0, stretch:left" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-active.x-tab-navigation-bottom:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-bottom-focus-active-corners.gif), sides:url(images/tab/tab-navigation-bottom-focus-active-sides.gif), frame-bg:url(images/tab/tab-navigation-bottom-focus-active-fbg.gif), frame:0 0 0 0, stretch:top" !important +} + +.x-cmd-slicer.x-tab-focus.x-tab-active.x-tab-navigation-left:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-left-focus-active-corners.gif), sides:url(images/tab/tab-navigation-left-focus-active-sides.gif), frame-bg:url(images/tab/tab-navigation-left-focus-active-fbg.gif), frame:0 0 0 0, stretch:right" !important +} + +.x-cmd-slicer.x-tab-disabled.x-tab-navigation-top:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-top-disabled-corners.gif), sides:url(images/tab/tab-navigation-top-disabled-sides.gif), frame-bg:url(images/tab/tab-navigation-top-disabled-fbg.gif), frame:0 0 0 0, stretch:bottom" !important +} + +.x-cmd-slicer.x-tab-disabled.x-tab-navigation-right:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-right-disabled-corners.gif), sides:url(images/tab/tab-navigation-right-disabled-sides.gif), frame-bg:url(images/tab/tab-navigation-right-disabled-fbg.gif), frame:0 0 0 0, stretch:left" !important +} + +.x-cmd-slicer.x-tab-disabled.x-tab-navigation-bottom:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-bottom-disabled-corners.gif), sides:url(images/tab/tab-navigation-bottom-disabled-sides.gif), frame-bg:url(images/tab/tab-navigation-bottom-disabled-fbg.gif), frame:0 0 0 0, stretch:top" !important +} + +.x-cmd-slicer.x-tab-disabled.x-tab-navigation-left:before { + display: none; + content: "x-slicer:, corners:url(images/tab/tab-navigation-left-disabled-corners.gif), sides:url(images/tab/tab-navigation-left-disabled-sides.gif), frame-bg:url(images/tab/tab-navigation-left-disabled-fbg.gif), frame:0 0 0 0, stretch:right" !important +} + +.x-tab-bar-navigation { + background-color: #404040 +} + +.x-tab-bar-navigation-top>.x-tab-bar-body-navigation { + padding: 0 +} + +.x-tab-bar-navigation-bottom>.x-tab-bar-body-navigation { + padding: 0 0 0 0 +} + +.x-tab-bar-navigation-left>.x-tab-bar-body-navigation { + padding: 0 0 0 0 +} + +.x-tab-bar-navigation-right>.x-tab-bar-body-navigation { + padding: 0 0 0 0 +} + +.x-tab-bar-plain.x-tab-bar-navigation-top>.x-tab-bar-body-navigation { + padding: 6px 10px +} + +.x-tab-bar-plain.x-tab-bar-navigation-bottom>.x-tab-bar-body-navigation { + padding: 6px 10px 6px 10px +} + +.x-tab-bar-plain.x-tab-bar-navigation-left>.x-tab-bar-body-navigation { + padding: 10px 6px 10px 6px +} + +.x-tab-bar-plain.x-tab-bar-navigation-right>.x-tab-bar-body-navigation { + padding: 10px 6px 10px 6px +} + +.x-tab-bar-plain.x-tab-bar-navigation-horizontal { + border-top-color: transparent; + border-bottom-color: transparent; + border-left-width: 0; + border-right-width: 0 +} + +.x-tab-bar-plain.x-tab-bar-navigation-vertical { + border-right-color: transparent; + border-left-color: transparent; + border-top-width: 0; + border-bottom-width: 0 +} + +.x-tab-bar-horizontal>.x-tab-bar-body-navigation { + min-height: 72px +} + +.x-ie8m .x-tab-bar-horizontal>.x-tab-bar-body-navigation { + min-height: 72px +} + +.x-tab-bar-vertical>.x-tab-bar-body-navigation { + min-width: 72px +} + +.x-ie8m .x-tab-bar-vertical>.x-tab-bar-body-navigation { + min-width: 72px +} + +.x-tab-bar-navigation-scroller .x-box-scroller-body-horizontal { + margin-left: 32px +} + +.x-tab-bar-navigation-vertical-scroller .x-box-scroller-body-vertical { + margin-top: 32px +} + +.x-box-scroller-tab-bar-navigation { + cursor: pointer; + color: #fff; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5 +} + +.x-box-scroller-tab-bar-navigation.x-box-scroller-hover { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + opacity: 0.6 +} + +.x-box-scroller-tab-bar-navigation.x-box-scroller-pressed { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + opacity: 0.7 +} + +.x-box-scroller-tab-bar-navigation.x-box-scroller-disabled { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; + opacity: 0.25; + cursor: default +} + +.x-box-scroller-tab-bar-navigation.x-box-scroller-left, +.x-box-scroller-tab-bar-navigation.x-box-scroller-right { + width: 32px; + height: 24px; + top: 50%; + margin-top: -12px +} + +.x-box-scroller-tab-bar-navigation.x-box-scroller-left { + margin-left: 0; + margin-right: 0; + margin-bottom: 0; + background-image: url(images/tab-bar/navigation-scroll-left.png) +} + +.x-box-scroller-tab-bar-navigation.x-box-scroller-right { + margin-left: 0; + margin-right: 0; + margin-bottom: 0; + background-image: url(images/tab-bar/navigation-scroll-right.png) +} + +.x-box-scroller-tab-bar-navigation.x-box-scroller-top, +.x-box-scroller-tab-bar-navigation.x-box-scroller-bottom { + height: 32px; + width: 24px; + left: 50%; + margin-left: -12px +} + +.x-box-scroller-tab-bar-navigation.x-box-scroller-top { + margin-top: 0; + margin-right: 0; + margin-bottom: 0; + background-image: url(images/tab-bar/navigation-scroll-top.png) +} + +.x-box-scroller-tab-bar-navigation.x-box-scroller-bottom { + margin-top: 0; + margin-right: 0; + margin-bottom: 0; + background-image: url(images/tab-bar/navigation-scroll-bottom.png) +} + +.x-tab-bar-plain.x-tab-bar-navigation-scroller .x-box-scroller-body-horizontal { + margin-left: 22px +} + +.x-tab-bar-plain.x-tab-bar-navigation-vertical-scroller .x-box-scroller-body-vertical { + margin-top: 26px +} + +.x-tab-bar-plain .x-box-scroller-tab-bar-navigation { + color: #cfcfcf +} + +.x-tab-bar-navigation-top .x-box-scroller-tab-bar-navigation { + margin-top: -12px +} + +.x-tab-bar-navigation-right .x-box-scroller-tab-bar-navigation { + margin-left: -12px +} + +.x-tab-bar-navigation-bottom .x-box-scroller-tab-bar-navigation { + margin-top: -12px +} + +.x-tab-bar-navigation-left .x-box-scroller-tab-bar-navigation { + margin-left: -12px +} + +.x-box-scroller-tab-bar-navigation { + background-color: #404040 +} + +.x-box-scroller-tab-bar-navigation .x-ie8 .x-box-scroller-plain { + background-color: #fff +} + +.x-box-scroller-plain.x-box-scroller-tab-bar-navigation.x-box-scroller-left { + background-image: url(images/tab-bar/navigation-plain-scroll-left.png) +} + +.x-box-scroller-plain.x-box-scroller-tab-bar-navigation.x-box-scroller-right { + background-image: url(images/tab-bar/navigation-plain-scroll-right.png) +} + +.x-box-scroller-plain.x-box-scroller-tab-bar-navigation.x-box-scroller-top { + background-image: url(images/tab-bar/navigation-plain-scroll-top.png) +} + +.x-box-scroller-plain.x-box-scroller-tab-bar-navigation.x-box-scroller-bottom { + background-image: url(images/tab-bar/navigation-plain-scroll-bottom.png) +} + +.x-cmd-slicer.x-tab-bar-navigation-top:before { + display: none; + content: "x-slicer:, stretch:bottom" !important +} + +.x-cmd-slicer.x-tab-bar-navigation-bottom:before { + display: none; + content: "x-slicer:, stretch:top" !important +} + +.x-cmd-slicer.x-tab-bar-navigation-left:before { + display: none; + content: "x-slicer:, stretch:right" !important +} + +.x-cmd-slicer.x-tab-bar-navigation-right:before { + display: none; + content: "x-slicer:, stretch:left" !important +} + +.x-panel-navigation { + border-color: #f5f5f5; + padding: 0 +} + +.x-panel-header-navigation { + font-size: 20px; + border: 1px solid #f5f5f5 +} + +.x-panel-header-navigation .x-tool-tool-el { + background-color: #157fcc +} + +.x-panel-header-navigation-horizontal { + padding: 0 +} + +.x-panel-header-navigation-horizontal .x-panel-header-navigation-tab-bar { + margin-top: 0; + margin-bottom: 0 +} + +.x-panel-header-navigation-vertical { + padding: 0 0 0 0 +} + +.x-panel-header-navigation-vertical .x-panel-header-navigation-tab-bar { + margin-right: 0; + margin-left: 0 +} + +.x-panel-header-title-navigation { + color: #fff; + font-size: 20px; + font-weight: bold; + font-family: helvetica, arial, verdana, sans-serif; + line-height: 24px; + margin: 36px +} + +.x-panel-header-title-navigation>.x-title-text-navigation { + text-transform: none; + padding: 0 +} + +.x-panel-header-title-navigation>.x-title-icon-wrap-navigation.x-title-icon-top { + height: 39px; + padding-bottom: 15px +} + +.x-panel-header-title-navigation>.x-title-icon-wrap-navigation.x-title-icon-right { + width: 39px; + padding-left: 15px +} + +.x-panel-header-title-navigation>.x-title-icon-wrap-navigation.x-title-icon-bottom { + height: 39px; + padding-top: 15px +} + +.x-panel-header-title-navigation>.x-title-icon-wrap-navigation.x-title-icon-left { + width: 39px; + padding-right: 15px +} + +.x-panel-header-title-navigation>.x-title-icon-wrap-navigation>.x-title-icon-navigation { + width: 24px; + height: 24px; + font-size: 24px; + color: #fff; + background-position: center center +} + +.x-ie8 .x-panel-header-title-navigation>.x-title-icon-wrap-navigation>.x-title-icon-navigation.x-title-glyph { + color: #fff +} + +.x-panel-body-navigation { + background: #fff; + border-color: #cfcfcf; + color: #000; + font-size: 15px; + font-weight: 300; + font-family: helvetica, arial, verdana, sans-serif; + border-width: 1px; + border-style: solid +} + +.x-panel-header-navigation { + background-image: none; + background-color: #157fcc +} + +.x-panel-header-navigation-vertical { + background-image: none; + background-color: #157fcc +} + +.x-panel .x-panel-header-navigation-collapsed-border-top { + border-bottom-width: 1px !important +} + +.x-panel .x-panel-header-navigation-collapsed-border-right { + border-left-width: 1px !important +} + +.x-panel .x-panel-header-navigation-collapsed-border-bottom { + border-top-width: 1px !important +} + +.x-panel .x-panel-header-navigation-collapsed-border-left { + border-right-width: 1px !important +} + +.x-cmd-slicer.x-panel-header-navigation-top:before { + display: none; + content: "x-slicer:, stretch:bottom" !important +} + +.x-cmd-slicer.x-panel-header-navigation-bottom:before { + display: none; + content: "x-slicer:, stretch:top" !important +} + +.x-cmd-slicer.x-panel-header-navigation-left:before { + display: none; + content: "x-slicer:, stretch:right" !important +} + +.x-cmd-slicer.x-panel-header-navigation-right:before { + display: none; + content: "x-slicer:, stretch:left" !important +} + +.x-panel-header-navigation-horizontal .x-tool-after-title { + margin: 0 0 0 6px +} + +.x-panel-header-navigation-horizontal .x-tool-before-title { + margin: 0 6px 0 0 +} + +.x-panel-header-navigation-vertical .x-tool-after-title { + margin: 6px 0 0 0 +} + +.x-panel-header-navigation-vertical .x-tool-before-title { + margin: 0 0 6px 0 +} + +.x-panel-header-navigation .x-tool-focus { + outline: 1px solid #157fcc; + outline-offset: 1px +} + +.x-ie .x-panel-header-navigation .x-tool-focus, +.x-ie10p .x-panel-header-navigation .x-tool-focus, +.x-edge .x-panel-header-navigation .x-tool-focus { + outline: none +} + +.x-ie .x-panel-header-navigation .x-tool-focus:after, +.x-ie10p .x-panel-header-navigation .x-tool-focus:after, +.x-edge .x-panel-header-navigation .x-tool-focus:after { + position: absolute; + content: ' '; + top: -2px; + right: -2px; + bottom: -2px; + left: -2px; + border: 1px solid #157fcc; + pointer-events: none +} + +.x-panel-navigation-resizable .x-panel-handle { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + opacity: 0 +} + +.x-panel-navigation-outer-border-l { + border-left-color: #f5f5f5 !important; + border-left-width: 1px !important +} + +.x-panel-navigation-outer-border-b { + border-bottom-color: #f5f5f5 !important; + border-bottom-width: 1px !important +} + +.x-panel-navigation-outer-border-bl { + border-bottom-color: #f5f5f5 !important; + border-bottom-width: 1px !important; + border-left-color: #f5f5f5 !important; + border-left-width: 1px !important +} + +.x-panel-navigation-outer-border-r { + border-right-color: #f5f5f5 !important; + border-right-width: 1px !important +} + +.x-panel-navigation-outer-border-rl { + border-right-color: #f5f5f5 !important; + border-right-width: 1px !important; + border-left-color: #f5f5f5 !important; + border-left-width: 1px !important +} + +.x-panel-navigation-outer-border-rb { + border-right-color: #f5f5f5 !important; + border-right-width: 1px !important; + border-bottom-color: #f5f5f5 !important; + border-bottom-width: 1px !important +} + +.x-panel-navigation-outer-border-rbl { + border-right-color: #f5f5f5 !important; + border-right-width: 1px !important; + border-bottom-color: #f5f5f5 !important; + border-bottom-width: 1px !important; + border-left-color: #f5f5f5 !important; + border-left-width: 1px !important +} + +.x-panel-navigation-outer-border-t { + border-top-color: #f5f5f5 !important; + border-top-width: 1px !important +} + +.x-panel-navigation-outer-border-tl { + border-top-color: #f5f5f5 !important; + border-top-width: 1px !important; + border-left-color: #f5f5f5 !important; + border-left-width: 1px !important +} + +.x-panel-navigation-outer-border-tb { + border-top-color: #f5f5f5 !important; + border-top-width: 1px !important; + border-bottom-color: #f5f5f5 !important; + border-bottom-width: 1px !important +} + +.x-panel-navigation-outer-border-tbl { + border-top-color: #f5f5f5 !important; + border-top-width: 1px !important; + border-bottom-color: #f5f5f5 !important; + border-bottom-width: 1px !important; + border-left-color: #f5f5f5 !important; + border-left-width: 1px !important +} + +.x-panel-navigation-outer-border-tr { + border-top-color: #f5f5f5 !important; + border-top-width: 1px !important; + border-right-color: #f5f5f5 !important; + border-right-width: 1px !important +} + +.x-panel-navigation-outer-border-trl { + border-top-color: #f5f5f5 !important; + border-top-width: 1px !important; + border-right-color: #f5f5f5 !important; + border-right-width: 1px !important; + border-left-color: #f5f5f5 !important; + border-left-width: 1px !important +} + +.x-panel-navigation-outer-border-trb { + border-top-color: #f5f5f5 !important; + border-top-width: 1px !important; + border-right-color: #f5f5f5 !important; + border-right-width: 1px !important; + border-bottom-color: #f5f5f5 !important; + border-bottom-width: 1px !important +} + +.x-panel-navigation-outer-border-trbl { + border-color: #f5f5f5 !important; + border-width: 1px !important +} + diff --git a/bugtracker/src/main/resources/static/css/styles.css b/bugtracker/src/main/resources/static/css/styles.css deleted file mode 100644 index e69de29..0000000 diff --git a/bugtracker/src/main/resources/static/img/bug-malware-svgrepo-com.svg b/bugtracker/src/main/resources/static/img/bug-malware-svgrepo-com.svg new file mode 100644 index 0000000..6866016 --- /dev/null +++ b/bugtracker/src/main/resources/static/img/bug-malware-svgrepo-com.svg @@ -0,0 +1,139 @@ + + + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/bugtracker/src/main/resources/static/img/bug.jpg b/bugtracker/src/main/resources/static/img/bug.jpg new file mode 100644 index 0000000..83cb6e2 Binary files /dev/null and b/bugtracker/src/main/resources/static/img/bug.jpg differ diff --git a/bugtracker/src/main/resources/static/js/projects.js b/bugtracker/src/main/resources/static/js/projects.js new file mode 100644 index 0000000..95fb355 --- /dev/null +++ b/bugtracker/src/main/resources/static/js/projects.js @@ -0,0 +1,801 @@ +let projectdetails = function() { + var project = {}; + + Ext.Ajax.request({ + url: '/api/project/' + localStorage.getItem("projectId"), + method: 'GET', + async: false, + success: function (form, action) { + project = JSON.parse(form.responseText); + }, + failure: function (form, action) { + alert(form.responseText); + } + }); + + var userStore = Ext.create('Ext.data.Store', { + fields: ['id', 'name'] + }); + + var devStore = Ext.create('Ext.data.Store', { + fields: ['id', 'name'] + }); + + var approver = Ext.create('Ext.form.ComboBox', { + fieldLabel: 'Approver', + store: userStore, + queryMode: 'local', + displayField: 'name', + valueField: 'id' + }); + + var devs = Ext.create('Ext.form.ComboBox', { + fieldLabel: 'Developer', + store: devStore, + queryMode: 'local', + displayField: 'name', + valueField: 'id' + }); + + var name = Ext.create('Ext.form.TextField', { + fieldLabel: 'Name', + width: 400, + bodyPadding: 10, + value: project.name + }); + + var desc = Ext.create('Ext.form.TextArea', { + fieldLabel: 'Description', + width: 400, + bodyPadding: 10, + value: project.description + }); + + var s1date = Ext.create('Ext.form.field.Number', { + fieldLabel: 'S1 date', + width: 400, + minValue: 0, + value: project.s1Time + }); + + var s2date = Ext.create('Ext.form.field.Number', { + fieldLabel: 'S2 date', + width: 400, + minValue: 0, + value: project.s2Time + }); + + var s3date = Ext.create('Ext.form.field.Number', { + fieldLabel: 'S3 date', + width: 400, + minValue: 0, + value: project.s3Time + }); + + Ext.Ajax.request({ + url: '/api/user/getAllApprover', + method: 'GET', + success: function (form, action) { + var allUsers = JSON.parse(form.responseText); + for (var i = 0; i < allUsers.length; i++) { + userStore.add({id: allUsers[i].id, name: allUsers[i].name}); + } + + approver.setValue(project.defaultApproverId); + }, + failure: function (form, action) { + alert(form.responseText); + } + }); + + Ext.Ajax.request({ + url: '/api/user/getAllDeveloper', + method: 'GET', + success: function (form, action) { + var allDev = JSON.parse(form.responseText); + for (var i = 0; i < allDev.length; i++) { + devStore.add({id: allDev[i].id, name: allDev[i].name}); + } + + devs.setValue(project.defaultDeveloperId); + }, + failure: function (form, action) { + alert(form.responseText); + } + }); + + var showHistoryButton = Ext.create('Ext.button.Button', { + text: 'Show history', + handler: showHistoryForProject + + }); + + var updateButton = Ext.create('Ext.button.Button', { + text: 'Update', + handler: function () { + Ext.Ajax.request({ + url: '/api/project/update', + method: 'POST', + jsonData: getProject(), + success: function (form, action) { + projectdetailswindow.close(); + updateProjectTable(""); + }, + failure: function (form, action) { + alert(form.responseText); + } + }); + } + }); + + var projectTimeLogStatsButton = Ext.create('Ext.button.Button', { + text: 'Time Log Statistics', + handler: projecttimelogstats + }); + + var projectUserLogTimeStatsButton = Ext.create('Ext.button.Button', { + text: 'User Time Log Statistics', + handler: projectuserlogtimestats + }); + + var projectPriorityStatsButton = Ext.create('Ext.button.Button', { + text: 'Priority Statistics', + handler: projectprioritystats + }); + + var getProject = function () { + return { + id: project.id, + name: name.value, + description: desc.value, + defaultApproverId: approver.value, + defaultDeveloperId: devs.value, + s1Time: s1date.value, + s2Time: s2date.value, + s3Time: s3date.value + } + }; + + var projectdetailswindow = Ext.create('Ext.Window', { + width: 560, + height: 380, + padding: 15, + modal: true, + title: "Project details", + layout: { + type: 'vbox', + padding: 5 + }, + items: [ + name, + desc, + approver, + devs, + s1date, + s2date, + s3date + ], + buttons: [ + showHistoryButton, + projectTimeLogStatsButton, + projectUserLogTimeStatsButton, + projectPriorityStatsButton, + updateButton + ] + }).show(); +}; + +var showHistoryForProject = function () { + updateProjectHistoryTable(); + var historiesPanel = Ext.define('App.view.HistoryPanel', { + extend: 'Ext.grid.Panel', + title: 'History', + store: historyStore, + margin: '15 0 20 0', + resizable: true, + + columns: [ { + text: 'Date', + flex: 5 / 100, + sortable: false, + hideable: false, + dataIndex: 'createdAt' + },{ + text: 'Event description', + flex: 10 / 100, + sortable: false, + hideable: false, + dataIndex: 'eventDescription' + },{ + text: 'Free text', + flex: 5 / 100, + sortable: false, + hideable: false, + dataIndex: 'freeText' + }] + }); + + var historyPanel = Ext.create('App.view.HistoryPanel', { + renderTo: Ext.getBody() + }); + + var historesWindow = Ext.create('Ext.Window', { + width: 1000, + height: 500, + padding: 15, + title:'History', + modal: true, + items: [ + historyPanel + ] + }).show(); +}; + +let projecttimelogstats = function(){ + let statsStore = Ext.create('Ext.data.Store', { + fields : ['month', 'time'] + }); + + Ext.Ajax.request({ + url: "/api/project/timelogstats/" + localStorage.getItem("projectId"), + method: "GET", + async: false, + success: function (form, action) { + const stats = JSON.parse(form.responseText); + for(let i=0; i{commentTime:date("Y-m-d H:i")} - {commentUser}', + '
{commentText}
' + ] + }); + + let createComment = function(user, comment) { + Ext.Ajax.request({ + url: '/api/comment/create', + method: 'POST', + jsonData: { + ticketId: localStorage.getItem("ticketId"), + userId: user.id, + commentText: comment.commentText, + commentTime: comment.commentTime, + userName: user.name + }, + success: function(form, action) {}, + failure: function (form, action) { + alert("Cannot save comment") + } + }); + }; + + var commentButton = Ext.create('Ext.button.Button', { + text: 'Send', + handler: sendComment + }); + + var commentspanel = Ext.create('Ext.panel.Panel',{ + width: 580, + layout: { + type: 'vbox', + align: 'stretch', + padding: 10 + }, + items: [ + { + xtype: 'component', + html: '

Comments

' + }, + commentslist, + commentTextInput + ], + buttons: [ + commentButton + ] + }); + + var ticketdetailswindow = Ext.create('Ext.Window', { + width: 1030, + height: 500, + padding: 15, + modal: true, + title: "Ticket details", + layout: { + type: 'hbox', + align: 'stretch' + }, + items: [ + ticketdetailspanel, + { + xtype: 'splitter', + }, + commentspanel + ] + }).show(); +}; + +var showHistory = function () { + updateTicketHistoryTable(); + + var historiesPanel = Ext.define('App.view.HistoryPanel', { + extend: 'Ext.grid.Panel', + title: 'History', + store: historyStore, + margin: '15 0 20 0', + resizable: true, + + columns: [ { + text: 'Date', + flex: 5 / 100, + sortable: false, + hideable: false, + dataIndex: 'createdAt' + },{ + text: 'Event description', + flex: 10 / 100, + sortable: false, + hideable: false, + dataIndex: 'eventDescription' + },{ + text: 'Free text', + flex: 5 / 100, + sortable: false, + hideable: false, + dataIndex: 'freeText' + }] + }); + + var historyPanel = Ext.create('App.view.HistoryPanel', { + renderTo: Ext.getBody() + }); + + + var historesWindow = Ext.create('Ext.Window', { + width: 1000, + height: 500, + padding: 15, + title:'History', + modal: true, + items: [ + historyPanel + ] + }).show(); +}; + +var updateTicketHistoryTable = function(){ + var ticketId = localStorage.getItem('ticketId'); + console.log('update ticket: ' + ticketId); + + Ext.Ajax.request({ + url: "/api/history/all/objectid/" + ticketId, + method: "GET", + success: function (form, action){ + histories = JSON.parse(form.responseText); + fillHistoryStore(histories); + //updateTicketHistoryTable(); + }, + failure: function(form, action){ + alert(form.responseText); + } + }); +}; + +var fillHistoryStore = function (histories){ + var emptyArray = []; + historyStore = emptyArray; + for(var i=0; i - Hello World! - + Bugtracker + + + + + + + + + -

Hello [[${#httpServletRequest.remoteUser}]]!

-
- -
+ +
+