* html body {
   font-size: 106.5%;
   padding: 0;
   margin: 0;
}

body {
   background: transparent url(/images/bg.gif) repeat-x scroll center 28px;
   /* background: url(/images/bg.gif) repeat-x 30px; */
   padding: 0; 
   margin: 0;
   font-family: Verdana,Arial,sans-serif;
   font-size: 12px;
   line-height: 1.4em;
   color: #5D5D5D;
   text-align: center;
}

h1, h2, h3, h4 {
   margin: 0;
   color: #343434;
   font-weight: bold;
   font-size:12px;
   padding: 5px 0;
}

a {
   margin: 0;
   padding: 0;
   font-size: 12px;
   line-height: 1.4em;
   color: #569100;
   outline: none;
}

a:hover	{
   text-decoration:none;
}

img {
   border: none;
   background: none;
   vertical-align:bottom;
}

a img {
   vertical-align: bottom; 
}

label {
   display: block;
   font-weight: bold;
   margin: 13px 0 1px 0;
}

input[type="checkbox"], input[type="radio"]{
   vertical-align: middle;
   background: none;
   border: none;
}

form {
   margin: 0;
   padding: 0;
}

strong {
   color: #343434;
}

/*** LAYOUT ***/
#line {
   background-color: #CDDFB9;
   border-bottom:1px solid;
   display:table;
   margin:0;
   padding: 6px 0;
   width: 100%;
   height: 17px;
   position: relative;
}

#wrap {
   width: 767px;
   height: 100%;
   margin: 0 auto;
   padding: 0;
   text-align: center;
}

#header {
   background: url(/images/header.gif) no-repeat scroll left top;
   position: relative;
   height: 128px;
   font-size: 12px;
   text-align: left;
}

#content {
   text-align: left;
}

#column {
   float: left;
   margin: 25px 10px 10px 10px;
   padding: 0;
   width: 747px;
}

#colleft {
   float: left;
   margin: 25px 0 10px 10px;
   padding: 0;
   width: 140px;
}

#colright {
   float: right;
   margin: 25px 5px 10px 0px;
   padding: 0;
   width: 590px;
}

#leftbar {
   margin: 0;
   padding: 0;
}

#messenger {
   margin: 0;
   padding: 0;
   font-size: 13px;
   font-weight: normal;
   line-height: 15px;
   text-align: left;
}

#navlist {
   color: #343434;
   font-size: 12px;
   font-weight: bold;
   line-height: 11px;
   margin: 0;
   padding: 0;
}

#main {
   margin: 0;
   padding: 0;
}

#footer {
   clear: both;
   margin: 0;
   padding: 0;
   border-top:1px solid #59BC22;
   line-height:20px;
   font-size: 12px;
}
/*** END LAYOUT ***/

/*** LINE ***/
#line .float-right, #line .float-left {
   margin: 0;
   padding: 0;
}

#line .float-right {
   margin: 0;
   padding: 0;
   text-align:right;
}

#line .float-left {
   margin: 0;
   padding: 0;
   text-align: left;
}

#line .float-right a, #line .float-left a, #line .float-right b, #line .float-left b {
   font-weight:bold;
   margin:0;
   padding: 8px 4px;
   text-decoration:none;
}

#line .float-right .usage, #line .float-left .usage {
   background:transparent url(/images/usage.gif) no-repeat scroll 9px 23px;
   position:relative;
   top:0;
}

#line .float-right a img, .float-left a img  {
   vertical-align:text-bottom;
}

#line .float-right h2, #line .float-left h2 {
   margin: 0;
   padding: 0;
}
/*** END LINE ***/


/*** HEADER ***/
#header span {
   float:left;
   left: 15px;
   top: 61px;
   position: absolute;
   cursor:pointer;
   display: inline;
   text-transform: uppercase;
   line-height: 16px;
   text-decoration: none;
   font-size: 10px;
   font-weight: bold;
   margin: 2px 0 2px 0;
   font-family: Tahoma;
   vertical-align: middle;
   padding: 0;
}

#header img {
   float:right;
   right: 187px;
   top: 25px;
   position: absolute;
}

