/*
 * Pathfinder Forums
 *
 * Developed by Phaistos Networks S.A.
 *
 * [c] 1997-2006 
 *
---------------------------------------------------------- */
@import url( "rte.css" );

body {
	color: #222;
	margin: 8px 15px;
	background: #fff;
	text-align: center;
	}	
body, table, input, select 	{ font: normal 13px/1.5em Arial, serif; }
input, select 			{ line-height: normal; /* This is needed  */ }
img		{ border: none;	}
form	{ margin: 0;	}
a		{
	color: #2251A6;
	text-decoration: none;
	cursor: pointer;
	}
.foo 	{ color: #2251A6!important; }
a:hover { text-decoration: underline;}
sup 	{  /* Tips */
	padding: 2px 3px;
	margin: 0 2px;
	font-weight: bold;
	overflow: auto;
	font-size: 8px;
	font-family: verdana, serif;
	color: #6F6F6F;
	background: #FFFFCA;
	line-height: 1em;
	}
* html sup {
	height: 1%;
	}
hr { display: none; }

#ticker-content p a:visited,
.box table tr a:visited {
	color: #551A8B;
	}

/* Wrappers
---------------------------------------------------------- */
#wrapper		{
	text-align: left;
	margin: auto;
	}
#wrapper.narrow { width: 960px; }

/* Content sections
---------------------------------------------------------- */
#side 		{
	float: left;
	width: 200px;
	}
#main		{ margin-left: 220px;}
#content	{
	clear: both;
	padding-top: 10px;
	}	

/* Global colors
---------------------------------------------------------- */
#header, 
.box .header,
#wrapper .tabs li.active a,
.box .footer				{ background-color: #EEF3EA; }
#wrapper .tabs li.active a	{ border-bottom: 1px solid #EEF3EA!important;}

#wrapper .box,
#wrapper #header,
#wrapper .tabs li.active a  { border-color: #ABC0A1; }

/* Browse table
---------------------------------------------------------- */
table.browse td {
	text-align: left;
	width: 50%;
	font-weight: bold;
	}

/* Forms
---------------------------------------------------------- */
form table				 { width: 100%;}
.box form table tr th,
.box form table tr td	{
	text-align: left;
	padding: 10px 8px;
	background: transparent url("img/dots.gif") repeat-x bottom left;
	vertical-align: top;
	}
.box form table tr th {
	width: 1%;
	white-space: nowrap;
	text-align: right;
	}
.box form table tr td { 
	text-align: left;
	width: auto;
	white-space: normal!important;
	}

form tbody td input,
.spellchecker-overlay,
form tbody td textarea {
	padding: 4px;
	width: 100%;
	}
.box form td input,
.box form td textarea,
.spellchecker-overlay {
	max-width: 100%;
	}
form tbody td input.checkbox {
	width: auto;
	}
* html form tbody td input,
* html form tbody td textarea {
	width: 99%; /* IE */
	}	
form tbody td textarea {
	}
.box form table tfoot td,
.box form table tfoot th {
	text-align: left;
	border: none;
	padding-top: 25px;
	background-image: none;
	}
.box form table td {
	white-space: normal;
	}	
input[type="text"]:focus,
textarea:focus {
	background-color: #FFFFEF;
	}
select {
	padding: 1px;
	}	
	
/* Header - seperator (global) */	
#wrapper table tr.header td {
	background-color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 22px 0 12px 8px;
	color :#F59814;
	text-align: left;
	}
form table td p {
	margin: 2px 0;
	color: #6F6F6F;
	}
form table input.title,
.spellchecker-overlay {

	font: normal 13px Arial Arial, Helvetica, sans-serif;
	border: 1px solid #bbb;
	border-color: #6f6f6f #ccc #ccc #ccc;
	padding: 3px;
	background-color: #FAFAFA;
	outline: none;
	vertical-align: middle;
	
	color: green;
	/*	
	font-size: 14px;
	font-family: "Courier New", Courier, monospace;
	line-height: 100%!important;
	font-weight: bold;*/
	}
