/*
Passagen Frontage Style Sheet
Latest update: 080307
By: Yacine Belarbi.
*/


/*          Common Styles ---------- */

h1, h2, h3 
{
	color: #333;
}

h1 
{
	font: normal 24px/28px Arial Black, Arial, sans-serif;
}

h4
{
	font-size: 11px;
}

a, a:active 
{ 
	color: #000;
}
a:hover 
{ 
	color: #FF3300; 
}
a:visited 
{ 
	color: #993333; 
}

select, input 
{ 
	font-size: 10px; 
	font-family: verdana;
}

li span.title
{
	font-size: 11px;
	display: block;
	font-weight: bold;
}

li span.text
{
	display: block;
}

/*          Leftcol styles ---------- */

#leftcol
{ 
	width: 125px; 
	overflow: hidden; 
	float: left; 
	margin-right: 10px;
	line-height: 1.5;
	font-size: 10px;
}

#leftcol ul#leftmenu
{ 
		margin: 0 0 10px 0; 
		list-style: none; 
		border-top: 1px solid #ccc;
}

#leftmenu 
{ 
	border: 1px solid #ccc; 
	background:#f6f6f6;
}

#leftmenu li 
{ 
	border-top: 1px solid #ccc; 
	line-height: 1.7; 
	padding: 2px 10px;
} 

#leftmenu li.top 
{ 
	padding: 2px 1px; 
	border:0; 
	font-weight: bold;
} 
#leftmenu li.top img 
{ 
	padding: 0px;
}

#leftmenu li img
{ 
	padding: 2px 0px 6px;
	vertical-align: middle;
}

#leftmenu a 
{ 
	text-decoration: none;
}

#leftpartners 
{ 
	border-top: 1px solid #ccc;
	margin-bottom: 10px;
}

#leftpartners li img 
{ 
	vertical-align: bottom;
}

#radioplayer 
{ 
	padding: 5px; 
	background: #f6f6f6 url(../img/radio_bg.gif) no-repeat; 
	display: none; 
	border: 1px solid #ccc; 
	margin: 0 0 10px;
}

#radioplayer label 
{ 
	display: block; 
	font-weight: bold; 
	margin-bottom: 5px;
}

/*          centercol styles ---------- */

#centercol
{ 
	width: 470px; 
	overflow: hidden; 
	float: left;
}

ul.header
{
	float: left;
	width: 458px;
	padding: 5px 6px 4px 6px;
	color: #fff;
	background: #efefef;
}

ul.tabs
{
	float: left;
	width: 458px;	
	padding: 0px 6px;
	background: #efefef url(/frontpage/img/tabs_bg.gif) repeat-x 0 100%;
}

ul.header li, ul.tabs li
{
	float: left;
}

ul.tabs li.latest span,ul.tabs li.most_pop span
{
	background: #d5d5d5 url(/frontpage/img/tabs_inactive.gif) repeat-x;
	color: #333;
	font-size: 10px;
	padding: 2px 5px;
	border: 1px solid #fff;
	border-right-color: #c7c7c7;
	border-bottom-color: #999;
	display: block;
	margin-top: 8px;
	cursor: pointer;
}

ul.tabs li.latest span.active,ul.tabs li.most_pop span.active
{
	background: #fff url(/frontpage/img/tabs_active.gif) repeat-x;
	border-bottom-color: #fff;
	color: #000;
}

ul.tabs li.search
{
	width: 195px;
	height: 22px;
	padding-top: 8px;
}

ul.tabs li.search input.textfield
{
	border: none;
	background: none;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 8px;
	height:15px;
}

ul.tabs li.search input.submit-button
{
	border: none;
	text-indent: -9999px;
	background: none;
	margin-left: 3px;	
	cursor: pointer;
	width: 18px;
	padding: 0px;
}

#conf_header, #blogg_header
{
	margin: 0 0 10px 0;
	float: left;
}

ul.header li.numbers, ul.tabs li.search
{
	float: right;
}

ul.header li.title
{
	font-size: 18px;
	padding: 0 0 2px 0;
}

ul.header a
{
	color: #fff;
}

ul.tabs a
{
	text-decoration: none;
	color: 999;
}

ul li.text span
{
	display: block;
}

.box
{
	padding-bottom: 15px;
	float: left;
}

/*          Rightcol styles ---------- */

#rightcol
{
	width: 144px; 
	float: right; 
	overflow:hidden;
}

/*          Mainpuff styles ---------- */

#mainpuff p 
{
	padding-top: 5px;
}

#mainpuff .text 
{
	padding: 5px 0;
	font-size: 1em;
}

#mainpuff .text a 
{
	font-weight: bold;
	text-decoration: underline;
}

/*          smallpuffs styles ---------- */

ul#smallpuffs 
{ 
	line-height: 1.4;
	overflow: hidden;
	width: 470px;
}

#smallpuffs li 
{
	float: left; 
	width: 110px;
	font-size: 0.9em;
	padding-right: 10px;
}