#header strong, #header p {
   float: right;
   color: #006100;
   position: absolute;
   left: 585px;
   top: 35px;
   line-height:1.2;
}

#header p {
   margin: 2px 0 2px 0;
   left: 585px;
   top: 50px;
}

#header .header-utils img {
   float: none;
   left: 17px;
   right: auto;
   top: 105px;
   position: absolute;
}

#header .header-utils form {
   left: 10px;
   top: 100px;
   position: absolute;
}

#header .header-utils .search {
   border: #FFFFFF solid 1px;
   -moz-border-radius: 8px;
   background:white none repeat scroll 0 0;
   padding: 1px 25px 0 10px;
   margin: 3px;
   width: 164px;

   opacity: .85;
   -moz-opacity: .85;
   filter:alpha(opacity=85);
}

#header .header-utils .search-button {
   top: 5px;
   left: 183px;
   float:none;
   position:absolute;
   padding: 0;
   margin: 0;
}

#header ul.header-menu {
   float:right;
   right: 25px;
   top: 104px;
   position: absolute;
   padding: 0;
   margin: 0;
}

#header ul.header-menu li {
   display: inline;
   text-transform:uppercase;
   list-style-type: none;
}

#header ul.header-menu a {
   padding: 0 22px 2px 22px;
   color: #FFFFFF;
   line-height: 12px;
   text-decoration: underline;
   font-size: 9px;
   font-weight: bold;
   list-style-type: none;
}

#header ul.header-menu a.usage{
   text-decoration: none;
}

#header ul.header-menu a.usage:hover {
   text-decoration: none;
}

#header .two_oclock {
   background:transparent url(/images/2h.png) no-repeat;
   background-position: 0% 50%;
}

#header .three_oclock {
   background:transparent url(/images/3h.png) no-repeat;
   background-position: 0% 50%;
}

#header .four_oclock {
   background:transparent url(/images/4h.png) no-repeat;
   background-position: 0% 50%;
}

#header .six_oclock {
   background:transparent url(/images/6h.png) no-repeat;
   background-position: 0% 50%;
}
/*** END HEADER ***/


/*** FOOTER ***/
#footer .footer-left {
   float: left;
   width: 30%;
   display: block;
   padding: 15px 0 15px 25px;
   text-align: left;
}

#footer .footer-left p {
   padding: 0;
   margin: 0;
}

#footer .footer-right {
   float: right;
   width: 60%;
   display: block;
   padding: 15px 30px 15px 0px;
   text-align: right;
}

#footer .footer-right a {
   padding: 0px 5px;
}

#footer .footer-right i {
   color: #FFFFFF;
}

#footer img {
   vertical-align:text-top;
}
/*** END FOOTER ***/


/*** MSG ***/

.allright {
   background-color: #CDDFB9;
   border-top: 2px solid #59BC22;
   border-bottom: 2px solid #59BC22;
   color: #5D5D5D;
   margin: 0;
   padding: 0;
}

.warning {
   background-color: #FFFFCE;
   border-top: 2px solid #F0C000;
   border-bottom: 2px solid #F0C000;
   color: #5D5D5D;
   margin: 0;
   padding: 0;
}

.error {
   background-color: #FFCCCC;
   border-top: 2px solid #CC0000;
   border-bottom: 2px solid #CC0000;
   color: #5D5D5D;
   margin: 0;
   padding: 0 0 5px 0;
}

.information {
   background-color: #D8E4F1;
   border-top: 2px solid #3C78B5;
   border-bottom: 2px solid #3C78B5;
   color: #5D5D5D;
   margin: 0;
   padding: 0;
}

.warning h2 {
   background:transparent url(/images/warning_icon.png) no-repeat scroll 0 4px;
}

.error h2 {
   background:transparent url(/images/error_icon.png) no-repeat scroll 0 4px;
}

.allright h2 {
   background:transparent url(/images/ok_icon.png) no-repeat scroll 0 4px;
}

.information h2 {
   background:transparent url(/images/information_icon.png) no-repeat scroll 0 4px;
}

.warning h2, .error h2, .allright h2, .information h2 {
   color: #5D5D5D;
   font-weight: bold;
   line-height: 13px;
   padding: 5px 20px;
   margin: 10px
}

