/* Bardos */


/*-- Css for nicer display of boolean yes/no values --*/

.boolean-true {
    font-weight: bold;
    color: green;
}

.boolean-false {
    font-weight: bold;
    color: #e13431;
}

/*-- Css for nicer display align --*/

.aligncenter {
    text-align: center;
}

.alignleft {
    text-align: left;
}

.alignright {
    text-align: right;
}



.valignmiddle {
  vertical-align: middle;
}
.valignbottom {
  vertical-align: bottom;
}
.valigntop {
  vertical-align: top;
}


.valignbaseline {
  vertical-align: baseline;
}
.valigntexttop {
  vertical-align: text-top;
}

.valigntextbottom {
  vertical-align: text-bottom;
}

.valigntextsub {
  vertical-align: sub;
}

.valigntextsuper {
  vertical-align: super;
}




/*-- Css for nicer display margin-left --*/


.kiri0 {
    margin-left: 0px;
}

.kiri1 {
    margin-left: 1px;
}


.kiri2 {
    margin-left: 2px;
}


.kiri3 {
    margin-left: 3px;
}


.kiri4 {
    margin-left: 4px;
}


.kiri5 {
    margin-left: 5px;
}

.kiri6 {
    margin-left: 6px;
}

.kiri7 {
    margin-left: 7px;
}

.kiri8 {
    margin-left: 8px;
}

.kiri9 {
    margin-left: 9px;
}

.kiri10 {
    margin-left: 10px;
}
.kiri11 {
    margin-left: 11px;
}
.kiri12 {
    margin-left: 12px;
}
.kiri13 {
    margin-left: 13px;
}
.kiri14 {
    margin-left: 14px;
}
.kiri15 {
    margin-left: 15px;
}
.kiri16 {
    margin-left: 16px;
}
.kiri17 {
    margin-left: 17px;
}
.kiri18 {
    margin-left: 18px;
}
.kiri19 {
    margin-left: 19px;
}
.kiri20 {
    margin-left: 20px;
}
.kiri25 {
    margin-left: 25px;
}
.kiri30 {
    margin-left: 30px;
}
.kiri40 {
    margin-left: 40px;
}
.kiri50 {
    margin-left: 50px;
}
.kiri100 {
    margin-left: 100px;
}

/*-- Css for nicer display margin-top --*/


.atas0 {
    margin-top: 0px;
}

.atas1 {
    margin-top: 1px;
}


.atas2 {
    margin-top: 2px;
}


.atas3 {
    margin-top: 3px;
}


.atas4 {
    margin-top: 4px;
}


.atas5 {
    margin-top: 5px;
}

.atas6 {
    margin-top: 6px;
}

.atas7 {
    margin-top: 7px;
}

.atas8 {
    margin-top: 8px;
}

.atas9 {
    margin-top: 9px;
}

.atas10 {
    margin-top: 10px;
}
.atas11 {
    margin-top: 11px;
}
.atas12 {
    margin-top: 12px;
}
.atas13 {
    margin-top: 13px;
}
.atas14 {
    margin-top: 14px;
}
.atas15 {
    margin-top: 15px;
}
.atas16 {
    margin-top: 16px;
}
.atas17 {
    margin-top: 17px;
}
.atas18 {
    margin-top: 18px;
}
.atas19 {
    margin-top: 19px;
}
.atas20 {
    margin-top: 20px;
}
.atas30 {
    margin-top: 30px;
}
.atas40 {
    margin-top: 40px;
}
.atas50 {
    margin-top: 50px;
}
.atas100 {
    margin-top: 100px;
}

/*-- Css for nicer display role --*/


.bg-none {
    background-color: transparent !important;
}

.bg-developer {
    background-color:#ffe6ff; 
}

.bg-superadministrator {
    background-color:#ffe6ff; 
}

.bg-superadministrator_nas {
    background-color:#ffe6ff; 
}

.bg-superadministrator_pro {
    background-color:#ffe6ff; 
}

.bg-superadministrator_kab {
    background-color:#ffe6ff; 
}

.bg-superadministrator_kec {
    background-color:#ffe6ff; 
}

.bg-administrator {
    background-color:#ffe6e6; 
}

.bg-administrator_nas {
    background-color:#ffe6e6; 
}

.bg-administrator_pro {
    background-color:#ffe6e6; 
}

