html {
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: #F8FFF0 url(background.jpg) fixed;
}
#mtable {
	width: 100%;
	height: 100%;
}

p {
	margin-top: 5px;
	margin-bottom: 5px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	padding-top: 20px;
}
h3 {
	font-size: 12pt;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
table {
	margin: 0px;
	padding: 0px;
}
td {
	font-size: 8pt;
}
hr {
	color: #B0B000;
	background-color: #B0B000;
	border: none;
	height: 1px;
}

ul {
	list-style-image: url(opt_arrow.gif);
}

form {
	padding: 0px;
	margin: 0px;
	height: auto;
}
#header {
	padding: 10px;
}

.menuitem {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 8pt;
	background-color: #808000;
	background-image: url(footer_back.png);
	color: #FFFFFF;
	font-family: Verdana;
	font-weight: bold;
	border-top: 1px solid #404000;
	border-bottom: 1px solid #404000;
	border-right: 1px solid #404000;
	text-decoration: none;
}
.menuitem:hover, .menuitem_act {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 8pt;
	background-color: #E0E000;
	background-image: none;
	color: #808080;
	font-family: Verdana;
	font-weight: bold;
	border-top: 1px solid #404000;
	border-bottom: 1px solid #404000;
	border-right: 1px solid #404000;
	text-decoration: none;
}

#title {
	padding: 15px;
	font-size: 12pt;
	font-weight: bold;
}
#title a {
	text-decoration: none;
}

#date {
	font-size: 10pt;
	font-family: Verdana;
	font-weight: bold;
	color: #808080;
}

#date a		{ color: #808080; text-decoration: none; }
#date a:hover	{ color: #808000; text-decoration: underline; }

#date_joined {
	font-size: 10pt;
	font-family: Verdana;
	color: #808080;
}

#tip {
	padding: 10px;
	line-height: 1.5;
	background-color: #B0B000;
	background-image: url(tip_back.gif);
	color: #FFFFFF;
	font-size: 14pt;
	letter-spacing: 1px;
	border-left: 4px solid #808000;
	border-right: 4px solid #808000;
}

.tiptitle {
	color: #808000;
	font-size: 18pt;
	font-weight: bold;
}

#description {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	color: #808080;
	line-height: 1.5;
	background-color: #F8F8F8;
	background-image: url('content_back2.gif');
	background-position: top right;
	background-repeat: no-repeat;
	font-family: Arial, Verdana;
	font-size: 10pt;
	text-align: justify;
	border-left: 2px solid #B0B000;
	border-right: 2px solid #B0B000;
}

.content {
	padding: 10px;
	color: #808080;
	background-color: #F8F8F8;
	background-image: url('content_back1.gif');
	background-position: top right;
	background-repeat: no-repeat;
	font-family: Verdana;
	font-size: 8pt;
	border-left: 2px solid #B0B000;
	border-right: 2px solid #B0B000;
}
.content a {
	color: #808080;
	text-decoration: underline;
}
.content a:hover {
	color: #404040;
	text-decoration: none;
}

#optall {
	border-left: 1px solid #B0B0B0;
	border-right: 1px solid #B0B0B0;
	background-color: #F8F8F8;
}

#opt	{
	float: right;
	font-size: 9px;
	color: #808080;
	padding: 3px;
	font-family: Verdana;
}
#opt a {
	color: #808080;
	text-decoration: underline;
}
#opt a:hover {
	color: #404040;
	text-decoration: none;
}

#cat	{
	float: left;
	font-size: 9px;
	color: #808080;
	padding: 3px;
	font-family: Verdana;
}
#cat a {
	color: #808080;
	text-decoration: underline;
}
#cat a:hover {
	color: #404040;
	text-decoration: none;
}

.func {
	padding: 10px;
	font-family: Verdana;
	color: #808080;
	background-image: url('content_back1.gif');
	background-position: top right;
	background-repeat: no-repeat;
}
.func a {
	color: #808080;
	text-decoration: underline;
}
.func a:hover {
	color: #404040;
	text-decoration: none;
}
.func_table {
	font-family: Verdana;
	color: #808080;
}
#func_vote { margin-top: 5px; background-color: #F8F8F8; border: 1px solid #C0C0C0; display: none; }
#func_favo { margin-top: 5px; background-color: #F8F8F8; border: 1px solid #C0C0C0; display: none; }

#wordcount {
	margin: 0px;
	padding: 0px;
	color: #808080;
	background-color: #F8F8F8;
	border: 0px;
	font-size: 8pt;
	font-weight: bold;
	text-align: right;
}

.inp {
	border: 1px solid #A0A0A0;
	background-color: #FFFFFF;

}
.inp_button {
	border: 1px solid #A0A0A0;
	background-color: #F0F0F0;

}
.inp2 {
	border: 1px solid #808000;
	background-color: #FFFFFF;
	padding: 10px;
}
.inp3 {
	font-size: 8pt;
	color: #808080;
	border: 1px solid #808000;
	background-color: #FFFFFF;
}

#status_block {
	top: 40%;
	left: 30%;
	width: 400px;
	position: absolute;
	display: block;
	z-index: 100;
}
#status_ok {
	color: #008000;
	background-color: #F8FFF8;
	font-family: Verdana;
	border-left: 2px solid #008000;
	border-right: 2px solid #008000;
}
#status_nok {
	color: #800000;
	background-color: #FFF8F8;
	font-family: Verdana;
	border-left: 2px solid #800000;
	border-right: 2px solid #800000;
}
#status_nok a, #status_ok a {
	color: #808080;
	text-decoration: none;
}
#status_nok a:hover, #status_ok a:hover {
	color: #808000;
}
#status_nok_func {
	margin-top: 10px;
	padding: 2px;
	color: #F00000;
	background-color: #FFF0F0;
	border: 1px solid #F00000;
	text-align: center;
}
#status_ok_func {
	margin-top: 10px;
	padding: 2px;
	color: #008000;
	background-color: #F0FFF0;
	border: 1px solid #008000;
	text-align: center;
}

.count {
	padding: 10px;
	font-size: 12pt;
	font-weight: bold;
	color: #C0C0C0;
}

#titlepane {
	background-color: #F8FFF0;
	background-image: url(img/back_header1.gif);
	border-top: 1px solid #808000;
	border-left: 1px solid #808000;
	border-right: 1px solid #808000;
	padding: 5px;
}
#gbook_subject {
	background-color: #FFFFFF;
	border-left: 5px solid #808000;
	padding: 2px;
}

.pageblock {
	margin-top: 20px;
	padding: 5px;
	text-align: center;
}
.page {
	padding: 3px;
}
.pagenow {
	padding: 3px;
	color: #404040;
	background-color: #E0E000;
	font-weight: bold;
}

#footer {
	border-top: 1px solid #404000;
	background-color: #808000;
	background-image: url(footer_back.png);
	color: #FFFFFF;
	padding: 5px;
	font-size: 7pt;
	font-family: Verdana;
}
#footer a {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:hover {
	text-decoration: none;
}

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
	position: relative;
	text-decoration: none;
}
a.tooltip:hover {
	color: #404040;
	background: transparent;
}
a.tooltip span {
	display: 		none;
	text-decoration:	none;
	margin:			20px;
	padding:		5px;
	background-color:	#F8F8F8;
	border:			2px solid #B0B000;
}
a.tooltip:hover span {
	display:		block;
	position:		absolute;
	bottom:			0px;
	right:			-20px;
	z-index:		100;
}