.warning ul, .allright ul, .information ul, .warning ol, .allright ol, .information ol {
   list-style-type: inherit;
   margin:0 5px 15px 5px;
}

.error ul, .error ol {
   margin:0 40px 15px 20px;
   padding:0 0 0 30px;
   list-style-type: decimal;
}
/*** END MSG ***/


/*** NAVLIST ***/
#navlist ul.menu {
   /* display: inline; */
   margin: 0;
   padding: 5px 0 0 0;
   font-weight: bold;
}

#navlist li {
   background: none;
   margin: 0;
   padding: 0;
   display: inline;
   list-style-type: none;
}

#navlist span {
   vertical-align: text-bottom;
}

#navlist a {
   color: #343434;
   text-decoration: none;
}

#navlist h1, #navlist h2, #navlist h3 {
   vertical-align: baseline;
   display: inline;
}
/*** END NAVLIST ***/


/*** WRITEUP ***/
.writeup {
   float: left;
   margin: 0;
   padding-top: 7px;
   width: 100%;
}

.writeup:hover {
    background: url(/images/list.png) no-repeat right top;
}

.writeup h2 a, .writeup h1 {
   margin: 0;
   padding: 0;
   line-height: 20px;
   color: #569100;
   font-size: 18px;
   font-weight: bold;
   text-decoration: none;
}

.writeup p {
   display: table;
   margin: 10px 0 0 0;
   padding: 0;
}

.writeup p img {
   float: left;
   border: none;
   margin-right: 15px;
   margin-bottom: 10px;
}

.writeup-footer {
   float: left;
   margin: 0;
   width: 100%;
   min-height: 18px;
   padding: 2px 5px;
   background-color: #E9F4E1;
   vertical-align: middle;
   font-size: 1.1em;
}

.writeup-footer a {
   text-decoration: none;
}

.writeup-footer img {
   margin: 0;
   padding: 0;
   vertical-align: bottom;
}
/*** END WRITEUP ***/


/*** ESHOP ***/
.eshop {
   width: 279px;
   height: 170px;
}

.eshop .b2-green {
   background-color: #F6FFE9;
}

.eshop .b2-blue {
   background-color: #FFFFFF;
}

.eshop h2 {
   color: #3C78B5;
   outline: none;
   padding:5px 10px 5px 0;
   display: table;
   line-height: 16px;

}

.eshop p {
   margin: 0;
   padding: 0;
   height: 100px;
}

.eshop .left {
   margin: 0;
   padding: 0;
   height: 170px;
   width: 100px;
   float:left;
   text-align: center;
   display: block;
}

.eshop .image {
   padding: 0;
   margin: 0;
   height:109px;
   width:100px;
}

.eshop .left img {
   padding: 0;
   margin: 0;
   max-height:100px;
   max-width:100px;
}

.eshop del {
   color: #5D5D5D;
}

.eshop img {
   vertical-align: bottom;
}
.eshop .red {
   font-weight: bold;
}

.eshop .green {
   font-size:16px;
}

.eshop .right {
   margin: 0;
   padding: 0;
   width: 168px;
   height: 145px;
   float: right;
   text-align: left;
   display: block;
   overflow: hidden;
}

.eshop .footer-left {
   margin: 0;
   padding: 0;
   display: block;
   height: 20px;
   width: 100px;
   float: left;
   text-align: center;
   font-size: 14px;
   font-weight: bold;
}

.eshop .footer-right {
   float: right;
   margin:5px 0 0;
   padding: 0;
   display: block;
   height: 20px;
   width: 168px;

   text-align: left;
}

.e-detail {
   margin: 0 auto;
   padding: 15px 0 0 0;
   width: 100%;
   text-align: left;
   /* 2009-10-30  position: relative; */
}

.e-detail h1 {
  display:inline;
  vertical-align:baseline;
}

.e-detail h3 {
   font-size: 12px;
   text-transform:uppercase;
}

.e-detail strong {
   padding:5px 0;
}

.e-detail strong.title {
   font-size: 17px;
   line-height: 1.1;
   text-transform: uppercase;
   padding:5px 0 10px 0;
   display: table;
}

