/* General Styles */

body { background-color:#ffffff; background-repeat:repeat-x; padding:0; margin:0; }
body, html { height:100%; }
body, p, div, td { font-family:arial, verdana, sans-serif; font-size:12px; }

img { border:none; }

/* General font and color styles */
a { color: #2C4185; }
.rightpanel .content td { font-size:12px; }
.plusannonser .content td { font-size:12px; }
.leftpanel .content td { font-size:11px; }

ul li { padding:0; margin-left:-2em; margin-bottom:0.25em; }


/* General Headers */
h2, .header2 { margin-bottom:0.3em; }
h3, .header3 { margin-bottom:0.3em; }
h4, .header4 { margin-bottom:0.4em; color:#636363 !important; font-size:12px; }
h5, .header5 { color:#636363 !important; font-size:12px !important; margin:0 !important; padding:0 !important; padding-bottom:0.2em !important; margin-bottom:0.5em !important; border-bottom:1px solid #DADADA !important; }

/* General Form styles */
select { font-family:arial, verdana, sans-serif; font-size:12px; }
input { font-family:arial, verdana, sans-serif; font-size:12px; }
textarea { font-family:arial, verdana, sans-serif; font-size:12px; }
form { margin:0px; padding:0px; }

.black { color:black; }
.white { color:white; }

.black:hover,
.white:hover { color:inherit; }

.uppercase { text-transform:uppercase; }

/* Vitruta - För kontakt t.ex */

div.vitruta, 
div.plusannons
{ 
	width:100%; 
	margin:0px; 
	border:1px solid #cecece; 
}

div.vitruta div.content,
div.plusannons div.content 
{ 
	padding:8px; 
	margin:0px; 
}

div.vitruta div.content td 
div.plusannons div.content td 
{ 
	font-size:12px; 
	color:#000000; 
}

/* NEW STYLES */

/* Top menu navigation styles */

#topimage { margin:0px; padding:0px; }
#topmenu { width:100%; height:37px; padding:0px; margin:0px; margin-bottom:4px; background-color:#dedede; }

/* Karriärguide styles */
div.karriarguide_lankar { margin-bottom:1em; }





/* Ads Table Styles */

h1 { color:black; font-weight:bold; }
h2 { color:#444; font-weight:bold; }
h3, h4, h5, h6 { color:#928D88; font-weight:bold; }

#adTable { width:500px; }
#adTable th { padding:5px; text-align:left; padding-bottom:5px; }
#adTable th, #adTable th a { font-size:14px; color:#636363; font-weight:bold; }
#adTable td { padding:5px; padding-top:6px; padding-bottom:6px; }
#adTable td a { text-decoration:none; color:#00216d; display:block; padding-left:0.8em; text-indent:-0.8em; }
#adTable td a:visited { color:#4d6c96; }
#adTable td a b { color:#ff8800; }
#adTable td a:hover, #adTable th a:hover { color:#ff8800; }
#adTable tr.even td { background-color:#f2f2f2; }

/* Anonslista/Sökresultat styles */

div.annonslista { font-size:11px; padding-left:0em; }
div.annonslista h2 { font-size:12px; margin:0; margin-bottom:0.4em; display:block; text-indent:-0em }
div.annonslista h2 a { color:#00216d; }
div.annonslista h2 a:visited { color:#4d6c96; }
div.annonslista h2 a:hover { color:#ff8800; }
/* div.annonslista h2 b { color:#4d6c96; } */
div.annonslista h5 { font-size:11px; margin:0; }
div.annonslista h5 i { font-weight:normal; }

/*  NY TEST ANNONSLISTA TEST TEST TEST */
div.annonslista
{
	/*font-size:0;*/
}

div.annonslista h2 
{
	font-size:12px;
	margin:0;
	margin-bottom:0.1em;
	display:block;
	font-weight:bold;
}

.jobadfavourite
{
	/*
	float:left !important;
	margin:-1px 6px 0px 2px !important;
	*/
}

div.hr
{
	line-height:20px;
	height:20px;
	font-size:20px;
	border:none;
	margin:0;
}



/*  SLUT NY TEST ANNONSLISTA TEST TEST TEST */

/* Page header */
div.annonslista div.header, 
div.rightpanel div.header, 
div.tableheader, 
#sidepanel div.header 
{ 
	font-size:12px; 
	background:url('http://static.medrek.se/images/ui/headerbar_bg.gif') repeat-x;
	padding:0px 8px;
	line-height:30px;
	color:#535353;
	font-weight:bold;
	margin-bottom:14px;
	border:1px solid #cacaca; 
}

/* RIGHTPANEL CONTENT STYLES */
div.rightpanel 
{ 
	width:100%; 
	clear:both; 
}

div.rightpanel div.content 
{
	font-size:12px; 
}

div.rightpanel div.content #alternativTable 
{ 
	padding:0px; 
}



option { color:#666666; }
option.huvudgrupp { font-weight:bold; }

/* PAGE WRAPPER SIZE & MARGINS */

#pagewrapper 
{ 
	/*position:relative;
	min-height:100%;
	_height:100%;*/
	min-height:0 !important;
	height:auto !important;
	background:url(http://static.medrek.se/images/ui/bottomnav_bg2.gif) repeat-x left bottom;
}

#pagewrappercontent
{
	margin:0px 20px;
	/*
	padding-bottom:17em;
	*/
}

#pagecontentwrapper
{
	width:725px;
	margin-right:15px; 
	border-right:1px solid #d8d8d8;
}

/* BOTTOM MENU STYLES */

#bottommenu 
{ 
	/*
	background-image:url('http://static.medrek.se/images/ui/bottomnav_bg.gif'); 
	border-top:1px solid #c0c0c0; 
	margin:0px; 
	padding:10px 0px;
	position:absolute; 
	height:auto;
	_height:12em;
	min-height:12em;
	bottom:0;
	width:100%;
	*/
	margin-top:3em;
	padding:10px 0px;
	height:12em;
}
#bottommenucontent
{
	width:700px;
	/*
	padding-right:310px;
	padding-left:20px;
	margin:0 auto;
	*/
	text-align:left;
	color:#6B6B6B;
	font-size:11px;
	text-indent: 0px;
	line-height: 3em;
}
#bottommenu .sitemap_lankar 
{
	width:20%;
	display:inline;
	float:left;
	margin:0;
}
#bottommenu .sitemap_lankar .header
{
	color:#6B6B6B;
	font-size:11px;
	line-height: 2em;
}
#bottommenu .sitemap_lankar .content
{
	padding:0;
	line-height: 1.4em;
}
#bottommenu .sitemap_lankar a
{
	font-size:11px; 
	color:#000; 
}
#bottommenu .sitemap_lankar a:hover
{
	color:#F80;
}
#bottommenu .sitemap_lankar a img
{
	filter:alpha(opacity=60);
	opacity: 0.6;
}
#bottommenu .sitemap_lankar a:hover img
{
	filter:alpha(opacity=100);
	opacity: 1;
}
#bottommenu .sitemap_lankar .marker 
{ 
	display:none; 
}


/* PAGE CONTENTS SIZE & MARGINS */

#pagecontent,
#sidepanel
{
	float:left;
}

#pagecontent 
{ 
	margin:0px; 
	padding:0px; 
	margin-right:25px; 
	width:500px; 
	min-height:450px;
}

#pagetopcontent
{
	width:710px;
	margin-right:15px;
}


/* TOP NAVIGATION STYLES */

#topnav 
{ 
	white-space:nowrap; 
	height:140px; 
	min-width:850px;
	/*margin-bottom:15px; */
}
#topnav a, #topnav a:hover 
{ 
	text-decoration:none; 
}

#logotyp { float:left; margin-right:20px; }

/* Tab Styles */
#tab1, #tab2, #tab3 { text-decoration:none; display:block;  margin-bottom:0px; cursor:pointer; z-index:100; }

/* TOPNAV LINKS */

ul#navTabsWrapper li
{
	margin:0;
	padding:0;
	margin-top:48px;
	margin-right:6px;
	display:block;
	padding-left:8px;
	float:left;
}

ul#navTabsWrapper li.tab:hover a
{
	color:inherit; 
}

ul#navTabsWrapper li.tabactive
{
	background:url(http://static.medrek.se/images/ui/medrek_topnav_tab.gif) top left;
}

ul#navTabsWrapper li.tabactive a
{
	color:white;
	background:url(http://static.medrek.se/images/ui/medrek_topnav_tab.gif) top right;
}

ul#navTabsWrapper li a
{
	font-size:14px;
	font-weight:bold;
	color:black;
	line-height:37px;
	padding-right:8px;
}



/* TOPNAV EXPERIMENTAL STYLES */
#topnavlinks
{
	padding:0px;
	margin:0px;
	padding-top:40px;
	list-style:none;
}
#topnavlinks li 
{
	display:inline;
	float:left;
	position:relative;
	padding:0px;
	margin:0px 25px 10px 0px;
}
#topnavlinks a
{
	color:black;
	font-size:14px;
	font-weight:bold;
}

#topnavlinks a:hover
{
	color:#777;
}

#topnav
{
	height:120px;
}

.topnav_dropdown
{
	background:white;
	z-index:500;
	border:1px solid #b9b9b9;
	display:none;
}

.topnav_dropdown a
{
	display:block !important;
	padding:4px 8px;
	color:black !important;
	line-height:100%;
	font-size:11px !important;
	font-weight:normal !important;
	text-decoration:none !important;
	clear:both;
}

.topnav_dropdown a:hover
{
	background: #5e81bc;
	color:white !important;
	text-decoration:none !important;
}

.topnav_dropdown a.header
{
	color:black !important;
	padding-bottom:8px !important;
}

.topnav_dropdown a.marker
{
	display:none !important;
}

.topnav_dropdown a.text
{
}

#ovrigatjanster_lank.selected 
{
	padding:6px 8px; 
	border:1px solid #B9B9B9;
	background:white;
	position:relative;
	margin:-7px -9px; 
	border-bottom:0px solid white;
	z-index:1000;
	display:inline-block;
}

/* AMOUNT OF JOBS ARROW STYLES */

#antaljobbpil 
{
	position:absolute; 
	top:0px; 
	left:680px; 
	width:106px; 
	height:115px; 
	_background:url(http://static.medrek.se/images/ui/medrek_topnav_antaljobbpil.gif) no-repeat; 
	background:url(http://static.medrek.se/images/ui/medrek_topnav_antaljobbpil.png) no-repeat; 
	text-align:center; 
	color:#ffffff; 
}

#antaljobbpil .thetext 
{
	font-size:14px; 
	padding:6px; 
	padding-top:20px; 
}

#antaljobbpil .thetext .antaljobb 
{
	font-weight:bold; 
	font-size:18px; 
}



/* SEARCH STYLES */

#sokforslag_div
{
	min-width:300px;
	_width:300px;
}

#soktext_dropdownbutton
{
	width:22px;
	height:33px;
	background:url(http://static.medrek.se/images/ui/search_dropdown_button.gif) top left;
	float:left;
}

#soktext_dropdownbutton.active
{
	background-position:bottom left;
}


.snabbsok_frontpage
{
	background:url(http://static.medrek.se/images/ui/medrek_forstasida_helsida_bg.jpg); 
	width:640px;
	color:white !important;
	padding:25px 35px;
	margin-bottom:20px;
	min-height:200px;
	_height:200px;
	position:relative;
}

.snabbsok_frontpage h1
{
	color:white !important;
	font-weight:normal;
	font-size:32px;
}

.snabbsok_frontpage a
{
	color:white;
	font-weight:bold;
}

/* Yrkesgrupplänkar under sökningen */

.snabbsok_yg
{
	width:450px;
	margin-top:0.5em;
}

.snabbsok_yg a
{
	float:left;
	display:inline;
	font-size:12px;
	font-weight:bold;
	width:33%;
	margin:5px 0px;
}

.snabbsok_frontpage .snabbsok_yg a
{
	color:white !important;
	text-decoration:underline;
}

.snabbsok_lankar a
{
	font-weight:bold;
	color:white !important;
}

a.forstasida_storknapp
{
	display:block;
	background:url(http://static.medrek.se/images/ui/medrek_startsida_storknapp.png) no-repeat top left;
	text-align:center;
	width:185px;
	height:100px;
	line-height:95px;
	margin-bottom:14px;
	font-size:22px;
	color:#525252 !important;
}

a.forstasida_storknapp.hover
{
	background-position:center left;
}

a.forstasida_storknapp.pressed
{
	background-position:bottom left;
	color:black !important;
}



.smallbutton,
.smallbutton:hover,
.smallbutton:active
{
	background:url(http://static.medrek.se/images/ui/button_small.png) no-repeat top right;
	height:21px;
	margin:0;
	padding:0;
	border:none;
	display:inline-block;
	_display:inline;
	color:black !important;
	cursor:pointer;
}
.smallbutton span
{
	background:url(http://static.medrek.se/images/ui/button_small.png) no-repeat top left;
	margin:0;
	margin-right:4px;
	margin-top:0px;
	padding:0px 4px 0px 8px;
	line-height:21px;
	height:21px;
	display:block;
	font-size:11px;
	border:none;
}
 

.scriptbutton.hover { background-position:center right; }
.scriptbutton.hover span { background-position:center left; }

.scriptbutton.pressed { background-position:bottom right; }
.scriptbutton.pressed span { background-position:bottom left; }


#presentationer li { margin:0; padding:1.7em 0em; }


/* Sidepanel Styles */
#sidepanel { width:185px; height:100%; }
#sidepanel .header { margin-bottom:7px !important; }
#sidepanel .content, #sidepanel .content div { font-size:11px; }
#sidepanel .content a, #sidepanel .club .clubcontent a { text-decoration:none; color:#000000; display:block; }
a .marker { font-weight:bold; color:#4d6c96; }
#sidepanel .content a:hover, #sidepanel .content a.text:hover, #sidepanel .club .clubcontent a:hover, #sidepanel .club .clubcontent a.text:hover { color:#ff8800; }
#sidepanel .content a.marker, #sidepanel .club .clubcontent a.marker { color:#4d6c96; display:inline; float:left; font-weight:bold; clear:left; text-indent:0; margin:0; }
#sidepanel .content a.text, #sidepanel .club .clubcontent a.text { color:#000000; display:inline; float:left; padding-top:2px; padding-bottom:2px; text-indent:0; margin:0; width:170px; }
#sidepanel .club .clubcontent a.text { width:150px; }

#sidepanel .content.center a { display:inline; }
#sidepanel .divider { margin-top:4px; margin-bottom:4px; height:0px; line-height:0px; border-top:1px solid #dadada; }
#sidepanel .content .hr { margin:8px 0px; }


#sidepanel div.bottom { line-height:0px; font-size:0px; clear:both; height:14px; }


/* Club panel styles */
#sidepanel .club { background:url('/images/sj_sidepanel_club_top.gif') no-repeat; width:185px; margin-bottom:20px; }
#sidepanel .club .clubheader { background:none; color:#636363; font-weight:normal; padding:8px 10px 0.3em 12px; border-bottom:1px solid #dddddd; margin-bottom:0.6em; }
#sidepanel .club .clubcontent { padding:0px 12px 5px 12px; }
#sidepanel .clubbottom { background:url('/images/sj_sidepanel_club_bottom.gif') no-repeat; clear:both; height:5px; line-height:0px; font-size:0px; }


/* Sitemap styles */
div.sitemap_lankar { margin-bottom:1em; }
div.sitemap_lankar a.marker { font-weight:bold; }
div.sitemap_lankar div.header { font-weight:bold; }
div.sitemap_lankar div.content { padding-left:1em; }


/* FORM STYLES */

.snabbsok #soktext_e
{
	width:370px !important;
}

.snabbsok_frontpage #soktext_e
{
	width:300px !important;
}

#soktext_e
{
	font-size:16px;
	/*
	padding:2px;
	*/
}

input.button
{
	font-size:12px;
	/*
	line-height:1.5em;
	*border-width:1px;
	border:2px solid #003473;
	background:url(http://static.medrek.se/images/ui/medrek_button_bg.gif) #003473 center center repeat-x;
	
	color:white;
	padding:2px 4px;
	*/
}

#sokjobb_knapp
{
	font-size:14px;
	padding:3px 7px;
	/*
	line-height:1.5em;
	font-weight:bold;
	*/
}

/* Inputfält */

input.inputfield
{
	color:black;
	line-height:1em;
	/*
	padding-top:4px;
	padding-bottom:4px;
	border:1px solid #aaaaaa;
	background:url(http://static.medrek.se/images/ui/input_bg.png) white top left;
	_background:url(http://static.medrek.se/images/ui/input_bg.gif) white top left;
	*/
}

input.inputfield.inactive
{
	color:#999;
	/*font-style:italic;*/
}

input.inputfield.inactive:hover
{
/*
	background-color:#ecf2db;
*/
}


input.notValidated, textarea.notValidated, select.notValidated { background-color:white; border:1px solid #CD001C !important; }
span.notValidated { background-color:white; border-left:3px solid #CD001C !important; }
input.notValidated { padding:2px 1px; }
textarea.notValidated { padding:2px; }

/* BANNER STYLES */
.banners img, .banners object { display:block; margin-bottom:4px; }
.banners { padding-right:2px; padding-top:0; }
.banners .begin img { margin-bottom:-3px; }
.bannerWrapper { /* width:245px; */ }


/* Register / Login overlay divs */

html, body, form
{ 
  width:100%
} 
div#registreraloggain,
div#popupcontainer
{
  position:fixed;
  top:0;
  left:0;
  display:none; 
  width:100%;
  height:100%;
  /* The following code simulates position:fixed, ignored on non-IE browsers */
  _position: absolute;
  _top: expression( ( 0 + ( ignoreMe = document.body.scrollTop ) ) + 'px' );
}
div#registreraloggain div.popup,
div#popupcontainer div.popup
{
  width:680px;
  height:360px;
  padding:40px;
  /*background-color:white;
  border:1px solid #cecece;*/
  background:url('/images/ui/registreraloggain_background.png') no-repeat;
  _background:url('/images/ui/registreraloggain_background.gif') no-repeat;
  z-index:1003;
  text-align:center;
  position:relative;
  top:150px;
  margin:0 auto;
}
div#popupcontainer div.popup.popupansok
{
  width:300px;
  height:150px;
  padding:40px;
  background:url('/images/ui/popup_ansok_background.png') no-repeat;
  _background:url('/images/ui/popup_ansok_background.gif') no-repeat;
}
div#popupcontainer div.popup.popupansok iframe
{
  width:300px;
  height:150px;
}
div#registreraloggain div.shadow,
div#popupcontainer div.shadow
{
  background:black;
  opacity:0.5;
  filter:alpha(opacity=50);
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:1002;
}
div#registreraloggain h3,
div#popupcontainer h3
{
  font-size:18px;
  color:#444;
}
div#registreraloggain .closebutton,
div#popupcontainer .closebutton
{
  position:absolute; 
  display:block; 
  right:2px; 
  top:2px; 
  width:36px; 
  height:36px; 
  background:url('http://static.medrek.se/images/ui/lightbox_close.png') no-repeat;
  _background:url('http://static.medrek.se/images/ui/lightbox_close.gif') no-repeat;
}
div#registreraloggain .closebutton:hover,
div#popupcontainer .closebutton:hover
{
  background-position:0px -36px;
}
div.flexibleheader
{
  background:url('[render-image-url]flexible_headerbar.gif') repeat-x;
  border:1px solid #d1d1d1;
  font-weight:bold;
  padding:7px 10px;
  margin-bottom:12px;
  color:#636363;
}

/* Add Favourite Job */
span#help_jobadFavourite 
{ position:absolute; left:100px; top:100px; z-index:1003 }
.jobadfavourite 
{ display:block; float:right; width:17px; height:17px; line-height:17px; background:url(http://static.medrek.se/images/favouritestar_off.gif) no-repeat; margin:0 0 8px 8px; }
.jobadfavourite.jobadfavourite_active 
{ background-image:url(http://static.medrek.se/images/favouritestar_on.gif); } 

.treeastext { font-weight:normal; }

@media print {
	#pagecontent 
	{ 
		width:500px; 
	}
	
	#antaljobbpil, 
	#topnav, 
	#sidepanel, 
	#bottommenu, 
	.banners,
	#topimage, 
	#topmenu, 
	{ 
		display:none; 
	}
	
	body 
	{ 
		background:none #ffffff; 
	}
}