/*
 * Pathfinder Stocks
 *
 * Developed by Phaistos Networks S.A.
 *
 * [c] 1997-2006 
 *
------------------------------------------------------------------------------------------- */
@import url("reset.css");
body {
	color: #000;
	background: #fff;
	text-align: center;
	margin: 8px 15px;
	}
body, table, input, select 	{ font: normal 13px/1.5em "Open Sans", Arial, serif;      }
input, select 			    { line-height: normal; /* This is needed  */ }
img		                    { border: none;	                             }
hr                          { display: none;                             }
a		                    {
	color: #2251A6;
	text-decoration: none;
	cursor: pointer;
	}
a:hover                     { text-decoration: underline;                }
strong						{ font-weight: bold; }

/* Headers
------------------------------------------------------------------------------------------- */
h2                     { font-size: 15px; }
#sidebar h3            { 
	font-size: 13px; 
	font-weight: bold;
	}
#stock-details h2 span { color: #555;     }
.box-news h3 { margin-bottom: 10px; font-weight: bold; }
.box-content h3	{
	font-size: 15px;
/*	margin-bottom: 20px;*/
	}
.box-content h3 .date,
span.date	{
	font-size: 11px;
	color: #6f6f6f;
	font-weight: normal;
	}

/* Header
------------------------------------------------------------------------------------------- */
#header              {
	position: relative;
	line-height: 100%;
	border-bottom: 1px solid #333; 
	padding: 0 0 10px 0;
	}
* html body #header { height: 1%; }	
#header #user       {
	float: right;
	font-size: 12px;
	width: auto;
	position: absolute;
	right: 0;
	bottom: 10px;
	}
#header #user li {
	border-right: 1px solid #EEEEEE;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
}
#header #user .username {
	font-weight: bold;
	border: none;
	padding: 0;
}
#header #user .last {
	border: none;
	margin: 0;
	padding: 0;
}

/* Boxes - Margins
------------------------------------------------------------------------------------------- */
.box                { border: 1px solid #aeaeae;   }
.box-header         {  
	line-height: normal;
	padding: 10px 10px; 
	background-color: #e4e4e4;
	}
.box-content        { padding: 10px; overflow: hidden;           }
.box-footer			{ 
	padding: 5px 10px;
	background-color: #e4e4e4;
	text-align: right;
	font-size: 11px;
	clear: both;
	}
.box-footer span.left	{
	color: #999;
	padding-top: 5px;
	}
.margin-top         { margin-top: 20px;            }
.margin-bottom      { margin-bottom: 20px;         }
.margin-top-bottom  { margin: 20px 0 20px 0;       }

/* Breadcrumb
------------------------------------------------------------------------------------------- */
#breadcrumb         { margin: 10px 0;            }
#breadcrumb a       { text-decoration: underline;  }
#breadcrumb a:hover { text-decoration: none;       }

/* Layout
------------------------------------------------------------------------------------------- */
#wrapper          { 
	width: 960px; 
	text-align: left; 
	margin: 0 auto; 
	}
#content          {
	min-height	: 0;
	_height		: 1%;
	 border-top: 5px solid #333333;
	 margin-top: 10px;
	}
#content:after    {
	content		: ".";
	clear		: both;
	display		: block;		
	height		: 0;
	visibility	: hidden;
	}
#sidebar          { 
	float: left; 
	width: 160px;
	margin-bottom: 20px;
	}
#main             { 
	float: right; 
	width: 770px; 
	}
	
/* Sidebar
------------------------------------------------------------------------------------------- */	
#sidebar                 { 
	border: 1px solid #333; 
	border-width: 0 0 20px 5px;
	}
#search                  { margin: 10px; }
#search form             { 
	text-align: center; 
	margin: 0; 
	padding: 0; 
	}
#search form .text       { 
	width: 134px; 
	border: 1px solid #aeaeae;
	margin-top: 10px;
	padding: 3px; 
	}
