/*
 * 	Pathfinder Sports
 *	Project started @ March 20, 2010
 *
 *	Designed by Zaharenia Atzitzikaki
 *  http://sugarenia.com
*/

@import url("reset.css");

@import url("http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700,800&subset=latin,greek,greek-ext");

/* Generic
----------------------------------------*/
body	{
	font: 12px "Open Sans", Arial, Helvetica, sans-serif;
	background-color: #f5fbff;
	color: #333;
}
table, button, input, textarea, select, option								{ font: 12px "Open Sans", Arial, Helvetica, sans-serif; }
input[type=submit], input[type=checkbox], input[type=radio], label, select	{ cursor: pointer; }
a {
	color: #2251A6;
	text-decoration: none;
}
a:hover	{ text-decoration: underline; }

/* Headers
----------------------------------------*/
h1	{ font: bold 22px "Open Sans", Arial, Helvetica, sans-serif; }
h2	{ font: bold 18px "Open Sans", Arial, Helvetica, sans-serif; }
h3	{ font: bold 16px "Open Sans", Arial, Helvetica, sans-serif; }
h4	{ font: bold 14px "Open Sans", Arial, Helvetica, sans-serif; }
h5	{ font: bold 13px "Open Sans", Arial, Helvetica, sans-serif; }
h6	{	/* used to denote advertising */
	font: normal 12px "Open Sans", Arial, Helvetica, sans-serif; color: #999;
	margin: 30px 0 20px;
	border-bottom: 1px solid #eee;
	position: relative;
}
h6 span	{
	position: absolute;
	top: -7px;
	left: 0;
	background: #fff;
	padding-right: 10px;
}
#content-side h6 span	{ background: #f5fbff; }
#content-side h4 span.right	{
	font: 11px "Open Sans", Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}
h4.sep					{ margin: 20px 0 10px; }
h4.sep.top				{ margin-top: 0; }

/* Layout
----------------------------------------*/
.container	{
	width: 960px;
	margin: 0 auto;
}
#wrapper-outer	{ padding: 20px 0; }
#content-main	{
	width: 640px;
	margin-right: 20px;
	float: left;
}
#content-side	{
	width: 300px;
	float: right;
}

/* Header
----------------------------------------*/
#header-outer	{
	background: #fff;
	padding: 20px 0 10px 0;
	border-bottom: 5px solid #E6EEF8;
}
#header			{ position: relative; }
#header-logo .service	{
	position: relative;
	top: 5px;
	left: 5px;
}
#header-menu ul	{
	position: absolute;
	bottom: 0;
	right: 0;
}
#header-menu li	{
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #eee;
}
#header-menu li.last	{
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
#header-menu #header-user	{
	font-weight: bold;
	border: none;
}

/* Menu
----------------------------------------*/
#menu-outer	{
	background: #00568d;
	background: -webkit-gradient(linear, left top, left bottom, from(#0069ac), to(#00568d));
	background: -moz-linear-gradient(top, #0069ac, #00568d);
	padding: 10px 20px 0 20px;
	border: 1px solid #00436e;
	border-width: 1px 0;
}
#menu ul	{ position: relative; top: 2px; }
#menu ul li	{
	float: left;
	margin-right: 5px;
	position: relative;
	z-index: 99999;
}
#menu ul li a	{
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	padding: 8px 14px;
	display: block;
	text-shadow: 1px 1px 0 #001e32;
	text-decoration: none;
	-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;
	position: relative;
	z-index: 99999;
}
#menu ul li:hover a		{
	background: #008ee9;
	border: 1px solid #1a99eb;
	border-bottom: none !important;
	padding: 7px 13px;
}
#menu ul li a.arrow-hover {
	background: #008ee9;
	border: 1px solid #1a99eb;
	border-bottom: none;
	padding: 7px 13px;
}
#menu ul li:hover div.popup	{ display: block; }
#menu ul li.active			{ z-index: 9; }
#menu ul li.active a		{
	background: #007BCA;
	border: 1px solid #1A88cf;
	border-bottom: none;
	padding: 8px 14px !important;
	z-index: 9;
}
#menu .popup	{
	position: absolute;
	top: 31px;
	left: 0px;
	/*z-index: 99999999;*/
	z-index: 9999;
	background: #008ee9;
	border: 1px solid #1a99eb;
	padding: 10px;
	width: 280px;
	-moz-border-radius: 4px; -moz-border-radius-topleft: 0; -webkit-border-radius: 4px; -webkit-border-top-left-radius: 0; border-radius: 4px; border-top-left-radius: 0;
	-moz-box-shadow: 0px 1px 3px #444; -webkit-box-shadow: 0px 1px 3px #444; box-shadow: 0px 1px 3px #444;
	display: none;
}
#menu .popup li		{
	float: left;
	margin: 0;
	width: 50%;
}
#menu .popup ul li a	{
	display: block;
	padding: 4px 8px !important;
	font: 12px "Open Sans", Arial, Helvetica, sans-serif;
	color: #fff;
	border: 1px solid #008ee9 !important;
	text-shadow: none;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	background-image: none !important;
}
#menu .popup ul li a:hover	{
	background: #0062a1;
	border: 1px solid #005890 !important;
}
#menu-search	{ position: relative; top: 3px; }
#search			{
	background: #fff url('img/search.gif') no-repeat scroll 2px 2px;
	padding-left: 20px;
}
#submenu		{
	padding: 5px 10px;
	background: #007bca;
	border: 1px solid #0062a1;
	border-top: 1px solid #1A88CF;
	width: 938px;
	margin: 0 auto;
	-moz-border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;
	-moz-box-shadow: 0 1px 3px #ccc; -webkit-box-shadow: 0 1px 3px #ccc; box-shadow: 0 1px 3px #ccc;
}
#submenu li	{
	float: left;
	margin-right: 15px;
	position: relative;
}
#submenu li a	{
	color: #f5fbff;
	text-shadow: 1px 1px 0 #00568d;
	display: block;
	padding: 4px 8px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	position: relative;
/* 	z-index: 999; */
	z-index: 1002;
	margin: 1px;
}
#submenu li.active a,
#submenu li:hover a	{
	background: #0062a1;
	border: 1px solid #005890;
	text-decoration: none;
	margin: 0;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
