#htmlsidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #0F6;
}
#htmlsidebar li {
}
#htmlsidebar li ul {
	padding: 15px 15px;
	font-size: 9px;
	color: #F00;
}
#htmlsidebar li li {
	border-bottom: 1px dotted #000000;
	background: url(../images/img02.gif) no-repeat 5px 50%;
	padding-left: 15px;
}
#htmlsidebar h2 {
	margin: 0;
	padding: 20px 0 0 0;
	border-bottom: 2px solid #0F0F0F;
}
#htmlsidebar a {
	text-decoration: none;
	color: #6F0;
}

#sidebar a:hover {
	color: #0C0;
}

html {
	overflow: hidden;
	width: 50%;
	right: 25px;
}
.htmlsidebar {
	position: fixed;
	right: 0px;
	width: 300px;
	float: right;
	height: 393px;
	padding-right: -50px;
	left: 850px;
	text-align: center;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	color: #F60;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	line-height: 33px;
}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
  background-color: black;
  color: white;
  margin: auto;
}

#container {
  position: absolute;
  width: 800px;
  height: 600px;
  left: 50%;
  top: 50%;
  margin-left: -400px;
  margin-top: -300px;
}

#text {
  width: 500px;
  height: auto;
  margin-left: 300px;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 5000;
  position: absolute;
}

span {
  font-size: 22px;
  font-weight: bold;
}

a, a:hover {
  color: #99CCFF;
  background-color: transparent;
  text-decoration: none;
  outline: none;
}

a:hover {
  color: #CCFF99;
  background-color: transparent;
}

.texts {
  display:none;
}

#container img {
  opacity:0;
  visibility:hidden;
}

#textfield img {
  opacity:1;
  visibility:visible;
}
#coin-slidersize {
	width: 75%;
}