#search form .button,
.button     {
	font: bold 10px "Open Sans", verdana, serif;
	color: #4c4c4c;
	background: #e4e4e4 url("img/button.gif") repeat-x center left;
	border-width: 1px;
	border-style: solid;
	border-color:  #8c8c8c #191919 #191919 #8c8c8c;
	cursor: pointer;
	padding: 4px 10px;
	margin: 5px 0 0 0;
	}
.button:disabled 		{ color: #bbb; cursor: default;   background: none repeat scroll 0 0 #DDD!important; }


#search p                { 
	text-align: center; 
	font-size: 11px; 
	color: #999;
	line-height: 1.4em;
	margin-top: 10px;
	}
#relative-services       { 
	border-bottom: 2px solid #333; 
	padding: 10px;  
	}
#relative-services ul    { 
	list-style-type: square; 
	margin-top: 10px; 
	}
#relative-services ul li {  
	margin-bottom: 4px; 
	margin-left: 14px; 
	}
#sidebar-footer          { 
	text-align: center; 
	margin: 10px;
	}
#sidebar-footer p        { line-height: 1.3em; }
#sidebar-footer p strong { 
	font-weight: normal;
	font-size: 11px;
	color: #999; 
	margin-top: 5px; 
	}
#sidebar-footer p img    { margin-top: 5px;    }
#sidebar-footer p span   { color: #999;        }
#sidebar-footer p span, 
#sidebar-footer p strong { display: block;     }

/* Menu 
------------------------------------------------------------------------------------------- */	
#menu                         {
	font-size: 12px; 
	line-height: 100%;
	}
#menu ul                      {
	border: solid #FBF9F9;
	border-width: 1px 0px 0px 1px;
	}		
#menu li                      { display: inline; }
#menu li a                    {
	display: block;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #FBF9F9;
	background-color: #333;
	padding: 8px 0px 8px 5px;
	_height: 1%; /* IE */
	}
#menu li.tab a {
	padding-left: 10px;
	font-size: 11px;
	background: #fff !important;
	color: #333;
	}
#menu li.sub a		{ background: #eee !important; }
#menu ul li a:hover 		  { 
	color: #333; 
	background-color: #ccc; 
	}	
#menu ul .active a, 
#menu ul li.active a:hover 	  { 
	background-color: #fff; 
	color: #333; 
	}

/* Main 
------------------------------------------------------------------------------------------- */
#box-general-indicator .box-content         {
    position    : relative;
	min-height	: 0;
	_height		: 1%; 
	}
#box-general-indicator .box-content:after   {
	content		: ".";
	clear		: both;
	display		: block;		
	height		: 0;
	visibility	: hidden;
	}
#box-general-indicator .box-content p       { float: right; }
#box-general-indicator .box-content p span  { 
	display: block; 
	margin-top: 10px;     
	}
#box-general-indicator .box-content div     { 
	float: left; 
	width: 318px;       
	}
#box-general-indicator .box-header span     { 
	float: right; 
	font-size: 14px; 
	margin-top: -16px;            
	}
#box-general-indicator #general-indicator   { 
	float: none; 
	font-size: 25px;
	font-weight: bold;
	text-align:center;
	line-height: 1.2em;
	margin: 15px 0;   
	}
#box-general-indicator #general-indicator span  {
	color: #999; 
	font-size: 19px;
	}
#box-general-indicator #general-indicator .up   {
	color: green; 
	font-size: 25px;
	}
#box-general-indicator #general-indicator .down {
	color: red; 
	font-size: 25px;
	}
#box-general-indicator .box-content table       { 
	width: 100%; 
	font-size: 14px;               
	}
#box-general-indicator table tbody td          { padding: 4px 6px; }
#technical-analyses { 
	margin-top: 20px; 
	text-align: center;
	}