.bg-administrator_kab {
    background-color:#ffe6e6; 
}

.bg-administrator_kec {
    background-color:#ffe6e6; 
}

.bg-administrator_des {
    background-color:#ffe6e6; 
}

.bg-superoperator {
    background-color:#ffffe6; 
}

.bg-superoperator_nas {
    background-color:#ffffe6; 
}

.bg-superoperator_pro {
    background-color:#ffffe6; 
}

.bg-superoperator_kab {
    background-color:#ffffe6; 
}

.bg-superoperator_kec {
    background-color:#ffffe6; 
}

.bg-operator {
    background-color:#e6ffe6; 
}

.bg-operator_nas {
    background-color:#e6ffe6; 
}

.bg-operator_pro {
    background-color:#e6ffe6; 
}

.bg-operator_kab {
    background-color:#e6ffe6; 
}

.bg-operator_kec {
    background-color:#e6ffe6; 
}

.bg-operator_des {
    background-color:#e6ffe6; 
}

.bg-officer {
    background-color:#e6e6ff; 
}

.bg-officer_nas {
    background-color:#e6e6ff; 
}

.bg-officer_pro {
    background-color:#e6e6ff; 
}

.bg-officer_kab {
    background-color:#e6e6ff; 
}

.bg-officer_kec {
    background-color:#e6e6ff; 
}

.bg-editor {
    background-color:#fff2e6; 
}

.bg-editor_nas {
    background-color:#fff2e6; 
}

.bg-editor_pro {
    background-color:#fff2e6; 
}

.bg-editor_kab {
    background-color:#fff2e6; 
}

.bg-editor_kec {
    background-color:#fff2e6; 
}

.bg-editor_des {
    background-color:#fff2e6; 
}

.bg-user {
    background-color:#e6ffff; 
}

.bg-user_nas {
    background-color:#e6ffff; 
}

.bg-user_pro {
    background-color:#e6ffff; 
}

.bg-user_kab {
    background-color:#e6ffff; 
}

.bg-user_kec {
    background-color:#e6ffff; 
}

.bg-user_des {
    background-color:#e6ffff; 
}

.bg-member {
    background-color:#e6ffff; 
}


/*-- Css for nicer display of user roles --*/


.role-none {

}

.role-developer {
     font-weight: bold;
     color:#800000; 
}
.role-superadministrator {
    font-weight: bold;
     color:#800000; 
}

.role-superadministrator_nas {
    font-weight: bold;
     color:#800000; 
}

.role-superadministrator_pro {
    font-weight: bold;
     color:#000080; 
}

.role-superadministrator_kab {
    font-weight: bold;
     color:#008000; 
}

.role-superadministrator_kec {
    font-weight: bold;
     color:#804000; 
}

.role-administrator {
    font-weight: bold;
     color:#800000; 
}

.role-administrator_nas {
    font-weight: bold;
     color:#800000; 
}

.role-administrator_pro {
    font-weight: bold;
     color:#000080; 
}

.role-administrator_kab {
    font-weight: bold;
     color:#008000; 
}

.role-administrator_kec {
    font-weight: bold;
     color:#804000; 
}

.role-administrator_des {
    font-weight: bold;
     color:#800080; 
}

.role-superoperator {
    font-weight: bold;
     color:#800000; 
}

.role-superoperator_nas {
    font-weight: bold;
     color:#800000; 
}

.role-superoperator_pro {
    font-weight: bold;
     color:#000080; 
}

.role-superoperator_kab {
    font-weight: bold;
     color:#008000; 
}

.role-superoperator_kec {
    font-weight: bold;
     color:#804000; 
}

.role-operator {
    font-weight: bold;
     color:#800000; 
}

.role-operator_nas {
    font-weight: bold;
     color:#800000; 
}

.role-operator_pro {
    font-weight: bold;
     color:#000080; 
}

.role-operator_kab {
    font-weight: bold;
     color:#008000; 
}

.role-operator_kec {
    font-weight: bold;
     color:#804000; 
}

.role-operator_des {
    font-weight: bold;
     color:#800080; 
}

.role-officer {
    font-weight: bold;
     color:#800000; 
}

.role-officer_nas {
    font-weight: bold;
     color:#800000; 
}

.role-officer_pro {
    font-weight: bold;
     color:#000080; 
}

.role-officer_kab {
    font-weight: bold;
     color:#008000; 
}