input#notify {
	width: auto;
	}

/* .field 
====================================================================== */
input,
textarea,
.field			 {
	border: 1px solid #bbb;
	border-color: #6f6f6f #ccc #ccc #ccc;
	padding: 3px;
	background-color: #FAFAFA;
	outline: none;
	vertical-align: middle;
	}
textarea 	{ overflow: auto;		}
select		{ padding: 2px; 		}
.field-focus 	{  background-color: white; 	}
.field:focus 	{ background-color: white; 	}

/* Buttons	
---------------------------------------------------------- */
.button {
	border: 1px solid #000;
	border-color: #ccc #aaa #aaa #ccc;
	background-color: #f2f2f2;
	padding: 3px 10px;
	display: inline-block;
	overflow: visible;
	color: #333;
	cursor: pointer;
	outline: none;
	line-height: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	}	
.button:hover 	{ text-decoration: none; }
/* IE6 patches */
* html input.button,
* html button.button {  
	padding-top: 2px;
 	padding-bottom: 0px;
	height: 1%;
	padding-left: 9px;
	padding-right: 9px;
	 }
/* IE7 patches */
*+html input.button,
*+html button.button {  
	padding-top: 2px;
 	padding-bottom: 0px;
	padding-left: 9px;
	padding-right: 9px;
	}

/* 	Gecko browsers & Crhome add an extra 3px of left/right 
    padding to button elements which can't be overriden. 
	The following lines fox those for Gecko.
	*/
@-moz-document url-prefix() {
 	input.button,
	button.button {
	padding: 2px 7px;	
	}
}
/* Fix chrome incosistency - waiting for a css hack */
.agent-chrome input.button,
.agent-chrome button.button {
	padding: 2px 7px;
	}

body .button:active 	{ outline: none;  border-color: #aaa #ccc #ccc #aaa;}
.button:focus 			{ outline: none; }
.button-hover,
.button:hover			{ border-color: #aaa #6f6f6f #6f6f6f #aaa; } /* Optional */

.button-disabled 		{ color: #bbb; cursor: auto; }
.button:disabled 		{ color: #bbb; cursor: default; }

body .button[disabled]:active,
.button[disabled]:focus,
.button[disabled]:hover { border-color: #ccc #aaa #aaa #ccc; }

* html .button-disabled .button-hover {  border-color: #ccc #aaa #aaa #ccc; }

/* More button classes */	
.button.button-primary {
	font-weight: bold;
	}
.button.button-delete {
	background-color: #FF2020;
	color: white;
	}
.button.button-blue {
	background-color: #0063DC;
	color: white;
	}
.button.button-dark {
	background-color: #333;
	color: white;
	}
.button.bold {
	background: 	#0063DC;	
	color: #fff;
	}


/* Headers
---------------------------------------------------------- */
h2 {
	margin: 0;
	font-size: 17px;
	}
h5 {
	margin: 4px 0 0 0;
	font-weight: normal;
	font-size: 13px;
	color: #6f6f6f;
	}		

/* Header
---------------------------------------------------------- */
#top {
	padding: 0 0 10px 0;
	line-height: 100%;
	position: relative;
	}
#top.betaCountDown {
	margin-top: 105px;
}
* html body #top {
	height: 1%;
	}	
#top #user {
	float: right;
	position: absolute;
	right: 0;
	bottom: 15px;
	width: auto;
	}	
#top span {
	color: #999;
	}

/* Header
---------------------------------------------------------- */
#header {
	border-width: 1px;
	border-style: solid;
	overflow: auto;
	}
* html #header {
	height: 1%;
	}	
#header p {
	margin: 0;
	line-height: 1.5em;
	padding: 13px 10px 9px;
	overflow: hidden;
	height: 1em;
	}	
#header .right {
	padding: 10px;
	float: right;
	width: auto;
	background: #E2EADB;
	position: relative;
	padding-right: 80px;
	}