.general-indicator-up       { color: green;               }
.general-indicator-down     { color: red;                 }
#technical-analyses a       { text-decoration: underline; }
#technical-analyses a:hover { text-decoration: none;      }
.article-row                { 
	clear: both; 
	overflow: hidden; 
	background: url("img/dott.gif") repeat-x bottom left;
	margin-bottom: 20px; 
	padding-bottom: 10px;
	_height: 1%;  
	}
.article-row.news { 
	background: none; 
	padding-bottom: 0; 
	}
.article                    { 
	float: left; 
	width: 369px;
	margin-right: 10px; 
	overflow: hidden; 
	}
.article-row .right { margin-right: 0; }
.article h3         { 
	font-size: 14px;
	clear: both;  
	}
.article .date      { 
	font-size: 11px; 
	color: #999;
	margin-bottom: 10px;
	}
.article-body p     { 
	margin: 0; 
	padding: 0 5px 5px 110px; 
	}
.article-body p.noident     {
	padding-left: 0!important; 
}
.article-body img      { float: left;            }
.box-news ul           { list-style-type: square;}
.box-news ul li        { margin: 0px 0 5px 14px; }
#box-quotes            { margin-bottom: 20px; }
.pages   { 
	text-align: right;      
	overflow: hidden;
	_height: 1%;
	}
.pages a { 
	float: right; 
	display: block;  
	border: 1px solid #ddd; 
	margin-left: 5px; 
	padding: 4px;
	}
#quotes-table p        { 
	clear: both; 
	font-size: 11px; 
	color: #999; 
	text-align: center;  
	margin-top: 10px; 
	}
#filter-form           { 
	overflow: hidden; 
	background: url("img/dott.gif") repeat-x bottom left;
	margin-bottom: 20px; 
	padding-bottom: 10px; 
	_height: 1%;
	}
#filter-form div       { 
	float: left; 
	width: 200px;	
	_width: 250px;
	margin-left: 90px;  
	_margin-left: 45px;  
	}
.letters               { 
	clear: both; 
	overflow: hidden;
	border-bottom: 3px solid #333; 
	padding-bottom: 2px; 
	margin: 10px 0 10px 0;
	_height: 1%;
	}
ul.letters li            { 
	float: left; 
	margin-right: 2px; 
	list-style-type: none!important;
	}
.letters li a          { 
	display: block; 
	font-size: 11px; 
	color: #333; 
	padding: 2px 8px; 
	background-color: #ccc;  
	}
.letters li a:hover    { text-decoration: none; }
.letters .active a     { 
	color: #fff; 
	background-color: #333;
	}
#stock-details-graph .box-content, 
#closed-stock-details-graph .box-content  { text-align: center; }
#stock-details-graph .box-content p       { margin-top: 10px;   }
select,
.text 
	{
	margin-top: 2px;
	padding: 3px;
	color: #333;
	background-color: #F3F3F3;
	border-color: #B9B9B9 #B9B9B9 #DCDCDC;
    border-style: solid;
    border-width: 2px 1px 1px;
	vertical-align: middle;
	}
.box-news { overflow: hidden; clear: both; _height: 1%;}
.article-box-news { 
	float: left; 
	width: 460px;
} 	
#searchForm	{
	text-align: center;
	padding: 0 10px 10px;
	}	
	
	
/* Stock-details related */
#stock-details .box-content .left {
	width: 200px;
	font-size: 50px;
	text-align: center;
	float: left;
	padding-top: 20px;
	line-height: normal;
	}
#stock-details .box-content .left p {
	font-size: 15px;
	margin-top: 5px;
}
#stock-details .box-content  .right {
	width: auto;
	margin-left: 220px;
	}
	

/* Lists
------------------------------------------------------------------------------------------- */
#main ol,
#main ul {
	padding-left: 20px;
	margin-left: 20px;
	list-style-type: disc;
	}

#main li {
	list-style-type: disc;
	margin: 10px 0;
	}
	
/* Business News
------------------------------------------------------------------------------------------- */
#business-news	{
	margin-left: 0 !important;
	}	 