.role-officer_kec {
    font-weight: bold;
     color:#804000; 
}

.role-editor {
    font-weight: bold;
     color:#800000; 
}

.role-editor_nas {
    font-weight: bold;
     color:#800000; 
}

.role-editor_pro {
    font-weight: bold;
     color:#000080; 
}

.role-editor_kab {
    font-weight: bold;
     color:#008000; 
}

.role-editor_kec {
    font-weight: bold;
     color:#804000; 
}

.role-editor_des {
    font-weight: bold;
     color:#800080; 
}

.role-user {
    font-weight: bold;
     color:#800000; 
}

.role-user_nas {
    font-weight: bold;
     color:#800000; 
}

.role-user_pro {
    font-weight: bold;
     color:#000080; 
}

.role-user_kab {
    font-weight: bold;
     color:#008000; 
}

.role-user_kec {
    font-weight: bold;
     color:#804000; 
}

.role-user_des {
    font-weight: bold;
     color:#800080; 
}

.role-member {
    font-weight: bold;
     color:#000000; 
}


/*-- Css for nicer display text-color --*/


.cl-IndianRed { 
   color:IndianRed;
}

.cl-LightCoral { 
   color:LightCoral;
}

.cl-Salmon { 
   color:Salmon;
}

.cl-DarkSalmon { 
   color:DarkSalmon;
}

.cl-LightSalmon { 
   color:LightSalmon;
}

.cl-Crimson { 
   color:Crimson;
}

.cl-Red { 
   color:Red;
}

.cl-FireBrick { 
   color:FireBrick;
}

.cl-DarkRed { 
   color:DarkRed;
}

.cl-Pink { 
   color:Pink;
}

.cl-LightPink { 
   color:LightPink;
}

.cl-HotPink { 
   color:HotPink;
}

.cl-DeepPink { 
   color:DeepPink;
}

.cl-MediumVioletRed { 
   color:MediumVioletRed;
}

.cl-PaleVioletRed { 
   color:PaleVioletRed;
}

.cl-LightSalmon { 
   color:LightSalmon;
}

.cl-Coral { 
   color:Coral;
}

.cl-Tomato { 
   color:Tomato;
}

.cl-OrangeRed { 
   color:OrangeRed;
}

.cl-DarkOrange { 
   color:DarkOrange;
}

.cl-Orange { 
   color:Orange;
}

.cl-Gold { 
   color:Gold;
}

.cl-Yellow { 
   color:Yellow;
}

.cl-LightYellow { 
   color:LightYellow;
}

.cl-LemonChiffon { 
   color:LemonChiffon;
}

.cl-LightGoldenRodYellow { 
   color:LightGoldenRodYellow;
}

.cl-PapayaWhip { 
   color:PapayaWhip;
}

.cl-Moccasin { 
   color:Moccasin;
}

.cl-PeachPuff { 
   color:PeachPuff;
}

.cl-PaleGoldenRod { 
   color:PaleGoldenRod;
}

.cl-Khaki { 
   color:Khaki;
}

.cl-DarkKhaki { 
   color:DarkKhaki;
}

.cl-Lavender { 
   color:Lavender;
}

.cl-Thistle { 
   color:Thistle;
}

.cl-Plum { 
   color:Plum;
}

.cl-Violet { 
   color:Violet;
}

.cl-Orchid { 
   color:Orchid;
}

.cl-Fuchsia { 
   color:Fuchsia;
}

.cl-Magenta { 
   color:Magenta;
}

.cl-MediumOrchid { 
   color:MediumOrchid;
}

.cl-MediumPurple { 
   color:MediumPurple;
}

.cl-RebeccaPurple { 
   color:RebeccaPurple;
}

.cl-BlueViolet { 
   color:BlueViolet;
}

.cl-DarkViolet { 
   color:DarkViolet;
}

.cl-DarkOrchid { 
   color:DarkOrchid;
}

.cl-DarkMagenta { 
   color:DarkMagenta;
}

.cl-Purple { 
   color:Purple;
}

.cl-Indigo { 
   color:Indigo;
}

.cl-SlateBlue { 
   color:SlateBlue;
}

.cl-DarkSlateBlue { 
   color:DarkSlateBlue;
}

.cl-MediumSlateBlue { 
   color:MediumSlateBlue;
}