.text {
	border: 1px solid #bbb;
	border-color: #6f6f6f #ccc #ccc #ccc;
	padding: 3px;
	background-color: #FAFAFA;
	outline: none;
	vertical-align: middle;
	color: #808080;
	width: 12em;
	padding-left: 22px;
	margin: 0;
	background: #fff url("img/search.gif") no-repeat 3px 50%;
	}		
#header form .button {

	}
#header #advanced-search {
	font-size: 10px;
	line-height: 12px;
	position: absolute;
	right: 10px;
	outline: none;
	top: 12px;
	}
#header #advanced-search:active:focus,
#header #advanced-search:focus { outline: none; }
#header form  br {}	
#header #advanced-form {
	clear: both;
	text-align: right;
	padding: 8px 10px;
	background: #E2EADB;
	}		
* html #header #advanced-form {
	height: 1%; /* IE */
	overflow: hidden;
	}	
#header #advanced-form input {
	margin:  1px 5px 1px 10px;
	}
	
/* Footer
---------------------------------------------------------- */	
#footer {
	margin-top: 30px;
	text-align: center;
	padding-top: 10px;
	border-top: 1px solid #A2BB92;
	line-height: 2em;
	color: #888;
	clear: both;
	}

/* Box
---------------------------------------------------------- */
.box {
	border: 1px solid #A2BBDD;
	margin: 20px 0px;
	}
* html .box,
* html .box .right,
* html .footer  { 
	height: 1%; /* IE */
	}
.box .header,
.box .body,
.box .footer {
	text-align: left;
	padding: 10px 15px; 
	}	
.box .body  { padding: 10px 15px;}

/* Global right container */
.box .right {
	float: right;
	text-align: right;
	width: auto;
	}
.box .header p,
.box .footer p {
	margin: 5px 0;
	}

/* Box arrow 
---------------------------------------------------------- */
#side .box ul,
#side .box li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#side .box li {
	margin: 5px 0;
	padding-left: 10px;
	background: url("img/arrow.gif") no-repeat center left;
	}

/* Box-featured
---------------------------------------------------------- */
#box-featured .header {
	background-image: url("img/featured.gif");
	background-position: 15px 50%;
	background-repeat: no-repeat;
	padding-left: 35px;
	}
#box-featured .body p {
	color: #6f6f6f;
	margin: 2px 0;
	}
		

/* Box-status
---------------------------------------------------------- */
#box-status-avatar {
	text-align: center;
	margin: 0;
	color: #6f6f6f;
	}
#box-status-avatar img {
	padding: 7px;
	border: 1px solid #EEF3EA;
	background: #fff;
	}

/* Box-msg
---------------------------------------------------------- */
#box-msg p,
.box-msg p		{ margin: 0 0 1.3em 0; }
#box-msg blockquote,
.box-msg blockquote	{
	padding-left: 10px;
	margin-left: 20px;
	color: #6f6f6f;
	border-left: 5px solid #eee;
	}
#box-msg .header .right,
.box-msg .header .right	{
	padding-right: 55px;
	position: relative;
	color: #6f6f6f;
	line-height: 1em;
	}
#box-msg .header .right span,
.box-msg .header .right span {
	display: block;
	margin-top: 8px;
	font-size: 11px;
	line-height: 1.2em;
	}
		
#box-msg #avatar,
.box-msg #avatar,
.box-msg .avatar { /* Avatar */
	position: absolute;
	top: 0;
	right: 0;
	height: 48px;
	width: 48px;
	}
#box-msg div.footer,
.box-msg div.footer {
	clear: both;
	overflow: visible!important;
	}
* html #box-msg div.footer { height: 1%; /* IE */ }
* html .box-msg div.footer { height: 1%; /* IE */ }
#box-msg .footer .right,
.box-msg .footer .right {
	position: relative;
	z-index: 9999;
	}	