/*#submenu li a:hover	{ border-bottom: none !important; }*/
#submenu li a.arrow	{
	padding-right: 22px;
	background-image: url("img/arrow-down.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
#submenu li:hover a.arrow	{
	background-image: url("img/arrow-down-hover.png");
	background-position: 95% 50%;
	border-bottom: none;
}
#submenu li a.arrow-hover {
	background-color: #0062a1;
	border: 1px solid #005890;
	text-decoration: none;
	margin: 0;
	background-image: url("img/arrow-down-hover.png");
	background-position: 95% 50%;
	border-bottom: none;
}
#submenu li .popup	{
	display: none;
	position: absolute;
	top: 21px;
	left: 0px;
	/* z-index: 99; */
	z-index: 1001;
	background: #0062a1;
	border: 1px solid #005890;
	padding: 10px;
	width: 280px;
	-moz-border-radius: 4px; -moz-border-radius-topleft: 0; -webkit-border-radius: 4px; -webkit-border-top-left-radius: 0; border-radius: 4px; border-top-left-radius: 0;
	-moz-box-shadow: 0 1px 3px #666; -webkit-box-shadow: 0 1px 3px #666; box-shadow: 0 1px 3px #666;
}
#submenu li:hover .popup	{ display: block; }
#submenu .popup li		{
	float: left;
	margin: 0;
	width: 50%;
	overflow: hidden;
}
#submenu .popup li a	{
	padding: 4px 6px !important;
	font: 12px "Open Sans", Arial, Helvetica, sans-serif;
	color: #fff;
	border: none;
	text-shadow: none;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
	background-image: none !important;
}
#submenu .popup li a img	{
	vertical-align: middle;
	margin-right: 5px;
	border-color: #002f7d;
}
#submenu .popup li a:hover	{
	background: #007bca;
	text-decoration: none;
}

/* Article-related
----------------------------------------*/
#article h1				{ margin-bottom: 15px; }
#article .sub			{ color: #999; }
#article .text .intro	{
	margin: 0 0 20px 0;
	color: #6f6f6f;
}
#article .text ol,
#article .text ul,
#article .text,
#article .text p	{
	line-height: 1.5em;
	margin-top: 1em;
	font-size: 13px;
}
#article .text .img-container	{
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
}
#article .text h3	{ margin: 20px 0 10px; }
#article .text ol	{
	list-style: decimal;
	padding: 12px;
}
#article ul li {
	margin-top: 5px;
	}
#article ul {
	list-style-type: disc;
	margin: 10px 0px 10px 15px;
	list-style-position: outside;
	}

/* generic articles listing */
.articles 		{ margin-top: 20px; }
.articles.top	{
	margin-top: 0;
	height: auto;
	}
.articles li	{
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}
.articles li.bottom	{
	margin: 0;
	padding: 0;
	border-bottom: none;
}
.articles li .img	{
	float: left;
	margin-right: 15px;
}
.articles li .info		{ margin-left: 120px; }
.articles li h3			{ margin-bottom: 10px; }
.articles li p.summary	{
	color: #6f6f6f;
	line-height: 1.5em;
}
.articles li p.meta		{
	font-size: 11px;
	color: #999;
	margin-top: 10px;
}

/* dual listings */
.articles-dual li	{
	float: left;
	padding-right: 19px;
	width: 280px;
	margin-bottom: 20px;
	max-height: 84px; 
	overflow: hidden;
}
.articles-dual li .img	{
	float: left;
	margin-right: 10px;
}
.articles-dual li h4	{ margin: 0 0 10px 0; }
.articles-dual li p		{
	font-size: 11px;
	color: #999;
	margin-left: 115px;
}

/* more articles */
.articles-more	{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted #BED2EB;
}
.articles-more .articles-short	{
	width: 280px;
	padding-right: 19px;
}

/* short articles listing */
.articles-short li	{
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding: 10px 5px;
}
.articles-short li.bottom	{
	border: none;
}
.articles-short li.current {
	font-weight: bold;
}
.articles-short li .img	{
	float: left;
	margin-right: 10px;
}
.articles-short li p	{
	margin-top: 5px;
	line-height: normal;
	font-size: 11px;
	color: #999;
}

/* similars */
#similar-articles	{
	background: #E6EEF8;
	margin: 20px 0;
	padding: 10px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
#similar-articles ul		{
	list-style-type: none;
}
#similar-articles li		{
	width: 249px;
	float: left;
	overflow: hidden;
	margin-top: 10px;
	padding-right: 30px;
	padding-top: 10px;
	border-top: 1px dotted #BED2EB;
}
#similar-articles li .img	{
	float: left;
	margin-right: 10px;
}
#similar-articles li a	{ color: green; }
#similar-articles li p	{
	font-size: 11px;
	color: #999;
	margin-top: 5px !important;
	line-height: normal !important;
}

/* google ads */
#google-ads ul	{ overflow: hidden; }
#google-ads li	{
	margin-right: 10px;
}
#google-ads li.last	{ margin-right: 0; }
#google-ads li a	{
	text-decoration: underline;
	font-weight: bold;
}
#google-ads li p	{
	margin: 5px 0 !important;
	color: #6f6f6f;
}
#google-ads li em a	{
	color: green;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

/* comments */
#comment-form textarea		{ width: 590px; }
#comment-form p				{ margin: 10px 0; }
#comment-form p.disclaimer	{
	color: #999;
	font-size: 11px;
	line-height: 1.5em;
	margin-bottom: 0;
}

/* team identity */
#team-identity .box-header h4		{ position: relative; }
#team-identity .box-header h4 span	{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	font-weight: normal;
	color: #999;
	padding: 2px 4px;
}
.team-logo	{
	float: left;
	margin-right: 15px;
}
.team-links	{
	margin-left: 60px;
}
.team-links li	{
	margin-bottom: 7px;
}
.team-schedule	{
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
}
.team-schedule th,
.team-schedule td	{
	border: 1px solid #eee;
	border-width: 1px 0;
	padding: 5px;
}
.team-schedule strong	{
	background: #ffc;
	padding: 1px 2px;
}
.team-schedule th			{
	color: #999;
	font-size: 11px;
}
.team-schedule td.result	{
	text-align: center;
	font-weight: bold;
}
.team-schedule td.win		{
	background: green;
	color: #fff;
	text-shadow: 1px 1px 0 #002400;
	border-width: 1px;
	border-color: #006100;
}
.team-schedule td.lose		{
	background: #c00;
	color: #fff;
	text-shadow: 1px 1px 0 #520000;
	border-width: 1px;
	border-color: #ad0000;
}
.team-schedule td.draw		{
	background: #FFF79F;
	color: #DF9C29;
	text-shadow: 1px 1px 0 #fff;
	border-width: 1px;
	border-color: #FFAD1F;
}

/* Carousel
----------------------------------------*/
#carousel-current			{
	width: 300px;
	height: 350px;
}
#carousel-current h1		{ margin: 10px 0; }
#carousel-current p			{ line-height: 1.5em; }
#carousel-current p.meta	{
	font-size: 11px;
	color: #999;
	margin-top: 10px;
	line-height: normal;
}
#carousel-current li { display: none; }
#carousel-current li.carousel-active { display: block;}
#carousel-thumbs	{
	width: 260px;
}
#carousel-thumbs li	{
	width: 250px;
	padding: 6px;
	overflow: hidden;
	border: none;
	margin: 0 0 2px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
#carousel-thumbs li.active	{
	padding-left: 30px;
	background: #E6EEF8 url("img/arrow-mask-left.gif") no-repeat left center;
	position: relative;
	left: -24px;
}
#carousel-thumbs li .img	{
	float: left;
	margin-right: 10px;
}

/* Team
----------------------------------------*/
#team .box-header .left		{ width: 500px; }
#team .box-header h1 span	{
	color: #7acbff;
	margin-top: 3px;
	font-size: 14px;
	margin-left: 5px;
	text-shadow: none;
}
#team .box-content h4		{ margin-bottom: 15px; }

