/* STYLES SPECIFIC FOR SKOLJOBB */

/* 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; }

a:visited { color:#4d6c96; }
a, a:hover, a:active { color:#ff8800; text-decoration:none; }
a.marker, a .marker { color:#ff8800; font-weight:bold; }
a { color: #2C4185; }


/* Förstasida snabbsökning */
.startsida_snabbsok { width:492px; height:107px; background:url('/images/sj_startsida_snabbsok.gif') no-repeat; margin-top:0px; margin-bottom:24px; }
.startsida_snabbsok .content { padding:12px; padding-left:15px; }
.startsida_snabbsok .content { padding-top:14px; }
.startsida_snabbsok .bigheader { font-size:16px; font-weight:bold; color:#737373; padding-bottom:4px; }

/* Förstasida snabbsökning */
.startsida_snabbsok2 { width:492px; height:107px; background:url('/images/sj_startsida_snabbsok.gif') no-repeat; }
.startsida_snabbsok2 .content { padding:12px; padding-left:15px; }
.startsida_snabbsok2 .content { padding-top:14px; }
.startsida_snabbsok2 .bigheader { font-size:16px; font-weight:bold; color:#737373; padding-bottom:4px; }
.snabbsok .sokheader { font-weight:bold; color:#737373; }

.headerclr1 { color:#928D88; font-weight:bold; }
.headerclr2 { color:#30216A; font-weight:bold; }

div.listbox div.header { background:none; font-size:12px; font-weight:bold; color:#000000; background:none; padding:0px;  }

/* Headers */
h2, .header2 { margin-bottom:0.6em; }
h3, .header3 { margin-bottom:0.6em; }
h4, .header4 { margin-bottom:0.4em; }
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; }
a.listlink { display:block; margin-bottom:0.3em; margin-top:0.3em; }

/* Yrkesgrupp icon list styles */
#yrkesgruppikoner td { font-size:11px; color:#aaaaaa; }
#yrkesgruppikoner a { font-size:12px; font-weight:bold; }

/* Profilannons Thumbnails på cjProfilannonser */
#profilannonsThumb { width:50%; display:block; float:left; text-align:center; font-weight:bold; padding-top:10px; padding-bottom:15px; }

/* CFrame 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; }

div.rightpanel { width:100%; clear:both; }
div.rightpanel div.header { font-size:14px; color:#636363; font-weight:bold; }
div.rightpanel div.content { font-size:12px; padding-top:0px; padding-bottom:8px; }
div.rightpanel div.content #alternativTable { padding:0px; }

.banners img { display:block; margin-bottom:4px; }
.banners { padding-right:2px; }
.banners .begin img { margin-bottom:-3px; }
.bannerWrapper { width:245px; }

/* Latest Ads Table Styles */

h1, h2, .header1, .header2 { font-weight:normal; }
h1, h2, h3, h5, h6, .header1, .header2, .header3, .header4 { color:#928D88; font-weight:bold; }
h4 { color:#636363; }

#adTable { width:492px; }
#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; color:#888888; padding-left:0.8em; }
div.annonslista h2 { font-size:12px; margin:0; display:block; text-indent:-0.8em }
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:#ff8800; }
div.annonslista h5 { font-size:11px; margin:0; }
div.annonslista h5 i { font-weight:normal; }
div.annonslista div.header, div.rightpanel div.header, div.tableheader { font-size:12px; background:url('/images/sj_headerbar.gif') no-repeat; padding:0px 8px 0px 11px; line-height:31px; color:#535353; font-weight:bold; margin-bottom:14px; }
div.annonslista_morelinks a:hover { border:1px solid #dadada; background-color:#e9ecf3; text-decoration:none; }

/* Vitruta - För kontakt t.ex */

div.vitruta { width:492px; margin:0px; }
div.vitruta div.header { display:none; background:url('/images/vitruta_header_whitetable_bg.gif') no-repeat; padding:7px; padding-left:11px; padding-bottom:8px; color:#ffffff; font-weight:bold; margin:0px; }
div.vitruta div.noheader { display:none; background:url('/images/vitruta_noheader_whitetable_bg.gif') no-repeat; height:10px; line-height:0px; margin:0px; font-size:0px; }
div.vitruta div.footer { display:none; background:url('/images/vitruta_footer_whitetable_bg.gif') no-repeat; height:10px; line-height:0px; margin:0px; font-size:0px; }
/*div.vitruta div.content { border-left:1px solid #D4D4D4; border-right:1px solid #D4D4D4; padding-left:10px; padding-right:10px; margin:0px; }*/
/*div.vitruta div.content { background:url('/images/vitruta_content_whitetable_bg.gif') repeat-y; margin:0px; padding-left:11px; padding-right:11px; }*/
div.vitruta div.content { border:1px solid #D4D4D4; padding:9px; padding-left:11px; padding-right:11px; margin:0px; /* peekaboo bug fix for IE6 */ position:relative; /* peekaboo bug fix for IE7 */ min-width:0; }
/* //rundadehörn// */
div.vitruta div.content td { font-size:12px; color:#000000; }

option { color:#666666; }
option.huvudgrupp { font-weight:bold; }

ul li { padding:0; margin-left:-2em; margin-bottom:0.25em; }

/* NEW STYLES */

/* Top menu navigation styles */

#topmenu { background:url('/images/skoljobb_nb_bg.gif'); }
#topmenu .left { background:url('/images/skoljobb_nb_left.gif'); }
#topmenu .right { background:url('/images/skoljobb_nb_right.gif'); }

/* Side menu navigation styles */

#sidemenu .search { background:url('/images/skoljobb_lm_search.gif'); } 
#sidemenu .header { background:url('/images/skoljobb_lm_header.gif'); } 

/* Side menu content styles */

#sidemenu .content .marker { color:#FAA72A; font-weight:bold; }

/* Bottom menu styles */

#pagewrapper 
{ 
	position:relative;
	min-height:100%;
	_height:100%;
}

#pagewrappercontent
{
	margin:0px 20px;
	padding-bottom:50px;
}

#pagecontentwrapper
{
	width:740px;
}

#bottommenu 
{ 
	background-image:url('/images/medrek_nbbottom_bg.gif'); 
	border-top:1px solid #cecece; 
	height:30px;
	line-height:30px;
	text-indent:20px; 
	font-size:11px; 
	color:#6B6B6B; 
	margin:0px; 
	position:absolute; 
	bottom:0;
	width:100%;
	text-align:center;
}
#bottommenu a { color:#6B6B6B }

/* NEW STYLES */

#antaljobbpil { position:absolute; top:0px; left:660px; width:106px; height:115px; background:url('/images/sj_topnav_antaljobbpil.gif') 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; }

#topnav { white-space:nowrap; height:135px; overflow:hidden; width:750px; }
#topnav a, #topnav a:hover { text-decoration:none; }
body { background:url('/images/sj_topnav_topbar_bg.gif') repeat-x; }

#logotyp { float:left; margin-right:30px; }

/* Tab Styles */
#tab1, #tab2, #tab3 { text-decoration:none; display:block; float:left; margin-right:6px; margin-bottom:0px; margin-top:48px; cursor:pointer; z-index:100; }
.tabactive { background:#dedede; border-bottom:0px;  }

#tab1 { background:url('/images/sj_topnav_arbetssokande.gif') no-repeat; width:148px; height:37px; }
#tab1.tabactive { background:url('/images/sj_topnav_arbetssokande_active.gif') no-repeat; }

#tab2 { background:url('/images/sj_topnav_arbetsgivare.gif') no-repeat; width:136px; height:37px; }
#tab2.tabactive { background:url('/images/sj_topnav_arbetsgivare_active.gif') no-repeat; }

#tab3 { background:url('/images/sj_topnav_omskoljobb.gif') no-repeat; width:129px; height:37px; }
#tab3.tabactive { background:url('/images/sj_topnav_omskoljobb_active.gif') no-repeat; }

/* Tab Content Styles */
.showcontent { display:block; }
.hidecontent { display:none; }

.tabContent { background:url('/images/sj_topnav_lankarbg.gif'); width:100%; clear:both; height:32px; }
.tabContent a { text-decoration:none; color:#000000; display:block; float:left; padding-top:5px; padding-bottom:4px; padding-left:0px; margin-right:12px; }
.tabContent a:visited { color:#000000; }
.tabContent a.marker { margin-right:0px; }
.tabContent a { padding-top:8px; padding-bottom:8px; }
.tabContent a.active { font-weight:bold; }

.tabContent1 .marker, .tabContent1 .marker:visited { font-weight:bold; color:#ff8800; }
.tabContent1 a:hover { color:#ff8800; }
.tabContent2 .marker, .tabContent2 .marker:visited { font-weight:bold; color:#a86aad; }
.tabContent2 a:hover { color:#a86aad; }
.tabContent3 .marker, .tabContent3 .marker:visited { font-weight:bold; color:#4c70a6; }
.tabContent3 a:hover { color:#4c70a6; }

/* IE inherit input padding Bug: Use padding instead of margin */
#pagecontent { margin:0px; padding:0px; margin-right:20px; min-width:492px; _width:492px; *width:492px; overflow-x:hidden; }

/* IE Box model Bug: Set width to width+padding */
* html #pagecontent { width:512px; }

/* Sidepanel Styles */
#sidepanel { width:185px; padding-right:15px; margin-right:15px; border-right:1px solid #eaeaea; height:100%; }
#sidepanel .header { background:url('/images/sj_sidebar.gif') no-repeat; color:#636363; font-weight:bold; width:185px; padding:0px 8px 0px 10px; line-height:31px; min-height:15px; margin-bottom:5px; }
#sidepanel .content { font-size:11px; }
#sidepanel .content a, #sidepanel .club .clubcontent a { text-decoration:none; color:#000000; display:block; padding-top:3px; padding-bottom:3px; padding-left:0.8em; text-indent:-0.8em; }
#sidepanel .content a .marker, #sidepanel .club .clubcontent a .marker { font-weight:bold; color:#ff8800; }
#sidepanel .content a:hover, #sidepanel .content a.text:hover, #sidepanel .club .clubcontent a:hover, #sidepanel .club .clubcontent a.text:hover { color:#ff8800; }
#sidepanel .divider { margin-top:4px; margin-bottom:4px; height:0px; line-height:0px; border-top:1px solid #dadada; }
#sidepanel .content.center a { display:inline; }
#sidepanel .content .hr { margin:8px 0px; }


#sidepanel .content a.marker, #sidepanel .club .clubcontent a.marker { color:#ff8800; display:inline; float:left; font-weight:bold; clear:left; padding-left:0; text-indent:0; margin:0; }
#sidepanel .content a.text, #sidepanel .club .clubcontent a.text { color:#000000; display:inline; float:left; padding-top:4px; padding-bottom:4px; padding-left:0; text-indent:0; margin:0; width:170px; }
#sidepanel .club .clubcontent a.text { width:150px; }
#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; }

/* Plusannons styles */
div.plusannons { width:492px; margin:0px; }
div.plusannons div.header {background:url('/images/jpheader_whitetable_bg.gif') no-repeat; padding:7px; padding-left:11px; padding-bottom:8px; color:#ffffff; font-weight:bold; margin:0px; }
div.plusannons div.noheader {background:url('/images/jpnoheader_whitetable_bg.gif') no-repeat; height:10px; line-height:0px; margin:0px; font-size:0px; }
div.plusannons div.footer { background:url('/images/jpfooter_whitetable_bg.gif') no-repeat; height:10px; line-height:0px; margin:0px; font-size:0px; }
div.plusannons div.content { border-left:1px solid #D4D4D4; border-right:1px solid #D4D4D4; padding-left:10px; padding-right:10px; margin:0px; }
div.plusannons div.content td { font-size:12px; color:#000000; }

/* Karriärguide styles */
.karriarguide a { display:block; margin:6px 0px 6px 0px; }
.karriarguide h3 { margin:6px 0px 6px 0px; }
.karriarguide h3 a { margin:0px; display:inline; }

/* Karriärguide styles */
div.karriarguide_lankar { margin-bottom:1em; }
div.karriarguide_lankar a { display:block; }

/* 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; }

/* Campus styles */
.newsarticle-full .newsarticle-image { background:url(/images/campus_bg.gif) bottom right no-repeat; }
.newsarticle-full .photographer { float:right; margin:0.2em 0; font-size:90%; }
.newsarticle-full h1 { clear:both; }
.newsarticle-full .publishedFrom { color:#999999; }
.article-list ul { padding:0; }
.article-list ul li {
	padding: .5em 0 .5em .5em; 
	margin:0;
	text-indent:0;
	list-style:none; }

.article-list .section-marker {
	float: left;
	clear: left;
	color: #FF551A;
	padding-right: 14px;
	background: transparent url(http://www.campus.se/img/icon-arrow_mini_right.gif) no-repeat 100% 2px;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	margin-right: 2px;
	font-weight: normal;
}


.article-list h3 { font-size:12px; background:url('/images/sj_headerbar.gif') no-repeat; padding:8px; padding-left:11px; padding-bottom:8px; color:#535353; font-weight:bold; margin-bottom:14px; }

.article-list h3 { margin-top:14px; }

.article-list h2 { font-size:12px; margin:0; padding:0; }

@media print {
	#antaljobbpil, #topnav, #sidepanel, #bottommenu, .banners { display:none; }
	body { background:none #ffffff; }
	#pagecontent { width:492px; }
}


/* PORTED STYLES */

#pagewrapper 
{ 
	position:relative;
	min-height:100%;
	_height:100%;
}

#pagewrappercontent
{
	margin:0px 20px;
	padding-bottom:15em;
}

/* 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; 
	bottom:0;
	width:100%;
	height:auto;
	_height:12em;
	min-height:12em;
	margin-top:3em;
}
#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; 
}