#box-msg .footer button,
.box-msg .footer button {
	padding: 3px 12px;
	font-weight: bold;
	}
#box-msg .body a,
.box-msg .body a {
	font-weight: bold;
	border-bottom: 1px dotted #2251A6;
	}
#box-msg .body a:hover,
.box-msg .body a:hover {
	border-bottom: none;
	}
#box-msg .body li,
.box-msg .body li {
	margin: 10px 0;
	}

/* Box-post
---------------------------------------------------------- */
#box-post .footer,
.box-post .footer {
	font-size: 11px;
	line-height: 1.5em;
	}
#box-post .footer p,
.box-post .footer p {
	background: url("img/disclaimer.gif") no-repeat top left;
	text-indent: 20px;
	}
	
/* Box-send
---------------------------------------------------------- */




/* Box-thread
---------------------------------------------------------- */
#box-thread .body {
	padding-top: 10px;
	padding-bottom: 20px;
	}
#box-thread .body tbody td,
#box-thread .body tbody th {
	padding: 0 4px 0;
	margin: 6px;
	background-image: none;
	line-height: 1.5em;
	font-size: 11px;
	color: #6f6f6f;
	}
#box-thread .body tbody th {
	overflow: hidden;
	width: auto;
	font-size: 12px;
	}
#box-thread .body tbody th img {
	float: left;
	margin-right: 2px;
	}
#box-thread .body tbody tr.selected th,
#box-thread .body tbody tr.selected td {
	background: #FFFDE3;
	/*border-top: 1px solid #eee; */
	border-bottom: 1px solid #eee;
	}
#box-thread .body tbody tr.parent th, 
#box-thread .body tbody tr.parent td {
	border-top: 1px solid #eee;
	background: #FFFEF0;
	}
#box-thread .body th span {
	overflow: hidden;
	color: #222;
	}
#box-thread .body th p {
	font-size: 11px;
	color: #6f6f6f;
	margin: 1px 0 4px 0;
	line-height: 1em;
	overflow: hidden;
	}	
.thread-nav a {
	padding: 4px 8px;
	border: 1px solid #CCCCCC;
	}
#box-thread .body tr:hover {
	background: #F7F7F7;
	}

/* Box-note
---------------------------------------------------------- */
#wrapper #box-note {
	border-color: #ccc;
	background: #fff;

	color: #6F6F6F;
	}
#wrapper #box-note .header {
	background: #eee;
	}
#wrapper #box-note .body {
	font-size: 12px;
	line-height: 1.5em;		
	}	
	
/* Box tables
---------------------------------------------------------- */
.box table			{ width: 100%;	}
.box table thead *	{ border-color: #ccc;}
.box td,
.box th {
	padding: 8px;
	background: transparent url("img/dots.gif") repeat-x bottom left;
	text-align: left;
	font-weight: normal;
	}

.box td {
	text-align: right;
	width: 1%;
	white-space: nowrap;
	}
.box th p,
.box td p {
	margin: 3px 0 0 0;
	line-height: normal;
	font-size: 12px;
	color: #6F6F6F;
	font-weight: normal;
	position: relative;
	}	
.box thead th,
.box thead td {
	font-weight: bold;
	}	

table thead tr .sort {
	border-top: 2px solid #ddd;
	}

table thead tr .sort a {
	padding-right: 15px;
	background: url("img/sort-down.gif") no-repeat 100% 8px;
	display: block;
	}
#wrapper table .sort {
	background-color: #F9F9F9!important;
	}	

table tr em {
	font-style: normal;
	background: #FFFFCA;
	padding: 1px 2px;
	}


/* Box-categories
---------------------------------------------------------- */		
#box-categories table th {
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	}
#box-categories small {
	display: block;
	margin-top: 3px;
	font-size: 12px;
	font-weight: normal;
	font-family: arial, Verdana, Arial, Helvetica, sans-serif;
	}

#box-categories table tr a:visited {
	color: #2251A6;
	}	