#team-schedule				{ border: 1px solid #ddd; }
#team-schedule div			{
	float: left;
	padding: 10px;
	text-align: center;
	min-height: 120px;
	position: relative;
}
#team-schedule .prev,
#team-schedule .next		{
	background: #fff;
	color: #6f6f6f;
	width: 150px;
	z-index: 9;
}
#team-schedule .prev p,
#team-schedule .next p		{
	font-size: 11px;
	margin: 10px 0 0;
	padding-top: 7px;
	border-top: 1px solid #eee;
}
#team-schedule .prev strong,
#team-schedule .next strong	{
	display: block;
	font-weight: bold;
	font-size: 24px;
	margin-top: 5px;
	text-shadow: 1px 1px 0 #eee;
}
#team-schedule .prev		{ color: #999; }
#team-schedule .current		{
	width: 233px;
	text-align: center;
	font-weight: bold;
	background-color: #fafafa;
	border: 1px solid #ccc; border-width: 0 1px;
	-moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc;
	z-index: 99;
}
#team-schedule .current .date		{ font-weight: bold; }
#team-schedule .current table		{ width: 100%; }
#team-schedule .current th			{
	width: 70px;
	font-weight: bold;
	text-align: center;
}
#team-schedule .current td			{
	width: 1%;
	white-space: nowrap;
	vertical-align: top;
}
#team-schedule .current td small	{
	font-size: 24px;
	color: #ccc;
	display: block;
	padding-top: 20px;
}
#team-schedule .current img			{
	display: block;
	margin: 0 auto 5px;
}
#team-schedule .date				{
	display: block;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
}

#team-info							{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #BED2EB;
}
#team-info img			{ float: left; margin-right: 15px; 	}
#team-info table		{ width: 480px; }
#team-info th,
#team-info td			{ padding: 10px 0 0 40px; }
#team-info td			{
	text-align: right;
	padding: 10px 40px 0 0;
}
#team-info p			{ line-height: 1.5em; }
#team-info th.general	{ background: url("img/icons/32_info.png") no-repeat 0 10px; }
#team-info th.people	{ background: url("img/icons/32_people.png") no-repeat 0 10px; }
#team-info td.contact	{ background: url("img/icons/32_telephone.png") no-repeat 100% 10px; }
#team-info td.stadium.basketball	{ background: url("img/icons/32_basketball.png") no-repeat 100% 10px; }
#team-info td.stadium.football		{ background: url("img/icons/32_football.png") no-repeat 100% 10px; }
#team-info .top th,
#team-info .top td		{
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
#team-discussion-new .field	{
	width: 590px;
	margin-bottom: 10px;
}

.discussions li		{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #BED2EB;
	overflow: hidden;
}
.discussions li.bottom	{
	padding-bottom: 0;
	border-bottom: none;
}
.discussions li	p	{
	color: #ccc;
	margin-top: 5px;
}
.discussions li p a	{
	text-decoration: underline;
	color: #999;
}
.discussions li .img	{
	vertical-align: middle;
	margin-right: 5px;
}

.discussion li	{
	padding: 15px;
	border-bottom: 1px dotted #BED2EB;
	overflow: hidden;
}
.discussion li.even		{ background: #f4f9ff; }
.discussion li.bottom	{ padding-bottom: 5px; border: none; }
.discussion li .img	{
	float: left;
	margin-right: 15px;
}
.discussion li p	{
	line-height: 1.5em;
	margin-bottom: 5px;
}
.discussion .discussion-meta	{
	margin-bottom: 10px;
	color: #999;
	position: relative;
}
.discussion .abuse	{
	position: absolute;
	right: 10px;
	top: 0px;
	cursor: pointer;
	text-decoration: none;
	border-bottom: 1px dotted #999;
	color: #999;
}
.discussion .discussion-meta a		{ font-weight: bold; }
.discussion-text					{ margin-left: 70px; }
.discussion-text textarea			{ width: 500px !important; }

.teaser	{
	background: #E6EEF8;
	padding: 12px;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
	margin-bottom: 20px;
}
.teaser h3	{ margin-bottom: 5px; }
.teaser p	{ color: #6f6f6f; }

/* Press
----------------------------------------*/
.gallery			{ margin: 20px 0; }
.gallery-prev		{
	float: left;
	width: 50px;
	text-align: center;
	font-size: 32px;
	height: 480px;
	line-height: 480px;
}
.gallery-prev a		{
	display: block;
	background: url("img/gallery/barrow-left.gif") no-repeat center center;
	text-indent: -9999em;
	outline: none;
	zoom: 1;
}
.gallery-prev a:hover		{ background-image: url("img/gallery/barrow-left-hover.gif"); }
.gallery-prev.inactive a	{
	background: url("img/gallery/barrow-left.gif") no-repeat center center;
	opacity: 0.3; filter: alpha(opacity=30) !important;
}
.gallery-current	{
	text-align: center;
	float: left;
	width: 480px;
}
.gallery-current a	{
	display: block;
	position: relative;
}
.gallery-current a:hover .zoomer-icon	{ visibility: visible; }
.gallery-next		{
	float: right;
	width: 50px;
	text-align: center;
	font-size: 32px;
	height: 480px;
	line-height: 480px;
}
.gallery-next a		{
	zoom: 1;
	display: block;
	background: url("img/gallery/barrow-right.gif") no-repeat center center;
	text-indent: -9999em;
	outline: none;
}
.gallery-next a:hover		{ background-image: url("img/gallery/barrow-right-hover.gif"); }
.gallery-next.inactive a	{
	background: url("img/gallery/barrow-right.gif") no-repeat center center;
	opacity: 0.3; filter: alpha(opacity=30);
}


#content-side ul.press {
	height: 126px;
	list-style: none;
	width: 1700px;
}
.press li	{
	float: left;
	text-align: center;
	padding: 10px 15px;
	margin: 0 12px 12px 0;
	background: #fff;
	border: 1px solid #eee;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.press li h5	{
	margin-top: 5px;
	font-weight: normal;
	font-size: 12px;
}
.press li.last		{ margin-right: 0; }
.press li.bottom	{ margin-bottom: 0; }
.press li:hover		{
	background: #b8e3ff;
	border-color: #a2c8e0;
}
.press li.active	{
	background: #007bca;
	border-color: #0068ab;
}
.press li.active a	{
	color: #fff;
	text-shadow: 1px 1px 0 #003050;
	font-weight: bold;
}

/* Sidebar
----------------------------------------*/
/* quick jump to teams */
#jump div		{
	position: relative;
	padding-left: 40px;
	font-size: 11px;
}
#jump .icon {
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -99999px;
	position: absolute;
	top: 0;
	left: 0;
}
#jump-football	{
	background: url("img/icons/32_football.gif") no-repeat top left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
#jump-basketball	{ background: url("img/icons/32_basketball.gif") no-repeat top left;  }
#jump select		{ margin: 10px 5px 5px 0; }