.e-detail .image {
   margin: 0;
   padding: 15px;
   float: left;
   text-align:center;
}

.e-detail .img {
   margin: 0;
   padding: 0;
   max-height:124px;
   max-width:100px;
}

.e-detail img {
   vertical-align:bottom;
}

.e-detail p {
   margin: 0;
   padding: 0;
   padding: 10px 0;
}

.e-detail .shop {
   float:left;
   margin:0;
   padding-left:10px;
   padding-top:10px;
   width:74%;
}

.e-detail .desc {
   margin: 0;
   padding:20px 10px 5px 10px;
   float: left;
   width: 95%;
}

.e-detail .info {
   float:left;
   margin:0;
   padding:0;
   padding-left:10px;
   width: 55%;
}

.e-detail .group {
   margin: 0;
   padding: 0;
   padding-left: 5px;
   float: left;
}

.e-detail .pharmacy {
   margin: 0;
   padding: 5px 10px;
   float: left;
   width: 95%;
}

.e-detail ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

.e-detail li {
   margin: 0;
   padding: 2px 0;
}

.e-detail .comment {
   margin: 0;
   padding: 0;
   margin-bottom: 5px;
   width: 568px;
}

.e-detail .comment-header {
   clear:both;
   margin: 0;
   padding: 2px 10px;
   background-color: #E9F4E1;
   color: #5D5D5D;
   border:1px solid #CDDFB9;
}

.e-detail .comment-body {
   margin: 0;
   background:#F6F6F6 url(/images/p-box.gif) no-repeat scroll 7px 7px;
   border-bottom:1px solid #DCDCDC;
   border-left:1px solid #DCDCDC;
   border-right:1px solid #DCDCDC;
   padding:8px 9px 5px 45px;
}

.e-detail .comment-body p {
   margin: 0;
   padding:0 0 10px;
}

.e-detail .spc p {
   margin: 0;
   padding: 0;
}

.e-detail .spc p b {
   margin: 0;
   padding: 10px 0;
   display: table;
}

.e-cart {
   margin: 0;
   padding: 0;
   width: 260px;
   height: 100px;
}

.e-cart img {
   min-height: 50px;
   min-width: 50px;
}

.e-cart h2 {
   margin: 0;
   padding: 20px 0;
   width: 150px;
   float: right;
}

.order {
   border: 1px solid #CDDFB9;
   margin: 5px 0;
   padding: 5px;
   text-align: center;
}
/*** END ESHOP ***/

/*** MENU ***/
ul.menu, ul.menu ol {
   padding: 0;
   margin: 0;
   list-style: none;
   font-weight: normal;
   line-height: 1.5em;
}

ul.menu {
   padding: 5px 0;
}

ul.menu li {
   background: url(/images/bg_list.gif) left top no-repeat;
   background-position:0 9px;
   padding-left: 10px;
}

ul.menu li.usage, ol li.usage {
   background: url(/images/bg_list_red.gif) left top no-repeat;
   background-position:0 9px;
   font-weight: bold;
}

ul.menu ol li {
   margin-left: 3px;
}

ul.tabs {
   margin: 0;
   padding: 5px 10px 8px 10px;
}

ul.tabs li {
   margin: 0 2px 0 0;
   padding: 5px 10px 9px 10px;
   display: inline;
   font-weight:bold;
   -moz-border-radius-topleft:4px;
   -moz-border-radius-topright:4px;
   background-color: #FFFFFF;
}

ul.tabs-br-green li {
   border-top:1px solid #CDDFB9;
   border-left:1px solid #CDDFB9;
   border-right:1px solid #CDDFB9;
}

ul.tabs-bg-green li {
   background-color: #E9F4E1;
}

ul.tabs li.usage-green {
   margin: 0 2px 0 0;
   padding: 5px 10px 10px 10px;
   background-color: #E9F4E1;
}

ul.tabs-br-orange li {
   border-top:1px solid #FFB140;
   border-left:1px solid #FFB140;
   border-right:1px solid #FFB140;
}

ul.tabs-bg-orange li {
   background-color: #FFF1D6;
}