/* Tabs
---------------------------------------------------------- */
.tabs {
	margin-top: 20px;
	padding: 0 15px;
	position: relative;
	top: 1px;
	overflow: auto;
	}
* html .tabs { height: 1%; /* IE */ }
.tabs ol,
.tabs li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.tabs li	{ float: left;	}	
.tabs li a	{
	display: block;
	padding: 6px 12px;
	margin-right: 5px;
	float: left;
	font-weight: bold;
	text-decoration: none;
	}
* html .tabs li a {	 height: 1%; /* IE */ }
.tabs li.active a {
	border: 1px solid #fff;
	padding: 5px 11px 5px 11px;
	color: #333;
	}	
#wrapper .tabs #tab-post a,
a.reply-link	 {
	background-image: url("img/pencil.gif");
	background-repeat: no-repeat;
	background-position: 8px 50%;
	padding-left: 35px !important;
	color: green;
	}
	
/* Toggler
---------------------------------------------------------- */
a.toggler {
	padding: 0px 0px 0px 8px!important;
	border: 1px solid #EEF3EA;
	display: block;
	line-height: 100%;
	float: left;
		position: relative;
	margin-top: -4px;
	}
* html a.toggler {
	overflow: hidden;
	height: 22px;
	margin: 0;

	}

a.toggler.hover {
	border-color: #ccc;
	}
a.toggler.hover img {
	background-color: #F9FBF7;
	border-left: 1px solid #ddd!important;

	}
	

a.toggler span {
	line-height: 1em;
	padding-top: 5px;

	float: left;
	display: block;
	
	}
a.toggler img {
	width: 5px!important;
	height: 3px!important;
	padding: 10px 5px;
	border: none;
	overflow: hidden;
	margin-left: 5px;
	border-left: 1px solid #EEF3EA;
	}
/* Options */
#options,
.options {
	border: 1px solid #ccc;
	background: #F9FBF7;
	position: absolute;
	display: block;
	z-index: 999999;
	margin: 0;
	padding: 5px 0;
	list-style-type: none;
	float: left;
	white-space: nowrap;
	font-size: 11px;
	}
* html #options {  height: 1%; /* IE */}	
* html .options {  height: 1%; /* IE */}	
#options li,
.options li {
	padding: 5px 10px 5px 20px;
	line-height: 1.2em;
	margin: 0;
	list-style-type: none;
	text-align: left;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	}
#options li.option-print { background-image: url("img/options/print.gif");	}
#options li.option-report { background-image: url("img/options/report.gif");	}
#options li.option-ignore { background-image: url("img/options/ignore.gif");	}

.options li.option-print { background-image: url("img/options/print.gif");	}
.options li.option-report { background-image: url("img/options/report.gif");	}
.options li.option-ignore { background-image: url("img/options/ignore.gif");	}
	
/* Misc and minor
---------------------------------------------------------- */
.ignored	{ color:#ccc;	}
.shortcuts	{	
	margin: 0;
	text-align: center;
	color: #777;
	}	
.shortcuts .foo { font-size: 11px; }
.shortcuts span {
	display: inline;
	}	
	
#wrapper table .last,
#wrapper table .last td, 
#wrapper table .last th  {
	border-bottom: none;
	background-image: none;
	}
.no-margin {
	margin-top: 0!important;
	}	
.signature {
	clear: both;
	margin-top: 20px;
	color: 	#6F6F6F;
	border-left: 3px solid #ddd;
	padding: 5px 0px 5px 10px;
	}
.signature small {
	font-size: 11px;
	}
.banner  {
	margin: 10px 0;
	text-align: center;
	}	
form input.acceptable {
	color: #222!important;
	}	
.no-full {
	width: auto!important;
	}
table tr.new * {
	font-weight: bold;
	}
ul li.rss	{
	margin-top: 10px!important;
	border-top: 1px solid #eee;
	padding-top: 10px!important;
	background: none;
	padding-left: 0;
	background-position: 0 16px!important;
	}
