/* basic */

.error {
	color:#ffff00;
	background:#ff0000;
	border:2px solid #ff8080;
	font-weight:bold;
	padding:0.2ex 0.5em;
}

.hidden {
	display:none;
}

.tight {
	padding:0px;
	margin:0px;
}

.normal {
	margin:5px 10px;
	border:0px;
}

.left-nc {
	margin:5px 10px 5px 0px;
	border:0px;
	float:left;
}

.left {
	margin:5px 10px 5px 0px;
	border:0px;
	float:left;
	clear:left;
}

.right-nc {
	margin:5px 0px 5px 10px;
	border:0px;
	float:right;
}

.right {
	margin:5px 0px 5px 10px;
	border:0px;
	float:right;
	clear:right;
}

.center {
	text-align:center;
}

.clear2 { /* called this way because .clear caused problems in IE */
	clear:both;
	/* for IE5, works only partially */
	height:0px;
	font-size:0px;
}

.clearleft {
	clear:left;
	height:0px;
}

.clearright {
	clear:right;
	height:0px;
}

.box {
	border:1px solid #c0c0c0;
	/* no vertical padding here, as there's enough margin in <p> */
	padding:0pt 12pt;
	margin:12pt 0px;
}

.table {
	margin:10px 0px;
	font-size:10pt; /* for IE5(.5) */
}

.table td, .table th {
	padding:0px 8px;
	vertical-align:top;
}

/* content */

p {
	margin:2ex 0em;
	padding:0px;
}

hr {
	border:none;
	border-top:1px solid #c0c0c0;
	height:0px;
}

.fancy {
	color:#ff9900;
	font-weight:bold;
}

big {
	font-size:larger;
}

/* quiz */

.quiz1 {
	border:1px solid #808080;
	padding:10px 20px;
}

.quiz-question {
	background:#f0f0f0;
	margin:5px 0px;
	padding:5px 10px;
	font-weight:bold;
}

.quiz-answer {
	margin-left:20px;
	font-weight:normal;
}

table.hs {
	text-align:left;
}

/* guestbook */

.gb-navigation {
	border-top:1px solid #808080;
	margin-top:5px;
	padding-top:5px;
	color:#c0c0c0;
	text-align:center;
}

.gb-thanks {
	border:3px solid #ff9900;
	padding:1ex 1em;
}

.gb-admin {
	font-size:smaller;
}

/* edit pages */

a.edit, a.edit:hover {
	text-decoration:underline;
}

a.editnoul {
	text-decoration:none;
}

.panel {
	font-size:smaller;
	height:21px;
}
.panel a {
	display:block;
	float:left;
	border:1px solid white;
	text-decoration:none;
	padding:2px 2px 0px 2px;
}
.panel a:hover {
	border:1px solid #c0c0c0;
	background:#f0f0f0;
	text-decoration:none;
}
.panel a img {
	border:0px;
}

.filelist {
	background:#f0f0f0;
}
.filelist td, .filelist th {
	padding:0px 8px;
	text-align:left;
}
.filelist .odd { background:#e0e0e0; }
.filelist .highlight { background:#f8f880; }
.filelist img {
	vertical-align:middle;
}
.fileform {
	padding:4px 8px;
	margin:1em 0em;
	border:1px solid #e0e0e0;
	background:#f8f8f8;
}
.fileerror {
	font-weight:bold;
	color:#ff0000;
	border:2px #ff0000 solid;
	padding:4px 12px;
}
.fileerror b {
	color:#0000ff;
}

table.edit {
	margin:10px 0px;
}
table.edit td {
	padding:0px 8px;
}

.edit li {
	margin:0px;
}

/* shout box */

.sb-title {
	margin:14pt 0pt 0pt 0pt;
}

.sb-table {
	border:0px;
	border-collapse:collapse;
	font-size:8pt;
	width:160px;
	color:#606060;
}

.sb-table td {
	border:1px solid #606060;
	padding:0px;
}

.sb-box {
	overflow:hidden;
	width:158px;
}

.sb-box p {
	margin:0px 1px;
	font-size:8pt;
}

.sb-box p b {
	color:blue;
}

.sb-box h6 {
	font-style:italic;
	padding:0px 1px;
	margin:0px;
	font-size:8pt;
	font-weight:normal;
	background:#f0b60a; /* #606060 with 10% opacity */
	text-align:right;
}

.sb-input {
	border:0px;
	background:#ffc000;
	width:96%; /* avoid drawing bug in IE */
	height:8pt;
	font-size:8pt;
	color:#000000;
}

.sb-input-light {
	border:0px;
	background:#ffc000;
	width:96%;
	height:8pt;
	font-size:8pt;
	color:#808080;
	font-style:italic;
}

.sb-message {
	font-size:9pt;
}

/* search */

.searchlist {
	margin:4ex 0px;
	padding:0px 1em;
	background:#f0f0f0;
}

.searchitem {
	margin:2ex 0px;
}

.searchtitle {
	font-size:larger;
	font-weight:bold;
}

.searchpreview {
	margin-left:4em;
}

.searchpreview b {
	color:black;
}

/* tooltip */

.tooltip {
	position: absolute;
	z-index: 1000;
	white-space: nowrap;

	font-size:10px;
	height:12px;
	background:#ffff80;
	padding:2px 4px;
	border:1px solid #404040;
	color:#404040;
}

.tooltip div {
	width:11px;
	height:6px;
	background:url(img/tooltip.gif) no-repeat;
	position: absolute;
	font-size:0;
	left:3px;
	top:16px;
}

.rhandle {
	width:50px;
	height:20px;
	background:url(img/rhandle.gif) no-repeat;
	font-size:0;
}