ul.tabs li.usage-orange {
   margin: 0 2px 0 0;
   padding: 5px 10px 10px 10px;
   background-color: #FFF1D6;
}

ul.tabs-br-blue li {
   border-top:1px solid #37AEE6;
   border-left:1px solid #37AEE6;
   border-right:1px solid #37AEE6;
}

ul.tabs-bg-blue li {
   background-color: #D8E4F1;
}

ul.tabs li.usage-blue {
   margin: 0 2px 0 0;
   padding: 5px 10px 10px 10px;
   background-color: #D8E4F1;
}

ul.tabs li.usage-white {
   margin: 0 2px 0 0;
   padding: 5px 10px 10px 10px;
   background-color: #FFFFFF;
}
/*** END MENU ***/


/*** UTILS ***/

.text-uppercase {
   text-transform: uppercase;
}

.border {
   border: 1px solid #CDDFB9;
   margin: 0;
   padding: 10px;
   background: #FFFFFF; 
}

.bg_vv {
   background:transparent url(/images/1_bg1.gif) repeat-y scroll left top;
}

.bg_gg {
   background:transparent url(/images/1_bg2.gif) repeat-x scroll left top;
}

.bold {
   font-weight: bold;
}

.blink {
   text-decoration: blink;
}

.float-left {

   float: left;

}

.float-right {
   float: right;

}

.align-left {
   text-align: left;
}

.align-right {
   text-align: right;
}

.align-center {
   text-align: center;
}

.text-justify {
   text-align:justify;
}

.clear {
   clear:both;
   display:block;
   height:1px;
   overflow:hidden;
}

.newpage {
   page-break-after: always; 
}

.table-border {
   margin: 2px 0;
   -moz-border-radius: 5px;
   border: 3px solid #CDDFB9;
}

table.color { 
   /* margin:0 -6px 2em 30px;=margin:0 -8px 2em 30px; */
   margin: 4px 0;
   padding: 0;
   border-collapse: collapse;
   border: 3px solid #CDDFB9;
   line-height:1.4em;
   width:100%;
} 

.table-border table.color {
   margin: 0;
}

table.color thead {
   border-bottom:3px solid #CDDFB9;
}

.table-border table.color thead {
   border-bottom:5px solid #CDDFB9;
}

table.color th, table.color td { 
   padding:6px 7px; 
} 

table.color th { 
   text-align:left;
   background: #CDDFB9;
   border-left:1px solid #FFFFFF;
   border-right:1px solid #FFFFFF;
   border-top:none;
   border-bottom:none;
} 

table.color td { 
   vertical-align:top;
}

table.color tr { 
   margin: 3px 0;
   border-bottom:1px solid #D8D8D8;
} 

table.color tr:hover {
   background-color: #F2F2F2;
}

table.color a.desc, table.color a.asc {
   background-position: 100% 50%;
   background-repeat: no-repeat;
}

table.color a.desc {
   background-image: url("/images/icons/arrow_down.gif");
   padding: 0px 15px 3px 0;
}

table.color a.asc {
   background-image: url("/images/icons/arrow_up.gif");
   padding: 0px 15px 1px 0;
}

h2.text {
   color: #5D5D5D;
   font-size:12px;
   font-weight:normal;
   padding: 10px 0;
}

.button, .color .button {
   margin: 0;
   border: 0 none;
   height: 20px;
   -moz-border-radius: 4px;
   background-color: #5D5D5D;
   font-weight: bold;
   padding: 2px 10px;
   color: #FFFFFF;
   text-decoration: none;
}

.button img {
   margin: 0;
   padding: 0;
   vertical-align: bottom;
}

.cursor-pointer {
   cursor: pointer;

}

.b-green, .color .b-green {
   background: #97D343 repeat-x;
   cursor: pointer;
}

.b-blue, .color .b-blue {
   background: #37AEE6 repeat-x;
   cursor: pointer;
}

.b-orange, .color .b-orange {
   background: #F4A600 repeat-x;
   cursor: pointer;
}

.vertical-center-A {
   margin: 0;
   padding: 0;
   height: 100%;
   overflow: hidden; 
   display: table; 
}

