text: export const SOR_BORDER_GCEO = {
    border: "1px solid black",
    padding: "10px",
    background: "#c5f4b7",
    backgroundClip: "content-box",
    backgroundRepeat: "no-repeat",
    backgroundPosition: "center"
  };
  export const SOR_BORDER_GCEN = {
    border: "1px solid black",
    padding: "10px",
    background: "#ebfce5",
    backgroundClip: "content-box",
    backgroundRepeat: "no-repeat",
    backgroundPosition: "center"
  };
  export const SOR_BORDER_GCEA = {
    border: "1px solid black",
    padding: "10px",
    background: "#fff3bf",
    backgroundClip: "content-box",
    backgroundRepeat: "no-repeat",
    backgroundPosition: "center"
  };
  export const SOR_BORDER_PSLE = {
    border: "1px solid black",
    padding: "10px",
    background: "#f9fca4",
    backgroundClip: "content-box",
    backgroundRepeat: "no-repeat",
    backgroundPosition: "center"
  };
  export const SOR_TOP_LOGO = {
    width: "80px",
    height: "80px"
  };
  export const SOR_TOP_HEADER = {
    valign: "middle",
    align: "left",
    padding: "25px",
    fontSize: "16px",
    fontWeight: "bold",
    fontFamily: "Times New Roman"
  };
  export const SOR_TITLE = {
    align: "left",
    fontSize: "16px",
    fontWeight: "bold",
    fontFamily: "Times New Roman"
  };
  export const SOR_BOLD_TEXT = {
    fontWeight: "bold"
  };
  export const SOR_CENTER_ALIGN = {
    textAlign: "center"
  };
  export const SOR_PSLE_NAME_1979 = {
    marginLeft: "35em"
  };
  export const SOR_PSLE_GRADE_1979 = {
    marginLeft: "-20em"
  };
  // Explanatory Notes CSS
  export const EXPLANATORY_PAGE_SIZE = {
    border: "1px solid black",
    background: "white"
  };
  export const EXPLANATORY_TITLE = {
    textAlign: "center",
    textDecoration: "underline",
    fontWeight: "bold",
    fontSize: "16px",
    fontFamily: "Arial"
  };
  export const EXPLANATORY_SUB_TITLE = {
    textAlign: "left",
    textDecoration: "underline",
    fontWeight: "bold",
    fontSize: "16px"
  };
  export const EXPLANATORY_CONTENT = {
    lineHeight: "1.3",
    textAlign: "justify",
    fontSize: "13.5px",
    fontFamily: "Arial"
  };
  export const EXPLANATORY_FONT_SIZE_13 = {
    fontSize: "13px",
    fontFamily: "Arial"
  };
  export const EXPLANATORY_FONT_SIZE_13_LEFT = {
    fontSize: "13px",
    fontFamily: "Arial",
    textAlign: "left"
  };
  export const EXPLANATORY_TABLE_WIDTH70_CENTER = {
    textAlign: "center",
    width: "70%"
  };
  export const EXPLANATORY_TABLE_WIDTH70_CENTER_SOLID = {
    textAlign: "center",
    width: "70%",
    border: "1px solid black"
  };
  export const EXPLANATORY_TABLE_WIDTH70_CENTER_SOLID_TR = {
    textAlign: "center",
    border: "1px solid black"
  };
  export const EXPLANATORY_TABLE_WIDTH70_CENTER_SOLID_TD = {
    textAlign: "center",
    border: "1px solid black"
  };
  export const EXPLANATORY_TABLE_WIDTH70_LEFT = {
    textAlign: "left",
    width: "70%",
    border: "1px solid black"
  };
  export const EXPLANATORY_TABLE_WIDTH70_LEFT_TR = {
    borderBottom: "1px solid black"
  };
  export const EXPLANATORY_TABLE_WIDTH70_LEFT_TD = {
    borderRight: "1px solid black"
  };
  export const EXPLANATORY_TABLE_WIDTH70_LEFT_NONSOLID = {
    textAlign: "left",
    width: "70%"
  };
  export const EXPLANATORY_TABLE_WIDTH100_LEFT = {
    textAlign: "left",
    width: "100%"
  };
  export const EXPLANATORY_MARGIN_LEFT = {
    marginLeft: "-0.5em"
  };
  export const SOR_SUBJECT_REM_RIGHT_PAD = {
    paddingRight: "0px"
  };
  export const SOR_30_WIDTH = {
    paddingLeft: "30px"
  };
  export const SOR_50_WIDTH = {
    paddingLeft: "50px"
  };
  export const SOR_SUBJECT_MARGIN_ALPHABET = {
    marginLeft: "-18px",
    fontSize: "9px",
    fontFamily: "Arial"
  };
  export const SOR_SUBJECT_MARGIN_NUMERICAL = {
    marginLeft: "15px",
    fontSize: "9px",
    fontFamily: "Arial"
  };
  