/* Color Picker and Jump Menu Styles -- Use with popupmenu.js */
.menu {
	background-color:#dddddd;
	color:#000000;
	border:1px solid #6666bb;
}
.menu a:hover {
  width:100%;
  border:1px solid lime;
  text-decoration:none;
  color:00FF00;
  background-color:999999;
  text-align:left;
}
.menu a {
  width:100%;
  border:1px solid transparent;
  text-align:left;
}
#colorPicker {
	font-family:Microsoft Sans Serif, MS Sans Serif, MS Serif;
	background-color:#000000;
	color:#FFFFFF;
	text-align:left;
	border:1px solid;
	border-color:#000066;
}
#helpDiv {
  text-align:center;
}
a.colorbox:link, a.colorbox:visited, a.colorbox:active {
  border-color:000000 !important;
  font-size:9px;
}
a.colorbox:hover {
  border-color:00FF00 !important;
  font-size:9px;
}

#colorPicker a:link, #colorPicker a:visited, #colorPicker a:active {
  width:100%;
  border:1px solid;
  border-color:#555555;
  color:#0000aa;
}
#colorPicker a:hover {
  width:100%;
  border:1px solid lime;
  text-decoration:none;
  color:00FF00;
  background-color:002200;
} /*Use until the new generator script is implemented*/
#menuDiv a:link, #menuDiv a:visited, #menuDiv a:active {
  width:100%;
  border:1px solid;
  border-color:#555555;
  color:#0000aa;
}
#menuDiv a:hover {
  width:100%;
  border:1px solid lime;
  text-decoration:none;
  color:00FF00;
  background-color:002200;
}
#scrollsel, #menuDiv {
  line-height:13px;
}
#scrollsel {
  width:215px;
}
#scrollsel a:link, #scrollsel a:visited, #scrollsel a:active {
  border:1px solid;
  border-color:#eeeeee;
  color:#000000;
  width:196px;
  max-width:196px;
}
#scrollsel a:hover {
  width:196px;
  max-width:196px;
  border:1px solid;
  border-color:#6666CC;
  text-decoration:none;
  color:#ffffff;
  background-color:6666cc;
}
#piframe {
  height: 199px !important; /* the old script can't be edited, but the size needs to be overridden */
}
#previewDiv {
  border:1px solid white;
  padding:1px;
  background-color:#000000;
}
#previewDiv img {
  filter:none;
}