.rss img {
	float: left;
	position: relative;
	top: 2px;
	margin-right: 5px;
	}	
#rss	{
	text-align: center;
	border-top: none;
	margin: 10px 0 5px;
	padding: 0;
	}
#rss img	{
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-right: 5px;
	}
/* Tooltip
---------------------------------------------------------- */		
div.tooltip {
	position: absolute;
	padding: 5px;
	background: #8AB1D7;
	border: 3px solid #C5D8EB;
	width: 400px;
	color: #fff;
	text-align: left;
	font-size: 11px;
	line-height: 1.2em;
	z-index: 999;
	}
div.tooltip br  {
	line-height: 0.8em
	}
img.tooltip {
	position: relative;
	top: 2px;
	float: none;
	cursor:help;
	}

	
	
/* Pages
---------------------------------------------------------- */		
.pages {
	float: right;
	overflow: auto;
	}
.pages a,
.pages span  {
    display: block;
    float: left;
    padding: 4px 6px;
	line-height: 100%;
    margin-right: 0.1em;
    border: 1px solid #ccc;
    background: #fff;
	font-size: 13px;
	}	
.pages span.active {
    font-weight: bold;
    background: #ABC0A1;
    color: #fff;
	border-color: #999;
	}	
.pages a:hover {
	text-decoration: none;
	border-color: #999;
	}	

	