/* press gallery */
#content-side .press	{ margin: 0; }
#content-side .press li	{
	border: none;
	margin: 0 0 0 17px;
	background: #fff;
	padding: 0;
}
.press-gallery		{ overflow: hidden; }
.press-gallery-prev	{
	float: left;
	width: 20px;
	height: 130px;
	background: url("img/gallery/sidebar-btn.gif") no-repeat;
	line-height: 130px;
	text-align: center;
}
.press-gallery-prev a	{
	zoom: 1;
	display: block;
	text-indent: -9999em;
	outline: none;
	background: url("img/gallery/arrow-left.png") no-repeat center center;
}
.press-gallery-prev a:hover		{
	opacity: 1; filter: alpha(opacity=100);
	background: url("img/gallery/arrow-left-hover.png") no-repeat center center;
}
.press-gallery-prev.fade a			{ opacity: 0.3; filter: alpha(opacity=30); }
.press-gallery-prev.fade a:hover	{ background: url("img/gallery/arrow-left.png") no-repeat center center; }
.press-gallery-prev.inactive a	{ background: url("img/gallery/arrow-left-inactive.png") no-repeat center center; }

.press-gallery-current	{
	float: left;
	width: 215px;
	overflow: hidden;
}
.press-gallery-next	{
	float: left;
	width: 20px;
	height: 130px;
	line-height: 130px;
	text-align: center;
	background: url("img/sidebar-gallery-btn.png") no-repeat;
}
.press-gallery-next a	{
	zoom: 1;
	display: block;
	text-indent: -9999em;
	outline: none;
	background: url("img/gallery/arrow-right.png") no-repeat center center;
}
.press-gallery-next a:hover		{
	opacity: 1; filter: alpha(opacity=100);
	background: url("img/gallery/arrow-right-hover.png") no-repeat center center;
}
.press-gallery-next.fade a			{ opacity: 0.3; filter: alpha(opacity=30); }
.press-gallery-next.fade a:hover	{ background: url("img/gallery/arrow-right.png") no-repeat center center; }
.press-gallery-next.inactive a	{ background: url("img/gallery/arrow-right-inactive.png") no-repeat center center; }

/* photoscope */
#photoscope li	{
	float: left;
	width: 120px;
	margin: 0 18px 18px 0;
	text-align: center;
	position: relative;
}
#photoscope li.last	{ margin-right: 0; }
#photoscope li .img	{
	display: block;
	margin: 0 auto 5px;
}
#photoscope span.play-handler {
	background: transparent url("http://c.pstatic.gr/img/play/22.png") no-repeat center center;
	width: 22px;
	height: 22px;
	position: absolute;
	text-indent: -4000px;
	display: block;
	overflow: hidden;
	top: 30px;
	right: 30px;
}
/* social */
#social-tools		{ margin-top: 30px;}
#social-tools li 	{ width: 140px; }
#social-twitter		{ float: left; }
#social-rss			{ float: right; }
#social-tools li a	{
	display: block;
	padding: 5px 5px 5px 45px;
	font-size: 11px;
	text-decoration: none;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
#social-tools li a strong	{
	display: block;
	font-size: 14px;
	margin-top: 2px;
}
#social-twitter	a	{ background: #E6EEF8 url("img/icons/32_twitter.png") no-repeat 5px 50%; }
#social-rss a		{ background: #E6EEF8 url("img/icons/32_rss.png") no-repeat 5px 50%; }
#social-tools li a:hover	{ background-color: #d6efff; }


/* Footer
----------------------------------------*/
#footer-outer	{
	background: #fff;
	border-top: 5px solid #E6EEF8;
}
#footer	{
	padding: 20px 0;
	text-align: center;
}
#footer p	{
	margin-bottom: 10px;
	color: #999;
}

/* REUSABLE STUFF
==================================================================================== */