#smallpuffs li.right
{
	padding: 0px;
}

#smallpuffs li span.title
{
	font-size: 10px;
}

#smallpuffs li span.text
{
	display: block;
}

#smallpuffs a 
{ 
	text-decoration: none;
}

/*          sidepuffs styles ---------- */

ul#side-puffs li
{
	padding-bottom: 10px;
}

ul#side-puffs h3
{ 
	background: red;
	font-size: 11px;
	color: #fff;
	padding: 0 0 1px 3px;
}

ul#side-puffs a
{
	text-decoration: none;
}

ul#side-puffs li.video h3
{
	background: url(/frontpage/img/sidepuffs_bg_green.gif) repeat-x;
}

ul#side-puffs li.debatt h3
{
	background: url(/frontpage/img/sidepuffs_bg_red.gif) repeat-x;
}

ul#side-puffs li.blogg h3
{
	background: url(/frontpage/img/sidepuffs_bg_orange.gif) repeat-x;
}

ul#side-puffs li.quiz h3
{
	background: url(/frontpage/img/sidepuffs_bg_quiz.gif) repeat-x;
}

ul#side-puffs li h3
{
	background: url(/frontpage/img/sidepuffs_bg_grey.gif) repeat-x;
}


/*          Conferences styles ---------- */

#conf_header ul.header
{
	background: url(/frontpage/img/conf_header_bg.gif) repeat-x;
}

#conf_header ul.tabs li.search
{
	background: url(/frontpage/img/searchfield_red.gif) no-repeat 100% 7px;
}

#conf_header ul.tabs li.latest span:hover,#conf_header ul.tabs li.most_pop span:hover
{
	color: #993333;
}

#conf_header ul.tabs li.latest span.active,#conf_header ul.tabs li.most_pop span.active
{
	color: #993333;
}

#conferences-most-popular
{
	display: none;
}

ul.conference-post
{
	padding-bottom: 15px;
	float: left;
	line-height: 135%;
	width: 470px;
}

ul.conference-post a
{
	text-decoration: none;
}

ul.conference-post a:hover
{
	text-decoration: underline;
}

ul.conference-post li.image
{
	width: 50px;
	float: left;	
	background: #efefef;
	padding: 4px;
	overflow: hidden;
	margin-top: 1px;
	border: 1px solid #e4e4e4;
}

ul.conference-post li.image:hover
{
	border: 1px solid #b4b4b4;
}

ul.conference-post li.text
{
	float: right;
	width: 402px;
	padding-left: 8px;
	font-size: 10px;
}

ul.conference-post li.text span.title a, ul.conference-post li.text span.meta a
{
	font-weight: bold;
}

ul.conference-post li.text span.title a
{
	color: #993333;
	font-size: 11px;
}

ul.conference-post li.text span.comments
{
	padding-left: 20px;
	float: left;
	color: #00a4d6;
	background: url(/frontpage/img/icon_comments.gif) no-repeat 3px 1px;
}

ul.conference-post li.text span.meta
{
	float: left;
}


ul.conference-post li.text span.message
{
	clear: both;
}
/*          Blogg styles ---------- */

#blogg-latest
{
	float: left;
	width: 470px;
}

#blogg_header ul.header
{
	background: url(/frontpage/img/blogg_header_bg.gif) repeat-x;
}

#blogg_header ul.tabs li.search
{
	background: url(/frontpage/img/searchfield_orange.gif) no-repeat 100% 7px;
}

#blogg_header ul.tabs li.latest span
{
	cursor: default;
}

ul.blogg-post
{
	padding-bottom: 15px;
	float: left;
	display: block;
	line-height: 135%;
}

ul.blogg-post a
{
	text-decoration: none;
}

ul.blogg-post li.image
{
	width: 50px;
	float: left;	
	background: #efefef;
	padding: 4px;
	overflow: hidden;
	margin-top: 1px;
	border: 1px solid #e4e4e4;
}

ul.blogg-post li.image:hover
{
	border: 1px solid #b4b4b4;
}

ul.blogg-post li.text
{
	float: right;
	width: 402px;
	padding-left: 8px;
	font-size: 10px;
}

ul.blogg-post li.text span.title a, ul.blogg-post li.text span.meta a
{
	color: #666;
	text-decoration: underline;
}