.cl-GreenYellow { 
   color:GreenYellow;
}

.cl-Chartreuse { 
   color:Chartreuse;
}

.cl-LawnGreen { 
   color:LawnGreen;
}

.cl-Lime { 
   color:Lime;
}

.cl-LimeGreen { 
   color:LimeGreen;
}

.cl-PaleGreen { 
   color:PaleGreen;
}

.cl-LightGreen { 
   color:LightGreen;
}

.cl-MediumSpringGreen { 
   color:MediumSpringGreen;
}

.cl-SpringGreen { 
   color:SpringGreen;
}

.cl-MediumSeaGreen { 
   color:MediumSeaGreen;
}

.cl-SeaGreen { 
   color:SeaGreen;
}

.cl-ForestGreen { 
   color:ForestGreen;
}

.cl-Green { 
   color:Green;
}

.cl-DarkGreen { 
   color:DarkGreen;
}

.cl-YellowGreen { 
   color:YellowGreen;
}

.cl-OliveDrab { 
   color:OliveDrab;
}

.cl-Olive { 
   color:Olive;
}

.cl-DarkOliveGreen { 
   color:DarkOliveGreen;
}

.cl-MediumAquaMarine { 
   color:MediumAquaMarine;
}

.cl-DarkSeaGreen { 
   color:DarkSeaGreen;
}

.cl-LightSeaGreen { 
   color:LightSeaGreen;
}

.cl-DarkCyan { 
   color:DarkCyan;
}

.cl-Teal { 
   color:Teal;
}

.cl-Aqua { 
   color:Aqua;
}

.cl-Cyan { 
   color:Cyan;
}

.cl-LightCyan { 
   color:LightCyan;
}

.cl-PaleTurquoise { 
   color:PaleTurquoise;
}

.cl-Aquamarine { 
   color:Aquamarine;
}

.cl-Turquoise { 
   color:Turquoise;
}

.cl-MediumTurquoise { 
   color:MediumTurquoise;
}

.cl-DarkTurquoise { 
   color:DarkTurquoise;
}

.cl-CadetBlue { 
   color:CadetBlue;
}

.cl-SteelBlue { 
   color:SteelBlue;
}

.cl-LightSteelBlue { 
   color:LightSteelBlue;
}

.cl-PowderBlue { 
   color:PowderBlue;
}

.cl-LightBlue { 
   color:LightBlue;
}

.cl-SkyBlue { 
   color:SkyBlue;
}

.cl-LightSkyBlue { 
   color:LightSkyBlue;
}

.cl-DeepSkyBlue { 
   color:DeepSkyBlue;
}

.cl-DodgerBlue { 
   color:DodgerBlue;
}

.cl-CornflowerBlue { 
   color:CornflowerBlue;
}

.cl-MediumSlateBlue { 
   color:MediumSlateBlue;
}

.cl-RoyalBlue { 
   color:RoyalBlue;
}

.cl-Blue { 
   color:Blue;
}

.cl-MediumBlue { 
   color:MediumBlue;
}

.cl-DarkBlue { 
   color:DarkBlue;
}

.cl-Navy { 
   color:Navy;
}

.cl-MidnightBlue { 
   color:MidnightBlue;
}

.cl-Cornsilk { 
   color:Cornsilk;
}

.cl-BlanchedAlmond { 
   color:BlanchedAlmond;
}

.cl-Bisque { 
   color:Bisque;
}

.cl-NavajoWhite { 
   color:NavajoWhite;
}

.cl-Wheat { 
   color:Wheat;
}

.cl-BurlyWood { 
   color:BurlyWood;
}

.cl-Tan { 
   color:Tan;
}

.cl-RosyBrown { 
   color:RosyBrown;
}

.cl-SandyBrown { 
   color:SandyBrown;
}

.cl-GoldenRod { 
   color:GoldenRod;
}

.cl-DarkGoldenRod { 
   color:DarkGoldenRod;
}

.cl-Peru { 
   color:Peru;
}

.cl-Chocolate { 
   color:Chocolate;
}

.cl-SaddleBrown { 
   color:SaddleBrown;
}

.cl-Sienna { 
   color:Sienna;
}

.cl-Brown { 
   color:Brown;
}

.cl-Maroon { 
   color:Maroon;
}

.cl-White { 
   color:White;
}

.cl-Snow { 
   color:Snow;
}

