@charset "utf-8";


body,
div,
h1, h2, h3, 
ul, ol, li, p, 
form, input {
	margin:0;
	padding:0;
	}

.replace {
	font-size:1px;
	line-height:1.0;
	text-indent:-9999px;
	display:block;
	height:0 !important;
	border:none !important;
	overflow:hidden;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:top left;
	}

body {
	background:#fff;
	line-height:1.6;
	font-family:Helvetica, sans-serif;
	color:#666;
	font-size:12pt;
	}

a {
	text-decoration: none;
	border-bottom: 1px solid #e6e6e6;
	}

a:hover {
	background: #e6e6e6;
	}

a:active {
	position: relative;
	top: 1px;
	}

div#items ul.items>li a:visited {
	color: #ccc !important;
	}

::-moz-selection, 
::selection {
	color: #fff;
	}

ul,
li {
	list-style-type:none;
	}

ul.inline {
	display:inline;
	}

ul.inline li {
	display:inline;
	margin-right:1em;
	}

.hide {
	display:none;
	}

.clearboth {
	clear:both;
	}

.clearright {
	clear:right;
	}

.clearleft {
	clear:left;
	}

div.clearleft,
div.clearright,
div.clearboth {
	display:block;
	height:0 !important;
	width:0 !important;
	overflow:hidden;
	}



/* Layout
------------------------------------------------------------------*/
div#container {
	}

div#content {
	}

div#content h1 {
	left:0;
	top:0;
	position:fixed;
	}

div#select {
	margin-bottom:20px;
	}

div#items {
	margin: 0 240px 0 140px;
	*margin-right:200px;
	padding-top: 60px;
	}

div#toolbar {
	width:200px;
	position: fixed;
	top: 0;
	right: 0;
	padding-top:50px;
	}

div#footer {
	clear: both;
	margin: 0 240px 0 140px;
	padding-bottom: 1em;
	}

div#about {
	position:fixed;
	left:0;
	bottom:0;
	}

div#update {
	position:fixed;
	right:0;
	top:0;
	}



/* Logo
------------------------------------------------------------------*/
div#content h1 a {
	width: 120px;
	padding-top: 50px;
	border: 1px solid #ccc;
	}

div#content h1 a:hover {
	background-color:transparent;
	}



/* Back To Top
------------------------------------------------------------------*/
p.backToTop {
	text-align: right;
	font-size: 80%;
	*padding-right: 40px;
	}



/* Switch
------------------------------------------------------------------*/
div#switch {
	margin-top: 20px;
	}

div#switch li a:hover {
	background: none;
	}

div#switch li a,
div#switch li a img {
	border: none;
	}

div#switch li img {
	width: 10px;
	height: 10px;
	}

	div#switch li.pink img {
		background: #f03daf;
		}
	div#switch li.blue img {
		background: #3191C9;
		}
	div#switch li.green img {
		background: #A5C23A;
		}
	div#switch li.mossgreen img {
		background: #0D605F;
		}
	div#switch li.darkblue img {
		background: #036;
		}
	div#switch li.red img {
		background: #F63C00;
		}
	div#switch li.gray img {
		background: #222;
		}



/* LastUpdate
------------------------------------------------------------------*/
div#update {
	background:#b2b2b2 url(../img/update_edge.gif) no-repeat left bottom;
	}

div#update p {
	font-size:12px;
	padding: 3px 4px 3px 7px;
	color:#999;
	color:#fff;
	font-size:8pt;
	line-height:1.0;
	}



/* About
------------------------------------------------------------------*/
div#about p {
	font-size:80%;
	margin: 1em 10px;
	}



/* Footer
------------------------------------------------------------------*/
div#footer {
	font-size: 80%;
	}

div#footer p {
	margin: 1em 0 0 0;
	*margin: 0;
	}

div#footer p#getFirefox {
  display: none;
	*display: block;
	line-height:1.0;
	margin-top:1.5em;
	}