body {
	margin:0;
}
.hide{
	display:none;
}
#colorpicker
{
	width:100%;
	font-family:helvetica; 
	font-size:10px; 
	background-color: gray;	
	background-color: black;
	background-image: url("../images/bg.dither.gif");
}
#infoswitch, #hexswitch, #backgroundswitch
{
	background-image:url("../images/gradient.jpg");
	cursor:pointer;
}
#bg_menu {
	height: 100px;
	width: 300px;
	background-color:red;
}
.bgOptions{
  font-family: 'Chivo', sans-serif;
  font-style: italic;
  font-size: 0.6em;
  cursor: pointer;
}
#bg1{ 
background-color: black;
background-image: url("../images/bg.dither.gif");
}
#bg1text{
  background: rgb(204,204,204);
  background-image: none;
}
#bg2{
background-color: black;
color: whitesmoke;
}
#bg3{
background-color: white;
color: black;
}
#bg4{
background-color: gray;
color: black;
}
#bg5{}
#preview {
	height:150px;
}
#transparent,#submitvalue {
	font-size:12px;
}
#namespace {
	width:inherit;
}
#container {
	margin:0 auto;
	width:31%;
	padding-top:100px;
	padding-right:10px;
	padding-left:10px;
	text-align:center;
	font-size:0;
}
#container div
{
	text-align:left;
	display: -moz-inline-stack;
	display:inline-block;
	vertical-align:bottom;
	min-height: 30px;
	zoom: 1;
	word-wrap: break-word;
	*display: inline;
	cursor:pointer;
}
.colors
{
	font-size: 9px;
	margin:2px 2px 0px 0px;
}
#colornames {
	color:white;
	position:fixed;	
	top:50px;
	left:2%;
	width:400px;
	font-size: 49px; 
	text-shadow: black 1px 2px; 
	display: block;
}
#infoswitch, #hexswitch, #backgroundswitch {
	background-image:url('../images/gradient.jpg');
	cursor:pointer;
	font-size: 19px;
	text-shadow: none;
}
#infoswitch span{
	display: none;
}
#switches {
	position:fixed;
	top: 118px; 
	right:1%;
	height: 540px;
	width: 334px;
	font-size:20px;
	border-style: groove;
	border-width: 4px;
	background-color:gray;
	padding:2px;
	box-shadow: 10px 10px 5px #141414;
	z-index: 10;  
	overflow: hidden; 
}
.switches_depressed{
  color: #aaa;
}
#nameholder, #namespace {
	font-size: 30px;
	width:70%;
}
.defaulttrans{
	color:#141414;
	box-shadow:10px 10px 5px #141414;
	background-color:#D1D1D1;
	border-width:2px;
	border-style:outset;
	cursor:pointer;
}
.hovertrans{
	background-color:DarkGrey;
	color:#383838;
	box-shadow:5px 5px 2px #141414;
}
#vasebackground {
	position: fixed; 
	z-index: 2; 
	height: 120px; 
	width: 69px; 
	top: 2px; 
	right: 30px; 
	background-color: rgb(171, 171, 171);
}
#vase {
	position:fixed; 
	z-index:3; 
	height:120px; 
	width:69px; 
	top:2px; 
	right:30px; 
	background-image:url("../images/vase.png");
}
#vaseshim {
	position:fixed; 
	z-index:4; 
	height:120px; 
	width:69px; 
	top:2px; 
	right:30px; 
	background-image:url("../images/vaseshim.png")
}
label {
	display: inline-block;
	width: 190px;
	padding-right: 10px;
	text-align: right;
	color: #555;
}
#controls {
	display: inline-block;
	padding: 10px;
	width: 430px;
	height:402px;
	position: absolute;
	background-color: #fff;
	background-image: url("../images/imcupbg.jpg");
	background-position: center center;		
}
.shim {
	height: 10px;
	clear: both;
	display: block;
}
#controls *{
	padding: 0;
	margin: 0;
	font-family: sans-serif;
	font-size: 14px;	
}
#controls a{
	color: #a39;
	font-weight: bold;
	text-decoration:underline;
}
#controls a:hover{
	cursor:pointer;
	text-decoration:underline;
}