.vertical-center-B {
   margin: 0;
   padding: 0;
   display: table-cell;
   vertical-align: middle;
}

.background-green {
   color: #5D5D5D;
   background-color: #E9F4E1;
}

.background-blue {
   color: #5D5D5D;
   background-color: #D8E4F1;
}

.background-orange {
   color: #5D5D5D;
   background-color: #FFF1D6;
}

.background-red {
   background-color:#FFD0CD;
}

.border-green {
   border:1px solid #CDDFB9;
}

.border-blue {
   border:1px solid #37AEE6;
}

.border-orange {
   border:1px solid #FFB140;
}

.border-red {
   border: 1px solid #FFE3E1;
}

.suggest {
  margin: 0;
  padding: 0;
  font-family: arial,sans-serif;
  position: absolute;
  display: table;  
}

.suggest ul.suggestOn {
   -moz-border-radius: 4px;
   width: 100%;
   margin: 0 2px;
   padding: 5px;
   background: #FFFFFF;
   border: 1px solid #000000;
   cursor: pointer;
   visibility: visible;
   color: #5D5D5D;
   list-style-type: none;
}

.suggest ul.suggestOn li {
   padding: 2px 0;
}

.suggest ul.suggestOn li:hover {
   background-color: #A1A1A1;
   font-weight: bold;
}