#business-news li	{
	/*margin-bottom: 10px;*/
	margin: 0;
	padding: 10px 20px 10px 40px;
	border: 1px solid #fff;
	border-bottom: 1px solid #eee;
	list-style: none;
	background: url("http://c.pstatic.gr/img/act/expand.gif") no-repeat 10px 14px;
	}
#business-news li.open	{ 
	background: #eee url("http://c.pstatic.gr/img/act/collapse.gif") no-repeat 10px 14px; 	
	border: 1px solid #999;
	}
#business-news li.open h4	{ font-weight: bold; }
#business-news h4 em	{
	font-size: 11px;
	color: #6f6f6f;
	}

/* Tables
------------------------------------------------------------------------------------------- */
#main table          { width: 100%;                }
#main table thead th       {  
	font-size: 15px;
	background-color: #e4e4e4; 
	padding: 10px 0 10px 10px;
	}
#main table td       { 
	text-align: left; 
	width: 1%; 
	white-space: nowrap; 
	padding: 5px 10px; 
	}
/* #main table tr.odd 				{ background-color: #f6f6f6; } */
#main table tr      			{ background: url("img/dott.gif") repeat-x bottom left; }
#main table tr.head th,
#main table tr.head td
	{
	font-weight: bold;
	}
#main table tr.no-border	{ background: none; }
#main table .left   { text-align: left; padding: 5px 10px;  }
#main table .center { text-align: center; }
#main table .right  { text-align: right;  }
#main table td.fade	{ color: #ccc; }
caption	{
	text-align: center;
	margin: 10px 0;
	font-weight: bold;
	font-size: 14px;
	}
	
#box-individual table th a { 
	font-size: 13px; 
	float: right; 
	margin: 0 10px 0 0; 
	}
#box-up-stocks                   { 
	width: 373px;
	float: left; 
	border: 1px solid #aeaeae;
	margin-bottom: 20px;
	}
#box-down-stocks                 { 
	width: 373px; 
	float: right; 
	border: 1px solid #aeaeae;
	margin-bottom: 20px;
	}
#main #box-up-stocks td,
#main #box-down-stocks td	{
	white-space: nowrap;
	width: 1%;
	}

#main #box-up-stocks th,
#main #box-down-stocks th	{
	padding: 10px 0 10px 10px;
	}
	
#box-individual  table .up, 
#box-up-stocks table .up, 
#box-down-stocks table .up       {
	font-size: 11px;  
	color: green;
	}
#box-individual table .down, 
#box-up-stocks .down, 
#box-down-stocks table .down     { 
	font-size: 11px; 
	color: red;
	}
#quotes-table                    { clear: both;                        }
#quotes-table table th           { 
	white-space: nowrap; 
	font-size: 13px; 
	text-align: center; 
	}
#quotes-table table td           { text-align: center;                 }
#box-quotes form label           { display: block;                     }
.up                { color: green;                       }
.down              { color: red;                         }

body #stock-details table td, 
body #company-details table td   { 
	width: 25%; 
	text-align: left; 
	}
#main table .last                { background: none;                    }
#box-general-indicator table .last td,
#stock-details table .last td,
#company-details table .last td  { padding-bottom: 0;                   }



/* Analysis
------------------------------------------------------------------------------------------- */	
.analysis-image	{
	text-align: center;
	margin-bottom: 20px;
	}
.analysis-image a	{
	display: block;
	}
.analysis-caption	{
	font-size: 11px;
	color: #6f6f6f;
	margin-top: 5px;
	}

/*  Markets
------------------------------------------------------------------------------------------- */	

#markets td, #markets th {
	padding: 6px 8px;
	font-weight: normal;	
	white-space: nowrap;
	text-align: right!important;
}
#markets th 			{ text-align: left!important;	}
#markets td {
	width: 1%;
	white-space: nowrap;
	text-align: right;
	

}