ul.blogg-post li.text span.title a
{
	color: #ff7800;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

ul.blogg-post li.text span.title a:hover
{
	text-decoration: underline;
}

ul.blogg-post li.text span.meta a:hover
{
	text-decoration: none;
}

/*          Weather styles ---------- */

#weather
{
	background: url(/frontpage/img/weather_bg.gif) repeat-x;
	padding: 5px;
	margin-bottom: 17px;
}

#weather a
{
	text-decoration: none;
}

#weather h2
{
	font-size: 12px;
	padding-bottom: 2px;
}

#weather table 
{
	width: 100%;
	margin-bottom: 10px;
	line-height: 1.5;
}

#weather table tr td 
{
	padding: 0; 
	margin: 0;
}

#weather table tr.space td 
{
	padding-top: 8px;
}


/*          Eniro searchbox styles ---------- */

.enirosearchbox { 
	font-size: 11px;
	background: url(/frontpage/img/eniro_bg.gif) repeat-x 0 100%; 
	padding: 12px 10px 10px 10px; 
	margin: 0 0 10px 0; 
	position: relative;
}

.enirosearchbox form 
{ 
	float: left; 
	margin: 0;
	padding-left: 10px;
}

.enirosearchbox form .search 
{ 
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 13px; 
	padding: 2px;
	width: 300px; 
	border: 1px solid;
	border-color: #ccc #ddd #ddd #ccc;
}

.enirosearchbox form .sub 
{ 
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 11px; 
}

.enirosearchbox form span 
{
	position: relative; 
	bottom: 2px; 
	margin-left: 15px; 
}

.enirosearchbox form span input 
{
	vertical-align: -3px; 
	margin-left: 5px;
}

.enirosearchbox img  
{ 
	float: right; 
	margin: 1px 0 0 0; 
}


/*          Videobox styles ---------- */

#video ul.header
{
	background: url(/frontpage/img/video_header_bg.gif) repeat-x;
}

#video h3
{
	font-size: 18px;
	padding: 10px 0 3px;
	float: left;
	width: 450px;
}

#video h4
{
	font-size: 12px;
	padding: 5px 0 10px;
	float: left;
	width: 450px;
}

#player
{
	padding: 0 10px;
	background: #fff url(/frontpage/img/video_player_bg.gif) repeat-x 0 0;
	float: left;
}

ul#video-puff
{
	width: 470px;
	float: left;
	padding-top: 10px;
}

ul#video-puff li
{
	float: left;
	padding-right: 10px;
	width: 150px;
}

ul#video-puff li a
{
	text-decoration: none;
}

ul#video-puff li.right
{
	padding: 0px;
}

/*          Spelbox styles ---------- */

#spel ul.header
{
	background: url(/frontpage/img/spel_header_bg.gif) repeat-x 0 -6px;
	margin-bottom: 10px;
}

ul#games
{
	float: left;
	width: 470px;
}

ul#games li
{
	padding: 0 10px 0 0;
	float: left;
}

ul#games li.right
{
	padding: 0px;
}

ul#games li a
{
	text-decoration: none;
	display: block;
	overflow: hidden;
	width: 150px;
	height: 165px;
	cursor: pointer;
}


ul#games li .gametype
{
	padding-left: 5px;
	background: #000;
	color: #fff;
	display: block;
	font-weight: bold;
}

/*          Quiz styles ---------- */

#quiz,#quiz-most-popular,#quiz-top-rated

{
	float: left;
}

ul.quiz-list
{
	padding-bottom: 5px;
	float: left;
	display: block;
	line-height: 135%;
}

ul.quiz-list li
{
	padding-bottom: 10px;
	display: block;
	float: left;
}

ul.quiz-list li img
{
	float: left;
	width: 30px;
	padding-right: 2px;
}

ul.quiz-list li span a
{
	float: left;
	width: 93px;
	font-size: 10px;
	text-decoration: none;
	color: #00a1db;
	display: block;
	height: 30px;
	overflow: hidden;
}

ul.quiz-list li a:hover
{
	text-decoration: underline;
	color: #FF3300;
}

#quiz span.headertitle
{
	font-size: 11px;
	font-weight: bold;
	color: #00a1db;
	padding: 5px 0;
	display: block;
}

/*          Query styles ---------- */

#query
{
	padding-bottom: 10px;
}

#query p
{
	font-weight: bold;
	font-size: 11px;
	padding: 3px 0;
}

/*          Aliasbox styles ---------- */

#alias_header ul.header
{
	background: url(/frontpage/img/alias_header_bg.gif) repeat-x;
}

#alias_header ul.tabs li.search
{
	background: url(/frontpage/img/searchfield_blue.gif) no-repeat 100% 7px;
}

#alias_header ul.tabs li.latest span
{
	cursor: default;
}

#alias .hoverbox
{
	cursor: hand;
	list-style: none;
	float:left;
	padding-top: 10px;
	margin-bottom: 15px;
}

#alias .hoverbox a
{
	cursor: hand;
	position: relative;
}

#alias .hoverbox a .preview
{
	display: none;
}

#alias .hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -15px !important;
	left: -13px!important;
	top: -15px;
	left: -13px;
	z-index: 1;
}


#alias .hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}


#alias .hoverbox img
{
	background: #fff;
	color: inherit;
	padding: 1px;
	vertical-align: top;
	width: 50px;
	height: 50px;
}

#alias .hoverbox li
{
	background: #eee;
	color: inherit;
	display: inline;
	float: left;
	position: relative !important;
	position: static;
}

#alias .hoverbox .preview
{
	border-color: #000;
	width: 75px;
	height: 75px;
}