/* RTE
---------------------------------------------------------- */	
/* container */
.rte 			{ width: 100%;}	 
.rte iframe		{ border: 2px inset #eee; }
	
/* toolbar */
.rte div.toolbar {
	background: #EBEBEB;
	margin-bottom: 5px;
	height: 26px;
	padding: 1px 0;
	line-height: 0px;
	width: 100%;
	border: 2px solid #eee;
	z-index: 1;
	}
* html .rte div.toolbar { height: 1%; /* IE */ }	
.rte div.toolbar span {
	float: left;
	border: 1px solid #eee;
	margin: 0px 1px 0px;
	z-index: 2;
	}	
.rte div.toolbar select { margin-top: 3px;}	
.rte div.toolbar img {
	padding: 3px;
	width: 18px;
	height: 18px;
	line-height: 0px;
	}	
.rte div.toolbar span.hover {
	border-color: #ccc!important;
	}
.rte div.toolbar span.down {
	border-color: #ccc #fff #fff #ccc!important;
	}	
.rte div.toolbar span.selected {
	background: #FFFFFF;
	border-color: #ccc #E8F1FF #E8F1FF #ccc!important;
	}
.rte div.toolbar .popup-handler {
	border-left: 1px solid #C3D9FF;
	}
.rte div.toolbar .hover .popup-handler {
	border-left: 1px solid #9DAECD;
	}
.rte-picker {
	position: absolute;
	width: auto;
	padding: 10px;
	background: #E8F1FF;
	border: 1px solid #9DAECD;
	border-top: none;
	z-index: 0;
	}		
.rte-picker table {
	border: none;
	width: auto;
	border: 2px solid #fff;
	height: 1%;
	background: #fff;
	}
.rte-picker table td {
	margin: 0;
	padding:5px;
	border:0;
	overflow: hidden;	
	font-size: 0;
	line-height: 0px;
	border: 2px solid #fff;
	}	
.rte-picker td.selected {
	border-color : #3E5379;
	}
.rte-spellcheck-popup {
	text-align: left!important;
	border: 1px solid #444;
	position: absolute;
	background: #fff;
	list-style: none;
	margin:0;
	padding: 0;
	font: normal 11px verdana, serif;
	color: #333;
	float: left;
	width: 160px;
	}
.rte-spellcheck-popup li {
	list-style-type: none;
	margin:0;
	display: block;
	padding: 3px 20px 3px 10px;
	color: #333;
	text-decoration: none;
	cursor: pointer;		
	}
* html 	.rte-spellcheck-popup  li { height: 1%; /* IE */ }
.rte-spellcheck-popup li.hover {
	background: #336ECA;
	color: #fff;
	}	


/* Spellchecker
---------------------------------------------------------- */	
.spellchecker-gui {
	width: auto!important;
	}

.spellchecker-toggler {
	background: none!important;
	position: relative!important;
	}
.spellchecker-gui input {
	width: auto;
	margin: 0;
	margin-right: 5px;
	}
form div.spellchecker-overlay {
	background: #eee;
	color: #333;
	border: 2px inset #ccc;
	height: auto!important;
	width: auto!important;
	}
div.spellchecker-gui {
	font-size: 11px!important;
	margin-top: -7px;
	color: #777;
	position: relative;
	white-space: normal;
	}
.spellchecker-gui span {
	position: absolute;
	right: 0;
	top: 0;
	}
* html .spellchecker-gui span {height: 1%; /* IE */ }
.spellchecker-gui span			{ color: red; background: #fff; font-size: 11px; position: absolute; right: 0px;}
.spellchecker-gui span.noerrors  {color: green; }	



	
.spellchecker-popup {
	border: 1px solid #444;
	position: absolute;
	background: #fff;
	list-style: none;
	margin:0;
	padding: 0;
	font: normal 11px verdana, serif;
	color: #333;
	float: left;
	width: 160px;
	z-index: 9999;
	}
.spellchecker-popup  li {
	list-style-type: none;
	margin:0;
	display: block;
	padding: 3px 20px 3px 10px;
	color: #333;
	text-decoration: none;
	cursor: pointer;		
	}
* html 	.spellchecker-popup  li { height: 1%; }

.spellchecker-popup li.edit {
	border-top: 1px solid #555;
	font-style: italic;
	}		
.spellchecker-popup li.nosuggestions {
	color: #777;
	}	
.spellchecker-popup li.hover {
	background: #336ECA;
	color: #fff;
	}		

.spellchecker-word {
	color: red;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
	}	
.spellchecker-word.corrected { color: green;	}		
	
	
/* Autocomplete
---------------------------------------------------------- */	
.autocomplete {
	background: #fff;
	border: 1px solid #ddd;
	list-style-type: none;
	z-index: 999;
	margin: 0;
	padding: 0;
	text-align:left;
	}
.autocomplete li {
	margin: 0;
	padding: 1px 5px;
	cursor: pointer;
	position: relative;
	display: block;
	list-style-type: none;
	}
* html .autocomplete li { height: 1%; /* IE */ }	
.autocomplete li.autocomplete-highlight {
	background: #3366CC;
	color: #fff;
	}	
.autocomplete li span {
	font-size: 11px;
	position: absolute;
	left: 100%;
	margin-left: 2px;
	color: #333;
	top: 1px;
	width: 80px;
	padding: 15px;
	background: #FFFFD3;
	border: 1px solid #ccc;
	display:block;
	visibility: hidden;

	}	
.autocomplete li.autocomplete-highlight span {
	visibility: visible;
	}
		
	
.autocomplete-input {
	width: 20em;
	padding: 5px;
	padding-right: 20px;
	background: transparent url("http://c.pathfinder.gr/img/icons/loading.gif") no-repeat 100% 7px;
	}
.autocomplete-input.loading {
	background-position: 100% -13px;
	}	

	
/* Rater
---------------------------------------------------------- */		
#rater {
	float: left;
	margin-left: 5px;
	padding-top: 1px;
	}
.rater-my	{ display: inline; }
#rater p 		{ display: none;}
.rater-my p		{ display: none; }
.rater-avg img {
	padding: 1px;
	position: relative;
	top: 2px;
	}	

/* Errors
------------------------------------------------------ */			
div.error {
	padding: 5px 20px;
	border: 1px solid #EBEFC2;
	border-width: 1px 1px;
	font-size: 13px;
	color: #111;
	}
div.error h2 {
	background: url("error.gif") no-repeat left center;
	color: #CD4224;
	font-size: 19px;
	font-weight: normal;
	text-align: left;
	margin: 0;
	padding: 10px 0;
	padding-left: 25px;
	}
div.error.noborder {
	border: none;
	}
.star {
	cursor: pointer;
	float: left;
	margin-right: 5px;
	margin-top: 1px;
	}
/* AutoSave
---------------------------------------------------------- */
#autosave {
	color: #6f6f6f;
	}