/* Boxes
----------------------------------------*/
.box-container	{
	padding: 5px;
	margin-bottom: 20px;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
	background: #E6EEF8;
}
.box	{
	background: #fff;
	border: 1px solid #BED2EB;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	/* padding: 15px; */
}
.box.tab-content	{
	-moz-border-radius: 0 0 6px 6px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0;
	border-top: none;
}
.box-header	{
	border-bottom: 1px solid #dae2eb;
	padding: 8px 12px;
	/* padding-bottom: 5px; */
	/* margin-bottom: 10px; */
}
.box-header.dark	{
	background: #00568d;
	background: -moz-linear-gradient(top, #0069ac, #00568d);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0069ac),color-stop(1, #00568d));
	color: #fff;
	padding: 8px 12px;
	border: 1px solid #004978;
	-moz-border-radius: 6px 6px 0 0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px;
	-moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999;
	text-shadow: 1px 1px 0 #000;
	/* margin: -15px -15px 15px -15px; */
}
.box-header.dark a	{ color: #fff; }
.box-header.dark span.right a	{
	font-size: 12px;
	font-weight: normal;
	background: #004978;
	color: #f5fbff;
	text-decoration: none;
	text-shadow: none;
	padding: 4px 8px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	position: relative;
	top: -1px;
}
.box-header.dark span.right a:hover	{
	background: #de741d;
	color: #fff;
}
.box-header.dark span.icon	{
	float: left;
	margin: -10px 7px 0 0;
	/*
	margin-right: 7px;
	position: relative;
	top: -5px;
	left: 0;
	*/
}
.box-header.dark span.icon-motorsport	{ top: -5px; }
.box-header.narrow						{ padding-bottom: 2px; }
.box-header.inner						{ margin-top: 30px; }
.box-content							{ padding: 20px 15px; }
.box-content h5, .box-content h6 {
	font: bold 16px "Open Sans", Arial, Helvetica, sans-serif;
	margin: 30px 0 20px;
	border-bottom: 1px solid #eee;
}
.box-footer	{
	background: #f5f9ff;
/*	margin: 20px -15px -15px -15px;*/
	padding: 8px 12px;
	-moz-border-radius: 0 0 6px 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;
	border-top: 1px solid #bed2eb;
}
.box-footer.big	{
	font-size: 14px;
	text-align: center;
	padding: 12px;
}
.box-container.dual .box	{ width: 310px; }

/* Forms
----------------------------------------*/
.field 	{
	border: 1px solid #bbb;
	border-color: #6f6f6f #ccc #ccc #ccc;
	padding: 3px;
	background-color: #FAFAFA;
	outline: none;
	vertical-align: middle;
	font-size: 12px;
}
textarea.field 	{ overflow: auto; }
select.field 	{ padding: 2px; }
.field-focus,
.field:focus 	{ background-color: white; }
.field-pale		{ color: #999; }
.field-small,
.field-small *	{ font-size: 11px; }

.button {
	border: 1px solid #000;
	border-color: #ccc #aaa #aaa #ccc;
	background: #f2f2f2 url("http://c.pstatic.gr/img/buttons/default.gif") repeat-x center center;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 10px;
	display: inline-block;
	overflow: visible;
	color: #444;
	cursor: pointer;
	outline: none;
	line-height: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	-moz-border-radius:2px; -webkit-border-radius: 2px; border-radius: 2px;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
}
.button[disabled=disabled] {
	color: #ddd;
}

.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-focus, .button:focus, .button-hover, .button:hover { border-color: #aaa #6f6f6f #6f6f6f #aaa; }

a.button	{
	background: #e06500 url("img/button-bg.png") repeat-x; color: #fff;
	border: 1px solid #a74b00; border-color: #a74b00 #a74b00 #7b3904;
	font-weight: normal;
	position: relative;
	padding: 6px 12px;
	cursor: pointer;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	-moz-border-radius: 19px; -webkit-border-radius: 19px; border-radius: 19px;
	-moz-box-shadow: 0 1px 3px #444; -webkit-box-shadow: 0 1px 3px #444; box-shadow: 0 1px 3px #444;
}
a.button:hover	{ background-color: #FF5C00; border-color: #bf4400 #bf4400 #8b3504; }


/* Tables
----------------------------------------*/
.basic		{
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0;
}
.basic.top		{ margin-top: 0; }
.basic.nowrap td	{
	white-space: normal !important;
}
.basic.players th,
.basic.players td		{
	vertical-align: middle;
	padding: 5px;
}
.basic th,
.basic td		{
	border: 1px solid #ddd;
	padding: 7px;
	font-size: 12px;
	background: -moz-linear-gradient(top, #fff, #fafafa);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #fafafa));
}
.basic th		{ text-align: left; }
.basic td		{
	text-align: center;
	white-space: nowrap;
	width: 1%;
}
.basic thead th,
.basic thead td		{
	vertical-align: bottom;
	background: #0068ab;
	background: -moz-linear-gradient(top, #007bca, #0068ab);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #007bca),color-stop(1, #0068ab));
	font-weight: bold;
	color: #fff;
	border-color: #0068ab;
	text-shadow: 1px 1px 0 #003050;
}
.basic td.center		{
	text-align: center;
	background: #008ee9;
	background: -moz-linear-gradient(top, #009bff, #008ee9);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #009bff),color-stop(1, #008ee9));
	color: #f5fbff;
	font-size: 11px;
	padding: 2px;
}
.basic tbody tr:hover th,
.basic tbody tr:hover td		{ background-image: -moz-linear-gradient(top, #ffe, #ffc); }
#content-side .basic			{ margin: 0; }

/* special cases */
.ratings	{ margin: 0; }
.ratings td	{ text-align: right; }
.ratings .img	{
	vertical-align: middle;
	margin-right: 5px;
}

#tv-side thead th,
#tv-side thead td {
	background: transparent;
	color: #333;
	text-shadow: none;
	border-top: 0;
	border-bottom: 1px solid #ddd;
	padding: 0 5px 5px;
}

#mundial-side .box-header,
#tv-side .box-header {
	padding: 3px 2px 6px;
	border-bottom: none;
}
#mundial-side .tabs li	{ padding-left: 11px; padding-right: 11px; }
#mundial-side h3 a,
#tv-side h3 a { text-shadow: none; }
#mundial-side .right {
	background: #F5F9FF;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	color: #F5FBFF;
	font-size: 12px;
	font-weight: normal;
	padding: 4px 8px;
	text-decoration: none;
	text-shadow: none;
}
#mundial-side .right:hover {
	background: #D6EFFF;
}
#mundial-side .right a:hover {
	text-decoration: none;
}
#mundial-side thead tr th,
#mundial-side thead tr td {
	padding-top: 0px;
	border-top: none;
	font-weight: bold;
}
#mundial-side td	{ text-align: center; }
#mundial-side abbr {
 	border-bottom: 1px dotted #ccc;
	cursor: pointer;
}
#mundial-side .img	{
	vertical-align: middle;
	margin-right: 5px;
}

.mundial-program tbody tr:hover th,
.mundial-program tbody tr:hover td		{
	background: -moz-linear-gradient(top, #fff, #fafafa);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #fafafa));
}
.mundial-program tbody td { padding: 0; }
.mundial-program tbody td.active,
.mundial-program tbody tr:hover td.active {
	background: #ffe;
	background-image: -moz-linear-gradient(top, #ffe, #fff);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffe),color-stop(1, #fff));
}
.mundial-program tbody td h3 {
	padding: 5px 5px;
	font-size: 12px;
	text-align: left;
	color: #666;
}
.mundial-program tbody td.active h3 {
	margin-bottom: 10px;
	color: #333;
	border-bottom: 1px solid #ddd;
	background: #E6EEF8;
}
.mundial-program tbody td.today h3 {
	background: -webkit-gradient(linear, left top, left bottom, from(#de741d), to(#bf6419));
	background: -moz-linear-gradient(top, #de741d, #bf6419);
	color: #fff;
}
.mundial-program tbody td p 	{
	margin-bottom: 5px;
	white-space: normal;
}
.mundial-program tbody td li 	{
	border-bottom: 1px solid #efefef;
	width: 120px;
	margin: 0 auto 15px;
}
.mundial-program tbody td li img {
	-moz-box-shadow: 1px 1px 2px #666; -webkit-box-shadow: 1px 1px 2px #666; box-shadow: 1px 1px 2px #666;
}
.mundial-program tbody td li.last {
	border-bottom: none;
}

.tv td		{ color: #6f6f6f; }
.tv .past th,
.tv .past td,
.tv .past th a		{ color: #ccc; }
.tv .current th,
.tv .current td,
.articles-short .current {
	background: #ffc;
	background-image: -moz-linear-gradient(top, #ffe, #ffc);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffe),color-stop(1, #ffc));
}

.zebra			{
	width: 100%;
	border-collapse: collapse;
}
.zebra th,
.zebra td		{
	padding: 5px;
	border: 1px solid #eee;
	border-width: 1px 0;
}
.zebra tr.even th,
.zebra tr.even td	{ background-color: #f5f5f5; }
.zebra tr.top th,
.zebra tr.top td	{ border-top: none; }
.zebra tr.selected th,
.zebra tr.selected td	{
	background: #ffc;
	font-weight: bold;
}
.zebra td.count		{
	color: #999;
	text-align: right;
	white-space: nowrap;
	width: 1%;
}

/* Overlay
----------------------------------------*/
.social-window,
.team-window		{
	background-color: #000;
}
.overlay-content	{
	background: #E6EEF8;
	padding: 5px;
	text-align: left;
	width: 500px;
	position: relative;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
}
.overlay h3	{
	background: #00568d;
	background: -moz-linear-gradient(top, #0069ac, #00568d);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0069ac),color-stop(1, #00568d));
	color: #fff;
	padding: 8px 12px;
	-moz-border-radius: 6px 6px 0 0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px;
	-moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;
	text-shadow: 1px 1px 0 #001E32;
}
#team-overlay-content .overlay-body h3 {
	text-shadow: none;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
	-moz-border-radius: none; -webkit-border-radius: none; border-radius: none;
	color: #333;
	background: none;
	padding: 10px 0;
}
#team-overlay-content .overlay-body p { line-height: 1.5em; }
#event-overlay-content table           { width: 100%; }
#event-overlay-content table th.action,
#event-overlay-content table td.action {
	white-space: nowrap;
	padding: 10px 20px 10px 20px;
	}
#event-overlay-content table th.last   { text-align: right;          }
#event-overlay-content table td        {
	line-height: 1.5em;
	padding: 10px 5px 10px 5px;
	}
#event-overlay-content table .goal td  { background-color: #d8fdd9;  }
#event-overlay-content table .even td  { background-color: #f5f5f5;  }
#event-overlay-content table td.time   { font-weight: bold;          }
#event-overlay-content table th        {
	font-weight: bold;
	border-top: none;
	border-bottom-color: #ddd;
	padding-top: 0!important;
	}
#event-overlay-content table th label      { margin-right: 10px; }
#event-overlay-content table td.no-results {
	font-size: 15px;
	font-style: italic;
	text-align: center;
	}
.event-content	{
	background: #E6EEF8;
	padding: 5px;
	text-align: left;
	position: relative;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
}
.event-body	{
	padding: 15px;
	background: #fff;
	border: 1px solid #BED2EB;
	border-width: 0 1px;
	max-height: 500px;
	overflow: auto;
	}
.overlay h3 span {
	cursor: pointer;
	position: absolute;
	line-height: 1.1em;
	top: 16px;
	right: 15px;
	background: #fafafa;
	display: block;
	width: 15px;
	height: 15px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.overlay h3 span img	{ position: relative; top: -3px; left: 4px; }
.overlay-body	{
	padding: 15px;
	background: #fff;
	border: 1px solid #BED2EB;
	border-width: 0 1px;
	max-height: 400px;
	overflow: auto;
	}
.overlay-footer	{
	padding: 6px 12px;
	border: 1px dotted #ccc;
	border-style: dotted solid solid;
	border-color: #ccc #BED2EB #BED2EB;
	background: #fafafa;
	text-align: center;
	color: #6f6f6f;
	-webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;
}
.overlay td.date		{ color: #999; font-size: 11px; }
.overlay td.win			{ color: green; }
.overlay td.lose		{ color: #c00; }
.overlay .players td	{ text-align: left; }

/* Shadows
--------------------------------------- */
.shadow 		{
	position: 	absolute;
	top: 		0;
	left:		0;
	z-index: 	-1;
	right:		0;
	bottom: 	0;
	_height: 1%;
}
.shadow div 	{ position: absolute; }
.shadow-top 	{
	top: 		-20px;
	left: 		10px;
	right: 		10px;
	background: url("img/shadows/top.png") repeat-x 0 0;
	height: 	20px;
}
.shadow-bottom {
	bottom:		-20px;
	left: 		10px;
	right: 		10px;
	background: url("img/shadows/bottom.png") repeat-x 0 0;
	height: 	20px;
}
.shadow-left {
	top: 		10px;
	bottom: 	10px;
	width: 		30px;
	left: 		-20px;
	background: url("img/shadows/left.png") repeat-y 0 0;
}
.shadow-right{
	top: 		10px;
	bottom: 	10px;
	right: 		-30px;
	width: 		30px;
	background: url("img/shadows/right.png") repeat-y 0 0;
}
.shadow-top-left {
	top: 		-20px;
	left:		-20px;
	right: 		0;
	background: url("img/shadows/top-left.png") no-repeat 0 0;
	height: 	30px;
	width: 		30px;
}
.shadow-top-right {
	top:		-20px;
	right:		-20px;
	background: url("img/shadows/top-right.png") no-repeat 0 0;
	height:		30px;
	width: 		30px;
	}
.shadow-bottom-left {
	bottom:		-20px;
	left: 		-20px;
	right: 		0;
	background: url("img/shadows/bottom-left.png") no-repeat 0 0;
	height: 	30px;
	width: 		30px;
	}
.shadow-bottom-right {
	bottom: 	-20px;
	right: 		-20px;
	background: url("img/shadows/bottom-right.png") no-repeat 0 0;
	height:		30px;
	width:		30px;
	}

/* Icons
----------------------------------------*/
.icon10					{ padding-left: 17px; }
.icon10.icon-calendar	{ background: url("img/icons/10_calendar.png") no-repeat center left; }
.icon10.icon-info		{ background: url("img/icons/10_info.png") no-repeat center left; }
.icon10.icon-discussion	{ background: url("img/icons/10_discussion.png") no-repeat center left; }
.icon10.icon-help		{ padding-left: 15px; background: url("img/icons/10_help.gif") no-repeat center left; }

/* Tabs
----------------------------------------*/
.tabs		{ border-bottom: 1px solid #BED2EB; }
.tabs ul	{ position: relative; top: 1px; }
.tabs li	{
	background: #f8f8f8;
	color: #999;
	cursor: pointer;
	float: left;
	margin-right: 3px;
	padding: 5px 12px;
	text-align: center;
	border: 1px solid #dae2eb;
	border-color: #dae2eb #dae2eb #BED2EB;
	-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;
	height: 35px;
}
.tabs li strong	{
	display: block;
	color: #999;
}
.tabs li.active	{
	background: #fff;
	border-color: #BED2EB;
	border-bottom: none;
	cursor: default;
	padding-bottom: 6px;
}
.tabs li.active strong	{ color: #333; }


/* Pagination
----------------------------------------*/
.pagination-label			{ color: #999; }
.pagination-label strong	{
	display: inline-block;
	padding: 2px 4px;
	background: #fefeff;
	color: #6f6f6f;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
.pagination li	{
	float: left;
	margin-left: 5px;
}
.pagination li a,
.pagination li span	{
	padding: 4px 8px;
	display: block;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
.pagination li a:hover		{
	background: #d6efff;
	text-decoration: none;
}
.pagination li.active span	{
	font-weight: bold;
	background: #de741d;
	color: #fff;
}

/* Breadcrumbs
----------------------------------------*/
#breadcrumbs	{
	margin: 0 0 15px 0;
	color: #999;
	background: #E6EEF8;
	padding: 10px 15px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	font-size: 11px;
}
#breadcrumbs a 			{ text-decoration: underline; }
#breadcrumbs span		{ margin: 0 5px; }
#breadcrumbs div.left,
#breadcrumbs div.right	{ line-height: 1.8em; }
#breadcrumbs div.right select	{ margin: 0 5px; }

/* Misc
----------------------------------------*/
.left			{ float: left !important; }
.right			{ float: right !important; }
.live 			{
	font-size: 12px;
	font-weight: normal;
	color: #f5fbff;
	text-decoration: none;
	text-shadow: none;
	padding: 4px 8px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	position: relative;
	top: -1px;
	background: #E99652;
}
.clr			{
	min-height: 0px;
	zoom: 1;
}
.clr:after 		{
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
}
.foo	{
	color: #2251A6;
	text-decoration: underline;
	cursor: pointer;
}
.hi		{
	background: #ffffad;
	padding: 1px 2px;
}
.pale	{ color: #ccc; }
.img	{
	padding: 1px;
	background: #fff;
	border: 1px solid #ccc;
}
.bottom { margin-bottom: 0 !important; }

.more a	{
	font-size: 11px;
	font-weight: normal;
	display: inline-block;
	background: #E6EEF8 url("img/arrow-mask-right.png") no-repeat center right;
	padding: 5px 15px 5px 10px;
	-moz-border-radius: 2px 0 0 2px; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px;
}
.more a:hover	{
	text-decoration: none;
	background-color: #d6efff;
}
p.sub			{
	font-size: 11px;
	color: #999;
	line-height: 23px;
}
#banner	{
	width: 298px;
	margin-bottom: 20px;
}
#banner-728 {
	width: 728px;
	height: 90px;
	margin: 0 auto 20px;
	position: relative;
	z-index: 1;
}
#banner-728 .ad	{
	position: absolute; bottom: 0; left: -25px;
}
#not-found p { padding: 10px 0; }

#opinion {
	font-size: 21px;
	font-weight: bold;
	text-align: center;
}
#opinion .box			{ border-color: #bf6419; }
#opinion .box-content 	{ padding: 0; }

@-webkit-keyframes glow {

   	from 	{

		-webkit-box-shadow: 0px 0px 0px #0062A1;
	}
	to 		{

		-webkit-box-shadow: 0px 0px 13px #0062A1;
	}
}

#opinion a {
	text-shadow: 1px 1px 0 #001E32;
	-webkit-animation: glow 1.7s infinite alternate ease-in-out;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	padding: 20px 15px;
	color: #fff;
	display: block;
	background: #de741d;
	background: -webkit-gradient(linear, left top, left bottom, from(#de741d), to(#bf6419));
	background: -moz-linear-gradient(top, #de741d, #bf6419);
}
#opinion em {
	font-size: 16px;
	font-style: normal;
}
#opinion a:hover {
	text-decoration: none;
	background: #bf6419;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf6419), to(#de741d));
	background: -moz-linear-gradient(top, #bf6419, #de741d);
	border: none;
}
#opinion a:active {
	text-decoration: none;
	background: #bf6419;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf6419), to(#de741d));
	background: -moz-linear-gradient(top, #bf6419, #de741d);
}

.tooltip-trigger	{
	position: relative;
	cursor: pointer;
	color: #999;
	z-index: 9999;
}
.tooltip			{
	position: absolute; top: 130%; right: 0;
	background: #ffc;
	border: 1px solid #dada99;
	padding: 7px;
	width: 100px;
	font-size: 11px;
	color: #6f6f6f;
	line-height: 1.2em;
	z-index: 999;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2); box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	display: none;
}
.tooltip-trigger:hover .tooltip,
.tooltip-trigger.hover .tooltip		{ display: block; }

/* Zoomer
--------------------------------------- */
.zoomer {
	padding: 3px;
	background-color: #fff;
	position: absolute;
	z-index: 999999;
	}
.zoomer-loader {
	background: #000 url("img/zoomerloader.gif") no-repeat center center;
	z-index: 999999;
	}
.zoomer-icon	{
	background: #000 url("img/zoom.png") no-repeat center center;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 55px;
	width: 370px;
	height: 484px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
.zoomer-caption {
	font-size: 13px;
	background: #333;
	color: white;
	width: 100%;
	position: absolute;
	top: 100%;
	left: -1px;
	width: 100%;
	overflow: hidden;
	padding: 0 1px;
	z-index: 999999;
}
.zoomer-caption p {
	padding: 5px;
	margin: 0;
	}
.zoomer-close {
	background: url("img/close.png");
	display: block;
	cursor: pointer;
	width: 36px;
	height: 36px;
	position: absolute;
	top: -18px;
	right: -18px;
	z-index: 9999999;
	}

/* Slideshow (collection)
----------------------------------------------- */
#slideshow-overlay { line-height: normal!important; }
#slideshow-controls{ height: 20px; }
* html #slideshow-controls{ height: 25px; }
*+html #slideshow-controls{ height: 25px; }
#slideshow-controls span 	{
	background: url("http://sobpool.phaistosnetworks.gr/pathfinder/core/assets/css/slideshow/slideshow-collection-icons.gif");
	text-indent: 0;
	text-indent : -40px;
	width: 18px;
	height: 20px;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	margin: 0 2px;
	overflow: hidden;
}
span#slideshow-controls-play 			{	width: 16px;	}
span#slideshow-controls-play.paused{ 	background-position: 16px 0; }
span#slideshow-controls-previous 		{ 	background-position: 0 0px;	}
span#slideshow-controls-next 			{	background-position: 123px 0px;		}
span#slideshow-controls-play 			{	background-position: 33px 0;	}
#slideshow-meta{
	font-size: 11px;
	text-align: left;
	padding-left: 5px;
	margin-bottom: 5px;
/*	height: 1.15em;*/
	padding-right: 5px;
	color: white;
	overflow: hidden;
}
#slideshow-meta p {
	margin: 2px 0 0 0;
	color: white;
	font-size: 11px;
	line-height: 1.3em!important;
	text-align: justify;
	white-space:  normal;

}
#slideshow-counter,
#slideshow-author{
	position: absolute;
	top: 0px;
	right: 5px;
	font-size :11px;
	color: #ccc;
	margin-top: 5px;
	text-align: left;
	float: left;
}
div#slideshow-author{
	top: 0px;
	left: 5px;
	right: auto;
}
.slideshow	{
	cursor: pointer;
}

/* User shares
------------------------------------------------- */
#user-shares {
	height: 200px;
	overflow: auto;
}
#user-shares li	{
	float: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	width: 50%;
}
#user-shares li .img	{
	margin-right: 15px;
	float: left;
}
#user-shares li .info	{ color: #6f6f6f; }
#user-shares li h5		{ margin: 10px 0 5px 0; }
#user-shares li p		{ font-size: 11px; }

/* Twitter box
------------------------------------------------- */
#twitter-fetcher .box-content {
	position: relative;
	padding-top: 5px;
}
#twitter-fetcher .footer {
	position: absolute;
	bottom: 20px;
	left: 13px;
	background: transparent url("img/twitter-bg.png") no-repeat center bottom;
	height: 34px;
	z-index: 99;
	width: 260px;
}
#twitter-box {
	overflow: hidden;
	height: 320px;
	position: relative;
	background: url("img/ajax-loader.gif") no-repeat center center;
}
#twitter-box li {
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	background: #fff;
	position: relative;
	z-index: 1;
}
#twitter-box li .author {
	float: left;
	margin-right: 10px;
}
#twitter-box li .tweet {
	line-height: 1.3em;
	margin-left: 50px;
	color: #6f6f6f;
}
/* Pathfinder Ads
-------------------------------*/
.pads-item {
	padding: 8px 6px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	font-size: 12px;
	font-family:inherit;
	}