.green { color: #008300; }
.green0 { color: #F9FFF5; }
.green1 { color: #F6FFE9; }
.green2 { color: #E9F4E1; }
.green3 { color: #CDDFB9; }
.green4 { color: #97D343; }
.green5 { color: #59BC22; }
.green6 { color: #569100; }
.green7 { color: #008300; }
.green8 { color: #007000; }
.green9 { color: #006100; }

.greenbg { background-color: #007000; }
.greenbg0 { background-color: #F9FFF5; }
.greenbg1 { background-color: #F6FFE9; }
.greenbg2 { background-color: #E9F4E1; }
.greenbg3 { background-color: #CDDFB9; }
.greenbg4 { background-color: #97D343; }
.greenbg5 { background-color: #59BC22; }
.greenbg6 { background-color: #569100; }
.greenbg7 { background-color: #008300; }
.greenbg8 { background-color: #007000; }
.greenbg9 { background-color: #006100; }

.gray { color: #5D5D5D; }
.gray0 { color: #F6F6F6; }
.gray1 { color: #F2F2F2; }
.gray2 { color: #EAEAEA; }
.gray3 { color: #DCDCDC; }
.gray4 { color: #D8D8D8; }
.gray5 { color: #C9C9C9; }
.gray6 { color: #ABABAB; }
.gray7 { color: #808080; }
.gray8 { color: #5D5D5D; }
.gray9 { color: #343434; }

.graybg { background-color: #5D5D5D; }
.graybg0 { background-color: #F6F6F6; }
.graybg1 { background-color: #F2F2F2; }
.graybg2 { background-color: #EAEAEA; }
.graybg3 { background-color: #DCDCDC; }
.graybg4 { background-color: #D8D8D8; }
.graybg5 { background-color: #C9C9C9; }
.graybg6 { background-color: #ABABAB; }
.graybg7 { background-color: #808080; }
.graybg8 { background-color: #5D5D5D; }
.graybg9 { background-color: #343434; }

.blue { color: #016493; }
.blue0 { color: #D8E4F1; }
.blue1 { color: #81C9EA; }
.blue2 { color: #55B4E1; }
.blue3 { color: #37AEE6; }
.blue4 { color: #36A0D2; }
.blue5 { color: #1B8EC3; }
.blue6 { color: #007BB4; }
.blue7 { color: #3C78B5; }
.blue8 { color: #016493; }
.blue9 { color: #2B4A9B; }
.blue { color: #016493; }

.bluebg { background-color: #016493; }
.bluebg0 { background-color: #D8E4F1; }
.bluebg1 { background-color: #81C9EA; }
.bluebg2 { background-color: #55B4E1; }
.bluebg3 { background-color: #37AEE6; }
.bluebg4 { background-color: #36A0D2; }
.bluebg5 { background-color: #1B8EC3; }
.bluebg6 { background-color: #007BB4; }
.bluebg7 { background-color: #3C78B5; }
.bluebg8 { background-color: #016493; }
.bluebg9 { background-color: #2B4A9B; }

.violet { color: #BC5FE3; }
.violet0 { color: #000000; }
.violet1 { color: #000000; }
.violet2 { color: #000000; }
.violet3 { color: #000000; }
.violet4 { color: #000000; }
.violet5 { color: #000000; }
.violet6 { color: #000000; }
.violet7 { color: #000000; }
.violet8 { color: #BC5FE3; }
.violet9 { color: #9400D3; }

.violetbg { background-color: #BC5FE3; }
.violetbg0 { background-color: #000000; }
.violetbg1 { background-color: #000000; }
.violetbg2 { background-color: #000000; }
.violetbg3 { background-color: #000000; }
.violetbg4 { background-color: #000000; }
.violetbg5 { background-color: #000000; }
.violetbg6 { background-color: #000000; }
.violetbg7 { background-color: #000000; }
.violetbg8 { background-color: #BC5FE3; }
.violetbg9 { background-color: #9400D3; }

.orange { color: #F87E00; }
.orange0 { color: #FFF1D6; }
.orange1 { color: #F5D698; }
.orange2 { color: #FFC673; }
.orange3 { color: #FFB140; }
.orange4 { color: #F4A600; }
.orange5 { color: #FF9700; }
.orange6 { color: #FF8C00; }
.orange7 { color: #F87E00; }
.orange8 { color: #EB6D00; }
.orange9 { color: #CC9625; }

.orangebg { background-color: #F87E00; }
.orangebg0 { background-color: #FFF1D6; }
.orangebg1 { background-color: #F5D698; }
.orangebg2 { background-color: #FFC673; }
.orangebg3 { background-color: #FFB140; }
.orangebg4 { background-color: #F4A600; }
.orangebg5 { background-color: #FF9700; }
.orangebg6 { background-color: #FF8C00; }
.orangebg7 { background-color: #F87E00; }
.orangebg8 { background-color: #EB6D00; }
.orangebg9 { background-color: #CC9625; }

.red { color: #FF0000; }
.red0 { color: #FDF7E1; }
.red1 { color: #FFE3E1; }
.red2 { color: #FFE0E0; }
.red3 { color: #FFD0CD; }
.red4 { color: #FFCCCC; }
.red5 { color: #000000; }
.red6 { color: #000000; }
.red7 { color: #FF4242; }
.red8 { color: #FF0000; }
.red9 { color: #CC0000; }

.redbg { background-color: #FF0000; }
.redbg0 { background-color: #FDF7E1; }
.redbg1 { background-color: #FFE3E1; }
.redbg2 { background-color: #FFE0E0; }
.redbg3 { background-color: #FFD0CD; }
.redbg4 { background-color: #FFCCCC; }
.redbg5 { background-color: #000000; }
.redbg6 { background-color: #000000; }
.redbg7 { background-color: #FF4242; }
.redbg8 { background-color: #FF0000; }
.redbg9 { background-color: #CC0000; }

.yellow { color: #F0C000; }
.yellow0 { color: #000000; }
.yellow1 { color: #000000; }
.yellow2 { color: #FFFFCE; }
.yellow3 { color: #000000; }
.yellow4 { color: #000000; }
.yellow5 { color: #000000; }
.yellow6 { color: #F0C000; }
.yellow7 { color: #000000; }
.yellow8 { color: #000000; }
.yellow9 { color: #000000; }

.yellowbg { background-color: #F0C000; }
.yellowbg0 { background-color: #000000; }
.yellowbg1 { background-color: #000000; }
.yellowbg2 { background-color: #FFFFCE; }
.yellowbg3 { background-color: #000000; }
.yellowbg4 { background-color: #000000; }
.yellowbg5 { background-color: #000000; }
.yellowbg6 { background-color: #F0C000; }
.yellowbg7 { background-color: #000000; }
.yellowbg8 { background-color: #000000; }
.yellowbg9 { background-color: #000000; }


/*** END - UTILS ***/