/* 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; }

#logotyp
{
	height:80px;
}

input.inputfield
{
	height:auto;
}

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 */
h1 { color:black; font-weight:bold; }
h4, h5, h6 { color:#636363; font-weight:bold; }
h2 { margin-bottom:0.4em; }
h3 { margin-bottom:0.4em; color:#222; }
h4 { margin-bottom:0.4em; font-size:12px; }
h2.margin { margin-top:0.5em; margin-bottom:0.6em; }
h3.margin { margin-top:0.5em; margin-bottom:0.6em; }
h4.margin { margin-top:0.6em; margin-bottom:0.6em; }
h5 { 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; }


/* 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 */


#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; }

/* Annonslista/Sökresultat styles */

div.annonslista { font-size:11px; padding-left:0em; }
div.annonslista h2, div.annonslista h4 { font-size:12px; margin:0; margin-bottom:0.1em; display:block; font-weight:bold; text-indent:-0em }
div.annonslista h2 a, div.annonslista h4 a { color:#00216d; }
div.annonslista h2 a:visited, div.annonslista h4 a:visited { color:#4d6c96; }
div.annonslista h2 a:hover, div.annonslista h4 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; }

div.annonslista a.jobadicon 
{
	filter:alpha(opacity=80);
	opacity: 0.8;
	display:block;
	float:right;
	margin:0 0 8px 8px; 
}
div.annonslista a.jobadicon:hover 
{
	filter:alpha(opacity=100);
	opacity: 1;
}

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


.hr
{
	margin:0;
	padding:0;
	padding-bottom:20px;
	height:0px;
	line-height:0px;
	font-size:0px;
	border:0px solid white;
}


/* Page header */
div.annonslista div.header, 
div.rightpanel div.header, 
div.tableheader, 
#sidepanel div.header, 
#sidepanel div.settingsheader , 
div.vitruta 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; 
}

/* Yrkesgrupp/Yrkeskategorispecifika rubriker */
div.rightpanel div.header h2
{
	color:inherit;
	font-size:inherit;
	margin:0;
	padding:0;
	display:inline;
}

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

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

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

div.vitruta div.header
{ 
	border-width:0 0 1px 0;
	margin:0;
}

#sidepanel div.nod.content
{ 
	padding:0px; 
}
#sidepanel div.nod.content a
{ 
	margin:3px 0; 
}

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

/* RIGHTPANEL CONTENT STYLES */
div.rightpanel 
{ 
}

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:850px;
	/*
	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:15%;
	display:inline;
	float:left;
	margin-right:1%;
}
#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 
{ 
	min-width:850px;
	margin-bottom: 20px;
}
#topnav a, #topnav a:hover 
{ 
	text-decoration:none; 
}

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

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


/* TOPNAV EXPERIMENTAL STYLES */

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


.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;
	white-space: nowrap;
}

.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;
}

/* TOPNAV TAB LINKS */

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

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

ul#navTabsWrapper li.tabactive a
{
	color:white;
}

.tabContent { width:100%; clear:both; height:33px; }
.tabContent a,
.tabContent a:visited 
{
	padding:0px 10px; 
	margin:0px 10px 0px -10px;
	text-decoration:none; 
	font-weight:bold; 
	display:block; 
	float:left; 
	line-height:33px; 
}
#topnav .tabContent a.active, #topnav .tabContent a:hover { color:white; }

.tabContent .marker { display:none !important; }


/* AMOUNT OF JOBS ARROW STYLES */

#antaljobbpil 
{
	position:absolute; 
	top:0px; 
	left:672px; 
	width:106px; 
	height:115px;  
	background:url(http://static.medrek.se/images/ui/topnav_antaljobbpil.png) no-repeat top left; 
	_background:url(http://static.medrek.se/images/ui/topnav_antaljobbpil.gif) no-repeat !important;
	text-align:center; 
	color:#525252; 
	display:block;
}

#topnav #antaljobbpil.hover
{
	color:#525252; 
	background-position:center left;
}

#topnav #antaljobbpil.pressed
{
	color:black;
	background-position:bottom left;
}

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

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





/* 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
{
	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;
	white-space:nowrap;
}

.smalltabbutton, .smalltabbutton span
{
	background-image:url(http://static.medrek.se/images/ui/button_forum_tab.png);
}

.smalltabbutton.active, .smalltabbutton.active span
{
	background-image:url(http://static.medrek.se/images/ui/button_forum_tab_active.png);
}

.smallbutton td
{
	white-space:normal;
}
 
.scriptbutton:hover { text-decoration:none !important; }
.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 div.settingsheader { margin-bottom:0; border-bottom:0px solid white; }
#sidepanel .content, #sidepanel .content div, #sidepanel .content p, #sidepanel .content td { color:black; font-size:11px; }
#sidepanel .content input { font-size:11px; _width:140px; max-width:140px; }
#sidepanel .content input.button { width:auto; }
#sidepanel .content a, #sidepanel .club .clubcontent a { text-decoration:none; 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 { display:inline; float:left; padding-top:3px; padding-bottom:3px; text-indent:0; margin:0; width:170px; }
#sidepanel .content a.text.icon, #sidepanel .club .clubcontent a.text.icon { padding:3px 2px; }
.icon img { opacity:0.7; filter:alpha(opacity=70); }
.icon:hover img { opacity:1; filter:alpha(opacity=100); }
#pagecontent a.icon, #pagecontent a.icon:hover { text-decoration:none; }
#sidepanel .vitruta a.text { width:150px; }
#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 { clear:both; padding:0; margin:8px 0; border-top:1px solid #cecece;  }


#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; }

#sidepanel .datelist { width:100%; }
#sidepanel .datelist td { padding-bottom:0.5em; padding-right:0.3em; vertical-align:top; }

/* 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 */

#soktext_e,
input.largeinput
{
	font-size:16px;
}

input.button
{
	font-size:12px;
}

.small input.button
{
	font-size:90%;
}

#sokjobb_knapp,
.largesubmit
{
	font-size:14px;
	padding:3px 7px;
}

/* 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.focus
{
	color:#AAA;
	/*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; }

#pagecontent .banners { padding:0; }
#pagecontent .banners img { margin-top:10px; margin-bottom:20px; }
.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;
}

.treeastext { font-weight:normal; }

@media print {
	#pagecontent 
	{ 
		width:500px !important; 
	}
	
	#antaljobbpil, 
	#topnav, 
	#bottommenu, 
	.banners,
	#topimage, 
	#topmenu,
	.sidepanel-webbfragan
	{ 
		display:none !important; 
	}
	
	body,
	#pagewrapper
	{ 
		background:none white !important; 
	}
}

.forstasidesknapp {

	display: inline-block;
	outline: none;
	cursor: pointer;
	
	text-align: left;
	width: 176px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-size: 12px; 
	line-height:15px ;
	font-family: arial,verdana;
	
	text-shadow: 0 1px 1px rgba(0,0,0,.0);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 0px 9px;
	
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;

	background-color: #6386a4;
	background-image: url(images/fallback-gradient.png);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6386a4), to(#32618f));
	background-image: -webkit-linear-gradient(top, #6386a4, #32618f);
	background-image:    -moz-linear-gradient(top, #6386a4, #32618f);
	background-image:     -ms-linear-gradient(top, #6386a4, #32618f);
  background-image:      -o-linear-gradient(top, #6386a4, #32618f);

}

.forstasidesknapp:visited {
   color: white;
  }

.forstasidesknapp:hover {
   color: white;
  }

.forstasidesknapp:active {
	position: relative;
	top: 1px;
}