#markets tr.markets-up td 		{ color: green;}
#markets tr.markets-down td 	{ color: #CC3300;}
/*
#markets tr.markets-odd 		{ background: #F4FBF4;}
*/
#markets tr.markets-closed 		{ color: #6f6f6f;}
#markets td.markets-change-up span,
#markets td.markets-change-down span	{
	padding-right: 10px;
	background: url("http://sobpool.phaistosnetworks.gr/assets/icons/arrows/down-small.gif") no-repeat center right;
}
#markets td.markets-change-up 	span { background-image: url("http://sobpool.phaistosnetworks.gr/assets/icons/arrows/up-small.gif")!important;	}
#markets p 				{
	color: #999;
	font-size: 11px;
	margin: 5px 0 0;
	text-align: right;
}

#markets tr.markets-header th {
	border: 1px solid #ccc;
	border-width: 1px 0 0;
	background: #eee;
	font-weight: bold;
}



/* Generic
------------------------------------------------------------------------------------------- */	
.image   { 
	float: left; 
	margin-right: 10px;  
	}
.image p {
	background-color: #eee; 
	padding: 5px; 
	margin-top: 4px; 
	width: 348px;
	}
.clr     { 
	clear: both; 
	height: 0; 
	}
	
/* Footer
------------------------------------------------------------------------------------------- */	
#footer { 
	text-align: center;
	border-top: 1px solid #333;
	line-height: 2em;
	color: #888;
	padding-top: 10px;
	margin-top: 20px;
	}
.pages-footer {
	margin-top: 20px;
	padding-top: 10px;
	font-size: 12px;
	}
.pages-footer span.left	{
	color: #999;
	padding-top: 5px;
	}
.pclr 		{ min-height: 1px; 	}
.pclr:after 	{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
	}
	
/* Tooltip
---------------------------------------------------------- */		
div.tooltip {
	position: absolute;
	padding: 5px;
	background: #F7F7F7;
	border: 3px solid #ccc;
	width: 120px;
	color: #333;
	text-align: left;
	font-size: 11px;
	line-height: 1.5em;
	z-index: 9999999;
	}
div.tooltip br  {
	line-height: 0.8em
	}
img.tooltip {
	position: relative;
	top: 2px;
	float: none;
	cursor:help;
	}

/* Page article
------------------------------------------------------------------------------------------- */
#page-e_article p,
#page-article p { margin: 10px 0; }

/* Portfolio modifications
------------------------------------------------------------------------------------------- */
#page-portfolio #sidebar	{ display: none; }
#page-portfolio #content	{ border-top: none; }
#page-portfolio #main		{ 
	width: 100%; 
	margin-bottom: 30px;
	}

#page-portfolio .box h2      { 
	font-size: 2.8em; 
	font-weight: normal; 
	letter-spacing: -1px; 
	margin: 0 0 30px 0; 
	padding: 0; 
	}
#page-portfolio .box span.new { 
	position: absolute; 
	top: 0; left: 0; 
	display: block; 
	text-indent: -3000px;
	width: 122px; 
	height: 127px; 
	background: transparent url("img/label-new.gif") no-repeat center center; 
	}

#page-portfolio .box                { 
	position: relative; 
	color: #fff;
	background-color: #333;  
	margin-top: 10px; 
	border: none;
	}
#page-portfolio .box-header         { 
	height: 10px; 
	background: #333 url("img/top-bg.gif") no-repeat center top;   
	}
#page-portfolio .box-content        { 
	padding: 40px 496px 27px 100px;  
	_padding: 40px 496px 7px 100px; 
	}
#page-portfolio .box-footer			{ 
	height: 10px; 
	background: #333 url("img/footer-bg.gif") no-repeat center bottom;  
	}

#page-portfolio #thumbs             { 
	position: absolute; 
	top: -20px; 
	right: 28px;
	display: block;
	width: 437px; 
	height: 339px;  
	background: #333 url("img/thumbnails.gif") no-repeat center bottom;
	}
#page-portfolio .box-content p      { 
	font-size: 16px; 
	line-height: 1.8em;  
	}