.cl-HoneyDew { 
   color:HoneyDew;
}

.cl-MintCream { 
   color:MintCream;
}

.cl-Azure { 
   color:Azure;
}

.cl-AliceBlue { 
   color:AliceBlue;
}

.cl-GhostWhite { 
   color:GhostWhite;
}

.cl-WhiteSmoke { 
   color:WhiteSmoke;
}

.cl-SeaShell { 
   color:SeaShell;
}

.cl-Beige { 
   color:Beige;
}

.cl-OldLace { 
   color:OldLace;
}

.cl-FloralWhite { 
   color:FloralWhite;
}

.cl-Ivory { 
   color:Ivory;
}

.cl-AntiqueWhite { 
   color:AntiqueWhite;
}

.cl-Linen { 
   color:Linen;
}

.cl-LavenderBlush { 
   color:LavenderBlush;
}

.cl-MistyRose { 
   color:MistyRose;
}

.cl-Gainsboro { 
   color:Gainsboro;
}

.cl-LightGray { 
   color:LightGray;
}

.cl-LightGrey  { 
   color:LightGrey ;
}

.cl-Silver { 
   color:Silver;
}

.cl-DarkGray { 
   color:DarkGray;
}

.cl-DarkGrey  { 
   color:DarkGrey ;
}

.cl-Gray { 
   color:Gray;
}

.cl-Grey { 
   color:Grey;
}

.cl-DimGray { 
   color:DimGray;
}

.cl-DimGrey { 
   color:DimGrey;
}

.cl-LightSlateGray { 
   color:LightSlateGray;
}

.cl-LightSlateGrey { 
   color:LightSlateGrey;
}

.cl-SlateGray { 
   color:SlateGray;
}

.cl-SlateGrey { 
   color:SlateGrey;
}

.cl-DarkSlateGray { 
   color:DarkSlateGray;
}

.cl-DarkSlateGrey { 
   color:DarkSlateGrey;
}

.cl-Black { 
   color:Black;
}


/*-- Css for nicer display background --*/

.bg-IndianRed { 
   background-color:IndianRed;
}

.bg-LightCoral { 
   background-color:LightCoral;
}

.bg-Salmon { 
   background-color:Salmon;
}

.bg-DarkSalmon { 
   background-color:DarkSalmon;
}

.bg-LightSalmon { 
   background-color:LightSalmon;
}

.bg-Crimson { 
   background-color:Crimson;
}

.bg-Red { 
   background-color:Red;
}

.bg-FireBrick { 
   background-color:FireBrick;
}

.bg-DarkRed { 
   background-color:DarkRed;
}

.bg-Pink { 
   background-color:Pink;
}

.bg-LightPink { 
   background-color:LightPink;
}

.bg-HotPink { 
   background-color:HotPink;
}

.bg-DeepPink { 
   background-color:DeepPink;
}

.bg-MediumVioletRed { 
   background-color:MediumVioletRed;
}

.bg-PaleVioletRed { 
   background-color:PaleVioletRed;
}

.bg-LightSalmon { 
   background-color:LightSalmon;
}

.bg-Coral { 
   background-color:Coral;
}

.bg-Tomato { 
   background-color:Tomato;
}

.bg-OrangeRed { 
   background-color:OrangeRed;
}

.bg-DarkOrange { 
   background-color:DarkOrange;
}

.bg-Orange { 
   background-color:Orange;
}

.bg-Gold { 
   background-color:Gold;
}

.bg-Yellow { 
   background-color:Yellow;
}

.bg-LightYellow { 
   background-color:LightYellow;
}

.bg-LemonChiffon { 
   background-color:LemonChiffon;
}

.bg-LightGoldenRodYellow { 
   background-color:LightGoldenRodYellow;
}

.bg-PapayaWhip { 
   background-color:PapayaWhip;
}

.bg-Moccasin { 
   background-color:Moccasin;
}

.bg-PeachPuff { 
   background-color:PeachPuff;
}

.bg-PaleGoldenRod { 
   background-color:PaleGoldenRod;
}

.bg-Khaki { 
   background-color:Khaki;
}

.bg-DarkKhaki { 
   background-color:DarkKhaki;
}

.bg-Lavender { 
   background-color:Lavender;
}

.bg-Thistle { 
   background-color:Thistle;
}

.bg-Plum { 
   background-color:Plum;
}