#autosave-notice {
	float: right;
	margin: 0!important;
	color: #6f6f6f;
	}


/* Quotes [QUOTE(=bah)?]
---------------------------------------------------------- */
fieldset.quote {
	margin: 10px;
	padding: 0;
	border: 1px solid #999;
	border-color: #3C3C3C #C1C1C1 #C1C1C1 #3C3C3C;
	position: relative;
	}
fieldset.quote,
* html fieldset.quote .quote-content {	background: #F9FAF9;}
fieldset.quote legend {
	padding: 0 10px;
	margin: 0 10px;	
	}
.quote-content  		{	
	padding: 10px 10px;	
	color: #111;
	}
* html fieldset.quote 		{ background: transparent;}	
* html fieldset .quote-content  {
	background: #ddd;
	padding-top: 20px;
	color: #333;
	}
* html fieldset.quote legend 	{ position: absolute; }
* html .quote-content 		{ margin-top: 7px; }

/* Ticker
---------------------------------------------------------- */
#ticker-container {
	padding: 2px;
	font-size: 11px!important;
	line-height: normal!important;
	border: 1px solid #B4C8DC;
	margin: 10px auto 0;
	text-align: left;
	}
#ticker-container-inner {
	height: 18px;
	position: relative;
	background: #F0F5FB;
	overflow: hidden; 
	}
#ticker-label {
	cursor: pointer;
	float: left;
	padding: 2px 5px;
	background: #6592BE;
	color: #fff;
	}
#ticker-content {
	position: absolute;
	top:	0;
	left: 9.5em;
	color: #6f6f6f;
	}
#ticker-content span {
	color: green;
	}
#ticker-content p {
	padding: 2px 10px!important;
	line-height: normal!important;
	margin: 0!important;
	}	

.inlineimg { vertical-align: middle; }
.smallfont {
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
img.av {
	margin-right: 5px;
	position: relative;
	padding: 1px;
	border: 1px solid #e5e5e5;
/* 	top: 5px; 
	left: 0;
*/
	float: left;
}

/* Msgs
---------------------------------------------------------- */
.msg {
	border-top: 1px solid #DDDDDD;
	padding: 2px 7px;
	background:  #FFFFDD url("img/msg-ok.gif") no-repeat 5px 50%;
	padding-left: 50px;
	color: green;
	font-weight: bold;
	margin-bottom: 15px;
	}

.infomsg {
	padding: 10px 15px;
	background: #ffffff url("img/msg-ok.gif") no-repeat 5px 5px;
	padding-left: 50px;
	color: green;
	margin-bottom: 15px;
	}




.msg.error {
	background:  #FFFFCC url("img/msg-error.gif") no-repeat 10px 50%;	
	color: #cc0000;
	}

/* list mode
---------------------------------------------------------- */
.hidden { display: none; }
table.multi-form th,
table.multi-form td{
	border: none!important;
	padding: 10px !important;
	background: transparent url("img/dots.gif") repeat-x bottom left !important;
	vertical-align: top !important;
	line-height: normal !important;
	overflow: visible !important;
	color: #000 !important;
	font-size: 13px !important;
	}
table.multi-form th	{ text-align: right; }

table.multi-form tfoot th,
table.multi-form tfoot td,
table.multi-form .last th,
table.multi-form .last td	{ 
	background-image: none !important;
	border: none !important;
	}
.reply-to	{ 
	color: #666;
	float: right !important;
	}