.pads-item.bottom {
	border-bottom: none;
}
.pads-item p {
	margin: 0;
	margin: 5px 0;
	}
.pads-item-merchant {
	color: #6f6f6f;
	}
.pads .image .pads-item-content {
	margin-left: 70px;
	}
.pads img {
	float: left;
	padding: 0;
	margin: 0;
	}
/*
.pads-item-price {
	color: #cb6129;
	} */


/* Rollover thingy
------------------------------*/
.rollover-article {
	background-color: #f9f9f9;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ccc);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ccc));
	border-top: 2px solid #333;
	-webkit-box-shadow: #CCC -3px 4px 3px; -moz-box-shadow: #CCC -3px 4px 3px; box-shadow: #CCC -3px 4px 3px;
}
.rollover-article h5 {
	padding: 5px 5px 7px;
	margin: 0;
	text-align: left;
	background-color: transparent;
	border: none;
	position: relative;
	overflow: hidden;
	font-size: 12px;
}
.rollover-article h5 a {
	border: 1px solid #999;
	position: absolute;
	text-align: center;
	right: 3px;
	top: 3px;
	display: block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	background-color: #fff;
	color: #666;
	font-size:17px;
}
.rollover-article h5 a:hover {
	background-color: #999;
	color: #fff;
	text-decoration:none;
}
.rollover-article .info {
	padding: 5px;
	text-align: left;
	font-size: 15px;
}
.rollover-article img {
	padding: 1px;
	background-color: #fff;
	border: 1px solid #ccc;
	float: left;
}
.rollover-article .has-image p {
	margin-left: 110px;
}
.rollover-article p {
	font-weight: bold;
	margin-bottom: 10px;
}
.rollover-article p.sub {
	font-size: 11px;
	font-weight: normal;
}
.button-disabled { color: #bbb; cursor: default; }

/* Live
----------------------------------------*/
#live-side .tabs ul li {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	cursor: pointer;
}
.incident-box {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
.kind-110 {
	background: #F6F9ED url('img/icons/red-card.jpg') no-repeat 0px 10px;
	padding-left: 40px;
}
.kind-102, .kind-100, .kind-101, .kind-103, .kind-104, .kind-93  {
	background: #F6F9ED url('img/icons/32_football.gif') no-repeat 0px 10px;
	padding-left: 40px;
}
	
.minute {
	font-size: 26px;
	font-weight: bold;
	float: left;
	margin-right: 8px;
}
.num {
	font-size: 12px;
	font-weight: bold;
	width: 25px;
	font-style: normal;
	display: block;
	float: left;
}
.role {
	font-size: 11px;
	float: right;
}
.line {
	border-top: 1px solid #ccc;
}
.live-teams li {
	background: #E6EEF8;
	font-size: 12px;
	padding: 6px;
}
#subs-header {
	padding: 10px;
	background: #007BCA;
	color: #fff;
}