.bg-Violet { 
   background-color:Violet;
}

.bg-Orchid { 
   background-color:Orchid;
}

.bg-Fuchsia { 
   background-color:Fuchsia;
}

.bg-Magenta { 
   background-color:Magenta;
}

.bg-MediumOrchid { 
   background-color:MediumOrchid;
}

.bg-MediumPurple { 
   background-color:MediumPurple;
}

.bg-RebeccaPurple { 
   background-color:RebeccaPurple;
}

.bg-BlueViolet { 
   background-color:BlueViolet;
}

.bg-DarkViolet { 
   background-color:DarkViolet;
}

.bg-DarkOrchid { 
   background-color:DarkOrchid;
}

.bg-DarkMagenta { 
   background-color:DarkMagenta;
}

.bg-Purple { 
   background-color:Purple;
}

.bg-Indigo { 
   background-color:Indigo;
}

.bg-SlateBlue { 
   background-color:SlateBlue;
}

.bg-DarkSlateBlue { 
   background-color:DarkSlateBlue;
}

.bg-MediumSlateBlue { 
   background-color:MediumSlateBlue;
}

.bg-GreenYellow { 
   background-color:GreenYellow;
}

.bg-Chartreuse { 
   background-color:Chartreuse;
}

.bg-LawnGreen { 
   background-color:LawnGreen;
}

.bg-Lime { 
   background-color:Lime;
}

.bg-LimeGreen { 
   background-color:LimeGreen;
}

.bg-PaleGreen { 
   background-color:PaleGreen;
}

.bg-LightGreen { 
   background-color:LightGreen;
}

.bg-MediumSpringGreen { 
   background-color:MediumSpringGreen;
}

.bg-SpringGreen { 
   background-color:SpringGreen;
}

.bg-MediumSeaGreen { 
   background-color:MediumSeaGreen;
}

.bg-SeaGreen { 
   background-color:SeaGreen;
}

.bg-ForestGreen { 
   background-color:ForestGreen;
}

.bg-Green { 
   background-color:Green;
}

.bg-DarkGreen { 
   background-color:DarkGreen;
}

.bg-YellowGreen { 
   background-color:YellowGreen;
}

.bg-OliveDrab { 
   background-color:OliveDrab;
}

.bg-Olive { 
   background-color:Olive;
}

.bg-DarkOliveGreen { 
   background-color:DarkOliveGreen;
}

.bg-MediumAquaMarine { 
   background-color:MediumAquaMarine;
}

.bg-DarkSeaGreen { 
   background-color:DarkSeaGreen;
}

.bg-LightSeaGreen { 
   background-color:LightSeaGreen;
}

.bg-DarkCyan { 
   background-color:DarkCyan;
}

.bg-Teal { 
   background-color:Teal;
}

.bg-Aqua { 
   background-color:Aqua;
}

.bg-Cyan { 
   background-color:Cyan;
}

.bg-LightCyan { 
   background-color:LightCyan;
}

.bg-PaleTurquoise { 
   background-color:PaleTurquoise;
}

.bg-Aquamarine { 
   background-color:Aquamarine;
}

.bg-Turquoise { 
   background-color:Turquoise;
}

.bg-MediumTurquoise { 
   background-color:MediumTurquoise;
}

.bg-DarkTurquoise { 
   background-color:DarkTurquoise;
}

.bg-CadetBlue { 
   background-color:CadetBlue;
}

.bg-SteelBlue { 
   background-color:SteelBlue;
}

.bg-LightSteelBlue { 
   background-color:LightSteelBlue;
}

.bg-PowderBlue { 
   background-color:PowderBlue;
}

.bg-LightBlue { 
   background-color:LightBlue;
}

.bg-SkyBlue { 
   background-color:SkyBlue;
}

.bg-LightSkyBlue { 
   background-color:LightSkyBlue;
}

.bg-DeepSkyBlue { 
   background-color:DeepSkyBlue;
}

.bg-DodgerBlue { 
   background-color:DodgerBlue;
}

.bg-CornflowerBlue { 
   background-color:CornflowerBlue;
}

.bg-MediumSlateBlue { 
   background-color:MediumSlateBlue;
}

.bg-RoyalBlue { 
   background-color:RoyalBlue;
}

.bg-Blue { 
   background-color:Blue;
}

