body {
  font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif;
  background-color: #f6f6f6;
  color: #000000;
  text-align: center;
}
a {
  text-decoration: none;
  color: #707070;
}
a:hover {
  text-decoration: underline;
  color: #000;
}
img {
  border: 0;
}
div#mirc-layer {
  background-image: url('./gfx/mirc_layer.gif');
  background-repeat: no-repeat;
  position: absolute;
  left: 50%; 
  width: 860px;
  height: 581px; 
  margin-left: -430px;
  text-align: left;
}
div#mirc-titlebar {
	color: #FFFFFF;
	font-family: Tahoma, monospace;
	font-size: 11px;
	font-weight: 600;
	height: 26px;
	left: 58px;
	position: absolute;
	top: 6px;
	width: 803px;
	cursor: default;
}
div#mirc-switchbar {
	position: relative;
	height: 497px;
	left: 0px;
	text-align: left;
	margin-left: 3px;
	top: 70px;
	width: 95px;
}
div#mirc-switchbar ul {
	color: #000000;
	font-family: MS Sans Serif;
	font-size: 10px;
	text-align: left;
  padding: 0px 18px 0px 0px;
  margin: 10px 0px 0px 0px;
	list-style-type: none;
	line-height: 18px;
}
div#mirc-switchbar li {
	color: #000000;
	font-family: MS Sans Serif;
	font-size: 10px;
	height: 18px;
	margin: 2px;
	padding: 2px 2px 2px 20px;
	text-align: left;
	width: 74px;
	cursor: default; 
	line-height: 18px;
  background-image: url(gfx/channel.ico);
  background-repeat: no-repeat;
  background-position: 2px 3px;
}
div#mirc-switchbar li.status {
  background-image: url(gfx/status.ico);
  background-repeat: no-repeat;
  background-position: 2px 3px;
}
div#mirc-switchbar li:hover {
	border-bottom: 1px solid #666666;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #666666;
	border-top: 1px solid #FFFFFF;
	margin: 2px;
	padding: 1px 1px 1px 19px;
  background-position: 1px 2px;
}
div#mirc-switchbar li.channel-active, div#mirc-switchbar li:active {
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #666666;
	margin: 2px;
	padding: 1px 1px 1px 19px;
	height: 18px;
	line-height: 18px;
	width: 74px;
  background-position: 1px 2px;
}

div#chart {
  position: absolute;
  bottom: 5px;
  left: 10px;
}
div#content {
	height: 477px;
	left: 104px;
	position: absolute;
	top: 72px;
	width: 611px;
	z-index: 10;
	padding: 3px;
	font-size: small;
	overflow: auto;
}
#content h1,h2,h3,h4,h5,h6 {
  margin: 0;
  border-bottom: 1px solid #ccc;
}
#content div.block {
  padding: 5px;
}
div#mirc-nicklist {
	height: 483px;
	left: 723px;
	position: absolute;
	top: 72px;
	width: 132px;
	font-family: Tahoma, monospace;
	font-size: 12px;
	overflow: auto;
}
div#mirc-nicklist a {
  font-weight: 900;
}
div#editbox {
	color: #AAA;
	font-family: Tahoma, monospace;
	font-size: 11px;
	height: 17px;
	left: 104px;
	position: absolute;
	text-align: center;
	top: 560px;
	vertical-align: middle;
	width: 751px;
}

div#content fieldset {
  border-top: 1px solid #ccc;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  font-size: small;
}
div#content legend#header {
  font-size: x-large;
}
div#content legend {
  font-size: large;
}
div#content ul {
  margin-left: 0;
  padding-left: 10px;
  list-style-type: none;
}
div#content li {
  padding-left: 18px;
  background-image: url(./gfx/query.ico);
  background-repeat: no-repeat;
  background-position: 0 2px;
  height: 20px;
  line-height: 20px;
}
ul.horizon {
  margin-top: 2px;
}
ul.horizon li {
  display: inline;
  padding-top: 1px;
  padding-right: 15px;
}
ul.reg {
  list-style-type: square;
}

div#validation {
  position: absolute;
  font-size: xx-small;
  top: 580px;
  left: 0px;
  color: #777;
}
div#timer {
  position: absolute;
  font-size: xx-small;
  top: 580px;
  right: 0px;
  color: #777;
}

.background {
	background: #808080;
	font-family: "Courier New", monospace;
	font-size: 12px;
}
table#files{
  width:100%;
}
th.filename,th.name{
  width: 60%;
}
th.size{
  width: 15%;
}
th.modified,th.mtime{
  width: 25%;
  text-align: center;
}
td.filename,td.name{
  padding-left: 3px;
}
td.filename a, td.name a {
  display: block;
}
td.size{
  text-align: right;
  padding-right: 10px;
}
td.modified,td.mtime{
  text-align: center;
}
tfoot{
  text-align: center;
}
tr.list_even{
  background: #f6f6f6;
  color: #303030;
}
tr.list_odd{
  background: #f2f2f2;
  color: #303030;
}
tr.list_odd:hover, tr.list_even:hover{
  background: #d3d3d3;
  color: #000;
}
pre#linenum {
  position: absolute;
  top: 70px;
  left: 3px;
  width: 20px;
  padding-right: 5px;
  color: #BBB;
  text-align: right;
  display: block;
}
pre#snippet {
  position: absolute;
  top: 70px;
  left: 27px;
}
pre.code {
  border: 1px solid #CCC;
  padding: 5px;
}
p#tmp {
  position: absolute;
  top: 150px;
  left: 100px;
  font-size: 48px;
  font-weight: 900;
  color: #ccc;
  z-index: 20;
}
input {
	border-bottom: 1px solid #666666;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #666666;
	border-top: 1px solid #FFFFFF;
	margin: 2px;
	padding: 1px 1px 1px 19px;
  background-position: 1px 2px;
  background-image: url(gfx/query.ico);
  background-repeat: no-repeat;
}
input:active {
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #666666;
	margin: 2px;
	padding: 1px 1px 1px 19px;
  background-position: 1px 2px;
}