.MyPurple1_bg {background:#240d6c}
.MyPurple2_bg {background:#471790}
.MyPurple3_bg {background:#5326b5}
.MyPurple4_bg {background:#854cc0}
.MyPurple5_bg {background:#c2a5e0}

.MyRed1_bg {background:#c70a2a}
.MyRed2_bg {background:#e31c3e}
.MyRed3_bg {background:#df476d}
.MyRed4_bg {background:#ff3355}
.MyRed5_bg {background:#ff99ac}

.MyBlue1_bg {background:#0642ba}
.MyBlue2_bg {background:#1468cf}
.MyBlue3_bg {background:#2d8de1}
.MyBlue4_bg {background:#45a3e6}
.MyBlue5_bg {background:#a2d1f3}

.MyBlue4_darker_bg {background:#2d97e3}
.MyBlue4_darker_darker_bg {background:#1e8bda}

.MyGreen1_bg {background:#196c37}
.MyGreen2_bg {background:#25890d}
.MyGreen3_bg {background:#44b21a}
.MyGreen4_bg {background:#66c03b}
.MyGreen5_bg {background:#b2df9d}

.MyOrange1_bg {background:#e24105}
.MyOrange2_bg {background:#eb670f}
.MyOrange3_bg {background:#e97038}
.MyOrange4_bg {background:#f5a23e}
.MyOrange5_bg {background:#fad09f}

.MyBrown1_bg {background:#d89e01}
.MyBrown2_bg {background:#ffa602}
.MyBrown3_bg {background:#f4a033}
.MyBrown4_bg {background:#ffc00c}
.MyBrown5_bg {background:#ffdd34}

.MyCyan1_bg {background:#028283}
.MyCyan2_bg {background:#0aa3a4}
.MyCyan3_bg {background:#17c9bb}
.MyCyan4_bg {background:#33cccd}
.MyCyan5_bg {background:#98e5e6}

.MyGray1_bg {background:#333333}
.MyGray2_bg {background:#555555}
.MyGray3_bg {background:#777777}
.MyGray4_bg {background:#999999}
.MyGray5_bg {background:#aaaaaa}

.MyGray1_transparent_bg {background:#aa333333}
.MyGray4_transparent_bg {background:#55999999}

.MyWhite1_bg {background:#bbbbbb}
.MyWhite2_bg {background:#dddddd}
.MyWhite3_bg {background:#e8e8e8}
.MyWhite4_bg {background:#f2f2f2}
.MyWhite5_bg {background:#ffffff}






.MyPurple1 {color:#240d6c}
.MyPurple2 {color:#471790}
.MyPurple3 {color:#5326b5}
.MyPurple4 {color:#854cc0}
.MyPurple5 {color:#c2a5e0}

.MyRed1 {color:#c70a2a}
.MyRed2 {color:#e31c3e}
.MyRed3 {color:#df476d}
.MyRed4 {color:#ff3355}
.MyRed5 {color:#ff99ac}

.MyBlue1 {color:#0642ba}
.MyBlue2 {color:#1468cf}
.MyBlue3 {color:#2d8de1}
.MyBlue4 {color:#45a3e6}
.MyBlue5 {color:#a2d1f3}

.MyBlue4_darker {color:#2d97e3}
.MyBlue4_darker_darker {color:#1e8bda}

.MyGreen1 {color:#196c37}
.MyGreen2 {color:#25890d}
.MyGreen3 {color:#44b21a}
.MyGreen4 {color:#66c03b}
.MyGreen5 {color:#b2df9d}

.MyOrange1 {color:#e24105}
.MyOrange2 {color:#eb670f}
.MyOrange3 {color:#e97038}
.MyOrange4 {color:#f5a23e}
.MyOrange5 {color:#fad09f}

.MyBrown1 {color:#d89e01}
.MyBrown2 {color:#ffa602}
.MyBrown3 {color:#f4a033}
.MyBrown4 {color:#ffc00c}
.MyBrown5 {color:#ffdd34}

.MyCyan1 {color:#028283}
.MyCyan2 {color:#0aa3a4}
.MyCyan3 {color:#17c9bb}
.MyCyan4 {color:#33cccd}
.MyCyan5 {color:#98e5e6}

.MyGray1 {color:#333333}
.MyGray2 {color:#555555}
.MyGray3 {color:#777777}
.MyGray4 {color:#999999}
.MyGray5 {color:#aaaaaa}

.MyGray1_transparent {color:#aa333333}
.MyGray4_transparent {color:#55999999}

.MyWhite1 {color:#bbbbbb}
.MyWhite2 {color:#dddddd}
.MyWhite3 {color:#e8e8e8}
.MyWhite4 {color:#f2f2f2}
.MyWhite5 {color:#ffffff}


.width100 {width: 100}
.width150 {width: 150}
.width200 {width: 200}
.width250 {width: 250}