.note 	{
	clear: both;
	background: #fafafa;
	border: 1px solid #ddd;
	padding: 10px;
	}
.note p { margin: 0; padding: 0; }
/* Gallery
---------------------------------------- */
.gallery 			{
	margin: 20px auto;
}
.gallery-content 	{
	height: 400px;			/* Height here */
	overflow: hidden;
}
.gallery img {
	background: white;
}

/* Controls
-------------------------------------- */
.gallery-controls 		{
	width: 75%;
	opacity: 0;
	filter: alpha(opacity=0);

	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity	 .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}
.gallery-controls:after {
	content: "";
	width: 31px;
	height: 46px;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -23px;
	background: url("http://sobpool.phaistosnetworks.gr.s3.amazonaws.com/pathfinder/core/assets/gallery/icons.png") no-repeat -31px 0;
}

.gallery-controls-next 	{
	width: 75%;
	cursor : e-resize;
}
.gallery-controls-next:after {
	left: auto;
	right: 10px;
	background: url("http://sobpool.phaistosnetworks.gr.s3.amazonaws.com/pathfinder/core/assets/gallery/icons.png") no-repeat 0 0;
}

.gallery-controls-previous 		{
	width: 25%;
	cursor : w-resize;
}

.gallery:hover .gallery-controls 		{ opacity: .25; filter:alpha(opacity=25); }
.gallery:hover .gallery-controls:hover 	{ opacity: .7; filter:alpha(opacity=70); }

