{ margin: 0; padding: 0; }

html { font-size: 100%; }

body { font-family: Verdana, Arial, Helvetica, sans-serif; margin:0; background-color: #666; color: #FFF; }

form,h1,h2,h3,h4,li,hr,input,table,tr,td,th,pre { margin: 0 }

.TableBorder_Dark {border: 4px solid; color:#ccc; background-color:#444; border-color: #333; border-top-color:#555; border-left-color:#555; }
.TableBorder_Dark_inset {border: 4px solid; color:#ccc; background-color:#333; border-color: #222; border-top-color:#222; border-left-color:#222;}

.bar-16-orange { background-color:#fc0; background-image: url("images/ui/bars/bar-16-orange.gif"); color: #000; font-size:11;}
.bar-24-orange { background-color:#fc0; background-image: url("images/ui/bars/bar-24-orange.gif"); color: #000; font-size:20;}
.bar-32-orange { background-color:#fc0; background-image: url("images/ui/bars/bar-24-orange.gif"); color: #000; font-size:20;}
.bar-40-orange { background-color:#fc0; background-image: url("images/ui/bars/bar-40-orange.gif"); color: #000; font-size:30;}
.bar-64-orange { background-color:#fc0; background-image: url("images/ui/bars/bar-64-orange.gif"); color: #000; font-size:30;}

.bar-16-orange2 { background-color:#f90; background-image: url("images/ui/bars/bar-16-dorange.gif"); color: #4D416B; font-size:11;}
.bar-24-orange2 { background-color:#f90; background-image: url("images/ui/bars/bar-24-dorange.gif"); color: #4D416B; font-size:20;}
.bar-32-orange2 { background-color:#f90; background-image: url("images/ui/bars/bar-24-dorange.gif"); color: #4D416B; font-size:20;}
.bar-40-orange2 { background-color:#f90; background-image: url("images/ui/bars/bar-40-dorange.gif"); color: #4D416B; font-size:30;}
.bar-64-orange2 { background-color:#f90; background-image: url("images/ui/bars/bar-64-dorange.gif"); color: #4D416B; font-size:30;}

.bar-16-gold { background-color:#fc0; background-image: url("images/ui/bars/bar-16-gold.gif"); color: #000; font-size:11;}
.bar-24-gold { background-color:#fc0; background-image: url("images/ui/bars/bar-24-gold.gif"); color: #000; font-size:20;}
.bar-32-gold { background-color:#fc0; background-image: url("images/ui/bars/bar-24-gold.gif"); color: #000; font-size:20;}
.bar-40-gold { background-color:#fc0; background-image: url("images/ui/bars/bar-40-gold.gif"); color: #000; font-size:30;}
.bar-64-gold { background-color:#fc0; background-image: url("images/ui/bars/bar-64-gold.gif"); color: #000; font-size:30;}

.bar-16-silver { background-color:#999; background-image: url("images/ui/bars/bar-16-silver.gif"); color: #ccc; font-size:11;}
.bar-24-silver { background-color:#999; background-image: url("images/ui/bars/bar-24-silver.gif"); color: #ccc; font-size:20;}
.bar-32-silver { background-color:#999; background-image: url("images/ui/bars/bar-24-silver.gif"); color: #ccc; font-size:20;}
.bar-40-silver { background-color:#999; background-image: url("images/ui/bars/bar-40-silver.gif"); color: #ccc; font-size:30;}
.bar-64-silver { background-color:#999; background-image: url("images/ui/bars/bar-64-silver.gif"); color: #ccc; font-size:30;}

.bar-16-purple { background-color:#483D65; background-image: url("images/ui/bars/bar-16-dpurple.gif"); color: #fc0; font-size:11}
.bar-24-purple { background-color:#483D65; background-image: url("images/ui/bars/bar-24-dpurple.gif"); color: #fc0; font-size:20}
.bar-32-purple { background-color:#483D65; background-image: url("images/ui/bars/bar-24-dpurple.gif"); color: #fc0; font-size:20}
.bar-40-purple { background-color:#483D65; background-image: url("images/ui/bars/bar-40-dpurple.gif"); color: #fc0; font-size:30}
.bar-64-purple { background-color:#483D65; background-image: url("images/ui/bars/bar-64-dpurple.gif"); color: #fc0; font-size:30}

.bar-16-green { background-color:#090; background-image: url("images/ui/bars/bar-16-green.gif"); color: #fff; font-size:11}
.bar-24-green { background-color:#090; background-image: url("images/ui/bars/bar-24-green.gif"); color: #fff; font-size:20}
.bar-32-green { background-color:#090; background-image: url("images/ui/bars/bar-24-green.gif"); color: #fff; font-size:20}
.bar-40-green { background-color:#090; background-image: url("images/ui/bars/bar-40-green.gif"); color: #fff; font-size:30}
.bar-64-green { background-color:#090; background-image: url("images/ui/bars/bar-64-green.gif"); color: #fff; font-size:30}

.bar-16-white { background-color:#ccc; background-image: url("images/ui/bars/bar-16-white.gif"); color: #000; font-size:11}
.bar-24-white { background-color:#ccc; background-image: url("images/ui/bars/bar-24-white.gif"); color: #000; font-size:20}
.bar-32-white { background-color:#ccc; background-image: url("images/ui/bars/bar-24-white.gif"); color: #000; font-size:20}
.bar-40-white { background-color:#ccc; background-image: url("images/ui/bars/bar-40-white.gif"); color: #000; font-size:30}
.bar-64-white { background-color:#ccc; background-image: url("images/ui/bars/bar-64-white.gif"); color: #000; font-size:30}

.bar-16-black { background-color:#444; background-image: url("images/ui/bars/bar-16-black.gif"); color: #ccc; font-size:11}
.bar-24-black { background-color:#444; background-image: url("images/ui/bars/bar-24-black.gif"); color: #ccc; font-size:20}
.bar-32-black { background-color:#444; background-image: url("images/ui/bars/bar-24-black.gif"); color: #ccc; font-size:20}
.bar-40-black { background-color:#444; background-image: url("images/ui/bars/bar-40-black.gif"); color: #ccc; font-size:30}
.bar-64-black { background-color:#444; background-image: url("images/ui/bars/bar-64-black.gif"); color: #ccc; font-size:30}

.bar-24-black-444 { background-color:#444; color: #ccc;}

.CellBackground_000 {border: 2px solid; color:#ccc; background-color:#000; border-color: #222; border-top-color:#444; border-left-color:#444; }
.CellBackground_444 {border: 2px solid; color:#ccc; background-color:#444; border-color: #333; border-top-color:#555; border-left-color:#555; }
.CellBackground_Gold {border: 2px solid; color:#ccc; background-color:#C2B4A6; border-color: #685441; border-top-color:#A89481; border-left-color:#A89481; }
.CellBackground_999 {border: 2px solid;	color:#ccc;	background-color: #999; border-color: #777;	border-top-color:#bbb;	border-left-color:#bbb; }
.CellBackground_DDD {border: 2px solid; color:#000; background-color: #ddd; border-color: #bbb; border-top-color:#eee; border-left-color:#eee; }

.CellBackground_cyan {border: 2px solid; color:#fff; background-color:#09F; border-color: #06F; border-top-color:#0CF; border-left-color:#0CF; }
.CellBackground_Purple {border: 2px solid; color:#fff; background-color:#4d416b; border-color: #302943; border-top-color:#605185; border-left-color:#605185; }
.CellBackground_Black {border: 2px solid; color:#fff; background-color: #555; border-color: #333; border-top-color:#666; border-left-color:#666;}
.CellBackground_Green {border: 2px solid; color:#fff; background-color: #060; border-color: #040; border-top-color:#090; border-left-color:#090;}
.CellBackground_dorange {border: 2px solid; color:#fff; background-color: #fc0; border-color: #f60; border-top-color:#f70; border-left-color:#f70;}
.CellBackground_white {border: 2px solid; color:#000; background-color: #ccc; border-color: #666; border-top-color:#999; border-left-color:#999;}

.CellBackground_Dark {border: 2px solid; color:#000; background-color: #ddd; border-color: #bbb; border-top-color:#eee; border-left-color:#eee;}
.CellBackground_Dark2 { border: 2px solid; color:#fff; background-color: #999; border-color: #777; border-top-color:#bbb; border-left-color:#bbb;}
.CellBackground_Dark3 { border: 1px solid; color:#fff; background-color: #444; border-color: #555; border-top-color:#666; border-left-color:#666;}

.CellBackground_Light { border: 2px solid; color:#000; background-color: #eee; border-color: #bbb; border-top-color:#FFF; border-left-color:#FFF;}
.CellBackground_Highlight {	border: 2px solid; color:#fff; background-color:#09F; border-color: #06F; border-top-color:#0CF; border-left-color:#0CF;}
.CellBackground_Highlight2 { border: 2px solid; color:#000; background-color:#FC0; border-color: #F90; border-top-color:#FE0; border-left-color:#FE0;}
.CellBackground_Highlight3 { border: 2px solid; color:#FFF; background-color:#0B0; border-color: #090; border-top-color:#0E0; border-left-color:#0E0;}


.text-size-10 {font-size:10;}
.text-size-12 {font-size:12;}
.text-size-14 {font-size:14;}
.text-size-22 {font-size:22;}
.text-size-24 {font-size:24;}
.text-size-26 {font-size:26;}

a.treelink1:link {text-decoration: none; color: #070}
a.treelink1:visited {text-decoration: none; color: #363;}
a.treelink1:active {text-decoration: none; color: #090;}
a.treelink1:hover {text-decoration: underline; color: #090;}

a.treelink2:link {text-decoration: none; color: #070}
a.treelink2:visited {text-decoration: none; color: #363;}
a.treelink2:active {text-decoration: none; color: #090;}
a.treelink2:hover {text-decoration: underline; color: #090;}


.TextColor_f90 {color: #f90; text-shadow: 1px 1px 0 #940;}
.TextColor_fc0 {color: #fc0; text-shadow: 1px 1px 0 #940;}
.TextColor_ff0 {color: #ff0; text-shadow: 1px 1px 0 #940;}
.TextColor_red {color: #f00; text-shadow: 1px 1px 0 #600;}
.TextColor_000 {color: #000;}
.TextColor_gold {color: #BFA479; text-shadow: 2px 2px 0 #000;}
.TextColor_silver {color: #ccc; text-shadow: 2px 2px 0 #000;}


a:link { color: #483D65; text-decoration: none; }
a:visited {	color: #483D65; text-decoration: none; }
a:hover { color: #483Dcc; text-decoration: underline; }
a:active { color: #483Dcc; text-decoration: none; }

A.Gold:link {text-decoration: none; color: #BFA479; text-shadow: 1px 1px 0 #000;}
A.Gold:visited {text-decoration: none; color: #BFA479; text-shadow: 1px 1px 0 #000;}
A.Gold:active {text-decoration: none; color: #BFA479; text-shadow: 1px 1px 0 #000;}
A.Gold:hover {text-decoration: underline; color: #BFA479; text-shadow: 1px 1px 0 #000;}

.Image_Border_Gold {border: 3px solid; color:#ccc; background-color:#000; border-color: #827159; border-top-color:#5E5240; border-left-color:#5E5240;}




A.menu1:link {text-decoration: none; color: #483D99;}
A.menu1:visited {text-decoration: none; color: #483D99;}
A.menu1:active {text-decoration: none; color: #483Dcc;}
A.menu1:hover {text-decoration: underline; color: #483Dcc;}

A.button:link {text-decoration: none; color: #600;}
A.button:visited {text-decoration: none; color: #600;}
A.button:active {text-decoration: none; color: #800;}
A.button:hover {text-decoration: underline; color: #800;}



 /* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #483D65;
  background-image: url("images/ui/bars/bar-16-black.gif");
  color: #ccc;
  cursor: pointer;
  padding: 1px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 11px;
  font-weight: bold;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-image: url("images/ui/bars/bar-16-dpurple.gif");
  color: #fff;

}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0px;
  background-color: #333;
  color: black;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.collapsible:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 11px;
  color: #ccc;
  float: left 	;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
  font-size: 11px;
}