.bg-MediumBlue { 
   background-color:MediumBlue;
}

.bg-DarkBlue { 
   background-color:DarkBlue;
}

.bg-Navy { 
   background-color:Navy;
}

.bg-MidnightBlue { 
   background-color:MidnightBlue;
}

.bg-Cornsilk { 
   background-color:Cornsilk;
}

.bg-BlanchedAlmond { 
   background-color:BlanchedAlmond;
}

.bg-Bisque { 
   background-color:Bisque;
}

.bg-NavajoWhite { 
   background-color:NavajoWhite;
}

.bg-Wheat { 
   background-color:Wheat;
}

.bg-BurlyWood { 
   background-color:BurlyWood;
}

.bg-Tan { 
   background-color:Tan;
}

.bg-RosyBrown { 
   background-color:RosyBrown;
}

.bg-SandyBrown { 
   background-color:SandyBrown;
}

.bg-GoldenRod { 
   background-color:GoldenRod;
}

.bg-DarkGoldenRod { 
   background-color:DarkGoldenRod;
}

.bg-Peru { 
   background-color:Peru;
}

.bg-Chocolate { 
   background-color:Chocolate;
}

.bg-SaddleBrown { 
   background-color:SaddleBrown;
}

.bg-Sienna { 
   background-color:Sienna;
}

.bg-Brown { 
   background-color:Brown;
}

.bg-Maroon { 
   background-color:Maroon;
}

.bg-White { 
   background-color:White;
}

.bg-Snow { 
   background-color:Snow;
}

.bg-HoneyDew { 
   background-color:HoneyDew;
}

.bg-MintCream { 
   background-color:MintCream;
}

.bg-Azure { 
   background-color:Azure;
}

.bg-AliceBlue { 
   background-color:AliceBlue;
}

.bg-GhostWhite { 
   background-color:GhostWhite;
}

.bg-WhiteSmoke { 
   background-color:WhiteSmoke;
}

.bg-SeaShell { 
   background-color:SeaShell;
}

.bg-Beige { 
   background-color:Beige;
}

.bg-OldLace { 
   background-color:OldLace;
}

.bg-FloralWhite { 
   background-color:FloralWhite;
}

.bg-Ivory { 
   background-color:Ivory;
}

.bg-AntiqueWhite { 
   background-color:AntiqueWhite;
}

.bg-Linen { 
   background-color:Linen;
}

.bg-LavenderBlush { 
   background-color:LavenderBlush;
}

.bg-MistyRose { 
   background-color:MistyRose;
}

.bg-Gainsboro { 
   background-color:Gainsboro;
}

.bg-LightGray { 
   background-color:LightGray;
}

.bg-LightGrey  { 
   background-color:LightGrey ;
}

.bg-Silver { 
   background-color:Silver;
}

.bg-DarkGray { 
   background-color:DarkGray;
}

.bg-DarkGrey  { 
   background-color:DarkGrey ;
}

.bg-Gray { 
   background-color:Gray;
}

.bg-Grey { 
   background-color:Grey;
}

.bg-DimGray { 
   background-color:DimGray;
}

.bg-DimGrey { 
   background-color:DimGrey;
}

.bg-LightSlateGray { 
   background-color:LightSlateGray;
}

.bg-LightSlateGrey { 
   background-color:LightSlateGrey;
}

.bg-SlateGray { 
   background-color:SlateGray;
}

.bg-SlateGrey { 
   background-color:SlateGrey;
}

.bg-DarkSlateGray { 
   background-color:DarkSlateGray;
}

.bg-DarkSlateGrey { 
   background-color:DarkSlateGrey;
}

.bg-Black { 
   background-color:Black;
}




/*-- Colors used for various data presentation purposes --*/

.blue {
    font-weight: bold;
    color: #7373ff; 
}

.green {
    font-weight: bold;
    color: #009d00;
}

.gold {
    font-weight: bold;
    color: #c4a500;   
}

hr.top {
    margin-top: 0px;
    border-width: 1px;
    border-color: #333;
    text-align: left;
}

hr.article-devider {
    border-width: 1px;
    border-color: #444;
    border-style: dashed;
    text-align: left;
}


/* hide strength meter so we can fade it in nicely with jQuery */
.nz-meter-container {
    display: none;
}

.hidden {
    display: none;
}


.kecil {
  font-size: 6px;

}