/* Navigation
-------------------------------------- */
.gallery nav 		{ margin-top: 10px;}
.gallery li {
	background: #fff;
	border-top: 3px solid #aaa;
	padding: 5px;
	margin-right: 2px;
	list-style-type: none;
	width: 80px;
	height: 60px;
	position: relative;
	float: left;

	opacity: .4;
	filter: alpha(opacity=40);

	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all	 .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.gallery li:hover 		{ opacity: .65; filter: alpha(opacity=65);}
.gallery li img 		{
	display: block;
	border: none;
	margin: 0;
}

.gallery li.selected 		{ opacity: 1; border-color: #555; filter: alpha(opacity=100);}
.gallery li.selected img 	{ opacity: 1;filter: alpha(opacity=100);}

/* Figure
-------------------------------------- */
.gallery figure 			{ background: white; }
.gallery figcaption {
	text-align: left;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 10px;

	background-color: #555;
	background-color: rgba(0, 0, 0, .5);
	color: #f5f5f5;

	font-size: 11px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
	color: #666;

	line-height: 1.3em;
}

.gallery-content,
.gallery-content figure,
.gallery-content figcaption {
	border-radius: 4px;
}

.gallery nav {
	padding-top: 3px;
}
.gallery li.selected:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -3px;
	bottom: 100%;
	width: 0; height: 0;
	border: 6px solid #555;
	border-color: transparent transparent #555 transparent;
}


.box-header.olympics { position: relative; }
.box-header.olympics .icon {
	position: absolute;
	top: -13px;
	right: 50px;
}

/* pathfinder links box 
--------------------------*/
#pathLinksPromo {
		margin: 0;
		position: relative;
		border: 1px solid #ccc;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin: 20px 0 10px 0;
}
#pathLinksPromo .box-header {
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding: 1px;
	background: #e7e7e7;
	background: -moz-linear-gradient(top, #fdfdfd, #e7e7e7);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fdfdfd),color-stop(1, #e7e7e7));

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#pathLinksPromo .box-content {
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 0;
}
#pathLinksPromo .box-header h3 { 
	margin: 0px;
	padding-top: 12px;
	text-shadow: 1px 1px 0 #fff;
}
*+html #pathLinksPromo .box-header h3 { padding-bottom: 4px; }
#pathLinksPromo .box-header span.icon {
	float: left;
	margin: -12px 2px 0 0;
}	
#pathLinksPromo ul li img {
	float: left;
	margin-right: 10px;
	border: 0;
}
#pathLinksPromo li {
	border-bottom: 1px solid #CCC;
	overflow: hidden;
	min-height: 66px;
}
#pathLinksPromo li.last {
	border-bottom: none;
}
#pathLinksPromo li div:hover {
	background-color: #f2f2f2;
}
#pathLinksPromo li div.content { 
	margin: 4px;
	padding: 5px; 
	min-height: 60px;
}
#pathLinksPromo li p {
	margin: 2px 0 0 0;
	color: #666;
	font-size: 12px;
}
#pathLinksPromo li div.info { padding-left: 70px; }
#pathLinksPromo li div.info a {
	position: relative;
	display: block;
}


/* Admin stuff (counter)
--------------------------------------- */
a em.admin-counter {
	font-size: 11px;
	font-weight: normal;
	padding: 2px 3px;
	line-height: normal;
	background: #FFF6BD;
	font-style: normal;
	color: #333;
	margin-left: 20px;
	position: absolute;
	right: 0;
	border: 2px solid #fff;
	top: 50%;
	margin-top: -12px;
	z-index: 10009;
	letter-spacing:0;
}