#page-portfolio #more-enter         { 
	text-align: center; 
	background-color: #fff; 
	color: #6f6f6f; 
	margin-top: 15px;
	padding: 10px;   
	}
#page-portfolio #more-enter strong  { font-size: 21px; }
#page-portfolio #more-enter a       { text-decoration: underline; }
#page-portfolio #more-enter a:hover { text-decoration: none; }
#page-portfolio #more-enter span    { 
	display: block; 
	font-size: 11px; margin-top: 5px;
	}
#converter {
	margin: 4px;
	}
#converter input.text {
	padding: 3px;
	background: #F3F3F3;
	margin-top: 0;
}
#converter select {
	font-family: "Open Sans", Arial,Helvetica,sans-serif;
	font-size: 11px;
	}
#converter div {
	width: 22%;
	float: left;
	padding: 2px;
	}
#converter div label {
	display: block;
	}
acronym {
	cursor: help;
	border-bottom: 1px dotted #aaa;
	}	
#convertResult {
	font-size: 20px;
	color: green;
	text-align: center;
	padding-bottom: 20px;
	}
#convertResult span	{
	font-size: 11px;
	color: #999;
	cursor: pointer;
	font-weight: normal;
	position: relative;
	top: -3px;
	}
h2 {
	position: relative;}
h2 span {
	position: absolute; 
	top: 0; right: 0; 
	display: block; 
	padding: 2px;
	}


#main .box-content p {
	margin-top: 10px;
}
/* Pagination
---------------------------------------------------------- */
.pagination ul,
.pagination li {
	list-style: none!important;
	}

.pagination	{
	float: right;
	font-size: 12px;
	}
.overlay .pagination { float: none; }
.pagination ul	{ overflow: hidden; }
.overlay .pagination ul { margin: 0 auto; }
.pagination li	{
	float: left;
	margin: 0 5px 0 0 !important;
	vertical-align: middle;
	}
.pagination li a,
.pagination li span {
	padding: 4px 8px;
	border: 1px solid #ddd;
	display: block;
	outline: none;
	}
.pagination li a:hover,
.pagination .active span	{
	background-color: #666;
	color: #fff;
	text-decoration: none;
	}
/*.pagination .active span	{
	border-color: #fff;
	color: #6f6f6f;
	font-weight: bold;
	}*/
.pagination .inactive span {
	border: 1px solid #fff;
	color: #999;
	}
	
/* Ticker 
--------------*/
.ticker_bar {
	position: relative;
	height: 26px;
	width: 100%;
	overflow: hidden;
	border: 1px solid #ccc;
	margin-top: 5px;
	width: 958px;
}
.ticker_window{
	position: absolute;
	width: 910px;
	height: 26px;
	overflow: hidden;
	background-color: #E4E4E4;
	white-space: nowrap;
}
.ticker {
	position: absolute;
	left: 0;
	margin: 3px auto;
	height: 26px;
	width: 914px;
}
.ticker li { 
	float: left;
	margin-right: 10px;
	height: 100%;
}
.ticker li span { 
	padding: 0 4px;
	font-size: 11px;

}
.ticker li span a {
	color: #333;
} 
.ticker li span.pos { 
	background: transparent url('img/arrow-up.gif') no-repeat left center;
}
.ticker li span.neg {
	background: transparent url('img/arrow-down.gif') no-repeat left center;
}
.ticker li span.ind_name { 
	padding: 0 4px 0 16px;
	font-weight: bold;
}
.ticker li span.pos_percent {
	color: green;
}
.ticker li span.neg_percent {
	color: red;
}
.ticker_mode {
	height: 26px;
	width: 46px;
	position: absolute;
	right: 0;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	border-left: 1px solid #ccc;
	padding: 0 2px;
	background-color: #E4E4E4;
	text-align: center;
	color: #999;
	line-height: 23px;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
	background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
}
/* banner 300x250 */
#banner {
	width: 300px;
	margin: 20px 0;
	float: right;
}