body, html {
	width: 100%;
	height: 100%;
	background: #656565 url(/skins/jobbexpressen/images/bg.gif) repeat-x scroll top left;
	font-family: helvetica, "helvetica neue", arial, verdana, sans-serif;
	font-size: 11px;
	color: #000;
	margin: 0;
	padding: 0;
	border-spacing: 0px;
}

input {
	font-weight: bold;
	background-color: #efeffe;
	color: #000;
	font-family: helvetica, arial, verdana, sans-serif;
}

form {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #000;
}

.helptext {
	background-color: #777;
	border: 1px solid #FFF;
	color: #FFF;
	padding: 10px;
}

.help_wrapper {
	width: 730px;
;  padding-bottom:5px;	
}

.help_wrapper_td {
	vertical-align: middle;
}

.help_wrapper_td img {
  padding-right: 15px;
}



.help_wrapper_short {
	width: 488px;
}

th {
	text-align: left;
}

a:hover {
	text-decoration: underline;
}

ul {
	margin-left: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
	padding-top: 0;
}

.tree {
	padding-left: 15px;
}

.menu_container {
	 height: 90px;
}

.cv_wrapper div.menu_container a {
	color: #fff;
}

.cv_wrapper div.layout_header_side {
	background: transparent url(/skin/images/cv/tab_background.gif) no-repeat scroll bottom left;
	float: left;
	font-size: 11px;
	font-weight: 700;
	height: 20px;
	padding-top: 10px;
	text-align: center;
	vertical-align: middle;
	width: 151px;
}

.cv_wrapper div.layout_header_side_highlight {
  background: transparent url(/skin/images/cv/tab_background_highlight.gif) no-repeat scroll bottom left;
  float: left;
  font-size: 11px;
  font-weight: 700;
  height: 20px;
  padding-top: 10px;
  text-align: center;
  vertical-align: middle;
  width: 151px;
  display:none;
}

.cv_wrapper div.layout_header_side_clear {
	float: left;
	font-weight: 700;
	height: 20px;
	padding-top: 10px;
	text-align: center;
	vertical-align: middle;
	width: 151px;
}

.cv_wrapper div.layout_header_side_system {
	background: transparent url(/skin/images/cv/tab_background_system.gif) no-repeat scroll bottom left;
	float: left;
	font-size: 11px;
	font-weight: 700;
	height: 20px;
	padding-top: 10px;
	text-align: center;
	vertical-align: middle;
	width: 151px;
}

.cv_wrapper div.layout_header_side_system_highlight {
  background: transparent url(/skin/images/cv/tab_background_system_highlight.gif) no-repeat scroll bottom left;
  float: left;
  font-size: 11px;
  font-weight: 700;
  height: 20px;
  padding-top: 10px;
  text-align: center;
  vertical-align: middle;
  width: 151px;
  display:none;
}

.cv_wrapper div.layout_header_side_list {
	background: transparent url(/skin/images/cv/tab_background_list.gif) no-repeat scroll bottom left;
	float: left;
	font-size: 11px;
	font-weight: 700;
	height: 20px;
	padding-top: 10px;
	text-align: center;
	vertical-align: middle;
	width: 151px;
}

.cv_wrapper div.layout_header_side_list_highlight {
  background: transparent url(/skin/images/cv/tab_background_list_highlight.gif) no-repeat scroll bottom left;
  float: left;
  font-size: 11px;
  font-weight: 700;
  height: 20px;
  padding-top: 10px;
  text-align: center;
  vertical-align: middle;
  width: 151px;
  display:none;
}

.cv_wrapper div.container {
	clear: none;
	line-height: 150%;
	width: 100%;
	background-color: #fff;
	border: 1px solid #999;
	padding: 10px 0 0;
	padding-bottom:10px;
	min-height: 400px;
}

.cv_wrapper div.___header, .cv_wrapper div.___footer {
	background-color: #999;
	border: 0 solid #AAF;
	clear: left;
	color: #FFF;
	font-size: 15px;
	font-weight: 700;
	margin: 1px;
	padding: 4px;
}

.cv_wrapper div.subcontent {
	border: 0 none;
	clear: left;
	padding: 0;
}

th, th * {
	text-align: bottom;
}

.job_list_wrapper .ignored {
	color: #a17f7f;
}

.job_list_wrapper .saved {
	font-color: #889;
	font-weight: 700;
	color: #040;
}

h1.___header {
	color: #cde;
	margin: 0;
	padding: 0;
}

div.left {
	border-right: 1px solid #FFF;
	width: 518px;
	margin: 0;
	padding: 0;
}

div.content {
	padding: 0;
	line-height: 150%;
}

.button_0 {
	background-color: #500;
}

.button_1 {
	background-color: #151;
}

.ssyk_highlight {
	background-color: red;
}

.bold {
	font-weight: 700;
}

#account_load_info_text {
	background-color: #999;
	width: 200px;
	height: 40px;
	overflow: hidden;
	display: none;
	border: 1px solid #FFF;
	padding: 5px;
	z-index: 100;
}

#account_load {
	height: 110px;
	float: right;
	width: 384px;
	color: #fff;
	padding: 10px 0 0;
}

#menu {
	height: 30px;
}

#application_a_title {
	width: 932px;
	clear: both;
	float: none;
	background-color: #1d3a5a;
	height: 16px;
	padding: 2px 2px 2px 2px;
	color: #fff;
}

#application_a {
	border-width: 0 3px 3px 3px;
	border-style: solid;
	border-color: #1d3a5a;
	margin-right: 12px;
	clear: both;
	float: none;
	width: 910px;
	background-color: #fff;
	padding: 10px;
}

#application_a_title a {
	color: #fff;	
}

#application_a_match {
	fbackground-color: #fff;
}

#application_b, #application_raw {
	border: 3px solid #889;
	margin: 4px 0 0 0;
	clear: both;
	float: none;
	width: 910px;
	background-color: #fff;
	padding: 10px;
}

#application_c {
	width: 100%;
	clear: both;
	float: none;
}

#search_1, #match_1, #job_list_ssyk_profession, #job_list_ssyk_profession_tree, #pres_list_ssyk_profession, #pres_list_ssyk_profession_tree, #match_ssyk_profession, #match_ssyk_profession_tree, #cv_wjob_ssyk_profession, #cv_wjob_ssyk_profession_tree, #cv_ejob_ssyk_profession, #cv_ejob_ssyk_profession_tree {
	border: 1px solid #999;
	padding: 8px;
}


#job_list_ssykmap_simple_tree i {
	color: #090;
}

#layout_center {
	width: 1254px;
	margin: 0 auto;
	padding: 10px;
}

#layout_foot {
	background: transparent url(/skin/images/bg-hdr.gif) repeat-x scroll top left;
	line-height: 27px;
	color: #fff;
	clear: both;
	float: none;
	margin: 0 2px 2px 0;
	padding: 0 0 0 7px;
}

#layout_content {
	background-color: #fff;
	border: 1px solid #369;
	padding: 2px 0 0 2px;
}

.column_small, .column_medium, .column_large {
	float: left;
	height: 100%;
}

.column_small {
	width: 178px;
}

.column_medium {
	width: 772px;
}

.column_large {
	width: 950px;
}

.banner_image_big_row_first {
	padding: 0 2px 3px 0;
}

.banner_image_big_row_last {
	padding: 0 0 3px 2px;
}

.box {
	border-color: #fff;
	border-style: solid;
	border-width: 0 2px 2px 0;
}

.box .header {
	line-height: 27px;
	background: transparent url(/skin/images/bg-hdr.gif) repeat-x scroll top left;
	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #1d3a5a;
	padding: 0 0 0 7px;
	color: #fff;
}

.box .content {
	border: 1px solid #369;
	background: #ccc url(/skin/images/bg-content.gif) repeat-x scroll top left;
	border-width: 0 2px 2px 2px;
	padding: 4px;
}

.boxborder {
	background-color: #fff;
	border: 1px solid #999;
	padding: 8px;
}

.menulist a, .menulist *, .menulist ul *, .menulist li * {
	display: block;
	float: none;
	color: #fff;
	margin: 0;
	padding: 0;
}

.menulist, .menulist ul {
	height: 27px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

.menulist ul {
	display: none;
	left: 0;
	margin-top: 16px;
	position: absolute;
	top: 1em;
	width: 200px;
}

.menulist ul ul {
	left: 200px;
	top: 0;
}

.menulist li {
	background: transparent url(/skin/images/bg-mnu.gif) repeat-x scroll top right;
	float: left;
	position: relative;
	height: 27px;
	line-height: 27px;
	border-style: none;
}

.menulist .last {
	background: transparent none repeat-x scroll top right;
	padding-right: 10px;
}

.menulist ul li {
	float: none;
	margin: 0;
}

.menulist a, .menulist a:hover {
	text-decoration: none;
	padding: 0 20px;
}

.menulist a.last, .menulist li.last a.highlighted {
	background: transparent url(/skin/images/bg-mnu-last.gif) repeat-x scroll top right;
	padding: 0 30px 0 20px;
}

.menulist li.last a.highlighted, .menulist li.last a.last:hover, .menulist li.last a.last.highlighted:hover, .menulist li.last a.last:active, .menulist li.last a.last:focus {
	background: transparent url(/skin/images/bg-mnu-last-selected.gif) repeat-x scroll top right;
	color: #000;
}

.menulist a.highlighted, .menulist a.highlighted:hover, .menulist a:hover, .menulist a:focus {
	background: transparent url(/skin/images/bg-mnu-selected.gif) repeat-x scroll top right;
	color: #000;
}

.menulist a .subind {
	display: none;
}

.menulist ul a .subind {
	float: right;
}

:first-child + html .menulist ul li {
	float: left;
	width: 100%;
}

* html .menulist ul li {
	float: left;
	height: 1%;
}

* html .menulist ul a {
	height: 1%;
}

table.list {
	width: 100%;
	border-color: #999;
	border-style: solid;
	border-width: 1px 1px 0;
}

table.list img {
	vertical-align: middle;
}

table.list td {
	border-color: #999;
	border-style: solid;
	border-width: 0 0 1px;
	padding: 4px;
}

table.list tr.odd td {
	background-color: #eee;
}
table.list tr.even td {
	background-color: #fff;
}

#account_tab_log_in, #account_tab_new_account {
	vertical-align: middle;
	text-align: center;
	display: block;
	width: 75px;
	height: 16px;
	color: #999;
	background: transparent url(/skins/jobbexpressen/images/logintab.png) no-repeat scroll top left;
	margin: 0;
	padding: 0;
}

#account_tab_log_in.selected, #account_tab_new_account.selected {
	background: transparent url(/skins/jobbexpressen/images/logintab-selected.png) no-repeat scroll top left;
	color: #000;
}

p {
	margin: 5px 0 0;
	padding: 0;
}

img, a img, td {
	border: 0 none;
}

div.full_width, div.education_box {
	border-right: 0 solid #889;
	float: none;
	width: 700px;
	margin: 0;
	padding: 0;
}

.banner_image, .banner_image_row_first, .banner_image_row_last, .banner_image_big {
	padding: 3px;
}

.menulist a, .menulist ul a {
	float: none;
}

.help_support_wrapper div.container {
        line-height: 150%;
        width: 100%;
        background-color: #fff;
        border: 1px solid #999;
        padding: 10px 0 0;
}

.item_list_summary_popup {
	opacity:0.9;
	z-index:50; 
	visibility:hidden; 
	position:absolute; 
	left: 0px; 
	top: 0px; 
	max-width:250px;
	background:#eee; 
	border:1px solid black;
	padding: 10px;
}

.boxarticle a {
	text-decoration: underline;
}

#banner_top {
	display: none;
}

#banner_welcome {
	text-align: left;
}

#home {
	z-index:50;
	position: absolute;
	left: 40px;
	top: 5px;
	width: 140px;
	height: 90px;
	display: block;
}

#page_footer {
	display: none;
}


.tree_combo_cloud
{
  display:block;
  float:left; 
  border:1px solid black;
  margin:1px;
  padding:1px;
  min-width: 180px;
  text-align: center;
  font-weight: bold;
  letter-spacing: +0.05em;
}

/*

Here's a demo stylesheet used to format a menu and its content.
Feel free to alter the menu layout however you want!
All you have to do is ensure the script has the correct CSS property name
(like 'visibility' or 'display') that changes to show/hide menus.

If you want to extend this layout, one good resource for UL/LI formatting is:
    http://www.alistapart.com/articles/taminglists/
Alternatively, you can use any other CSS dropdown layout instead. More here:
    http://www.alvit.de/css-showcase/
Consult your favourite CSS reference for customising fonts/borders/etc.

Otherwise, you can just change the #RGB border/background colours where
suitable to customise for your site -- easy :).

*/



/* HORIZONTAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 1.0em; margin-top: 13px; /* I'm using ems and px to allow people to zoom their font */
 left: -1px;
 width: 150px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 148px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 background: #FED;
 border: 1px solid #330;
 margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin: 0;
 margin-bottom: -1px;
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 3px;
 color: #000;
 text-decoration: none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
 background-color: #A64;
}
.menulist a.highlighted {
 color: #FFF;
 background-color: #C86;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(/js/lytebox/images/close_grey.png) no-repeat; }
	#lbClose.red { background: url(images/close_red.png) no-repeat; }
	#lbClose.green { background: url(images/close_green.png) no-repeat; }
	#lbClose.blue { background: url(images/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(images/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(images/play_red.png) no-repeat; }
	#lbPlay.green { background: url(images/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(images/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(images/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(images/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(images/pause_red.png) no-repeat; }
	#lbPause.green { background: url(images/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(images/pause_gold.png) no-repeat; }
/*
// skin todo: fixa gula fade:ningen när man får errors vid inloggning
// rundade hörn på inloggningsruta
// blå tonad skugga i ssyk-modulen
// loggan ska ta en till förstasidan
// undermenyvalen ska ev. ha en ram så de blir tydligare 
// eventuellt ljusa upp grafikelement
// TEST:edit-rutor kan vara grönaktiga, knappar mörkröda
// Sök... borde vara SÖK eller sök
*/
html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
/*	font-size: 100%;*/
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

hr {
	margin-right: 0px;
}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	/*list-style: none;*/
	margin-left: 8px;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ------------------------------------------------------------------ */

html, body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	font-family: arial, helvetica;
	font-size: 12px;
	background: url(/skins/jobbexpressen/images/bg.gif) repeat scroll top center;
	line-height: 120%;
}

/* ------------------------------------------------------------------ */
/* LAYOUT */
/* ------------------------------------------------------------------ */

#layout_background {
	width: 100% important;
/*	height: 100% important; */
/* using fixed height instead for IE 6 */
	height: 800px;
	background: url(/skins/jobbexpressen/images/bgtop.png) repeat-x scroll top center;
/*	border: 1px solid white;*/	
}

#layout_content1 {
	width: 1228px;
	/*fheight:100%;*/
	margin: 0;
	padding: 0;
	min-height: 1512px;
}

#layout_content2 {
	float: left;
	width: 950px;
	padding: 0;
	background: transparent url(/skins/jobbexpressen/images/content.gif) repeat-y scroll top center;

}

#layout_content3 {
	width: 910px;
	padding: 128px 20px 0 20px;
	position: relative;
	background: transparent url(/skins/jobbexpressen/images/contenttop.png) no-repeat scroll top center;
}

/* ------------------------------------------------------------------ */
/* APPLICATIONS */
/* ------------------------------------------------------------------ */

#application_a, #application_b, #application_c, #application_raw {
  width: 885px;
  border: 2px solid #6b8299;
}

#application_a {
  background-color: #96b6d6;
  background: url(/skins/jobbexpressen/images/application_a_bg_v2.png);
  display: none;
}

#application_a_title {
  width: 906px;
}

#application_b, #application_raw {
  margin-top: 0px;
  background-color: inherit;
}

/* ------------------------------------------------------------------ */
/* ACCOUNT BOX */
/* ------------------------------------------------------------------ */

#account_load {
  position: static;
  float: left;
  height: 120px;
  width: 250px;
  padding: 2px 0 10px 3px;
  color: #fff;
  overflow: hidden;
}

#account_load_info {
    overflow: hidden;
}

#account_load_table1 {
  background: url(/skins/ingenjorsjobb/images/application_a_bg_v2.png) no-repeat;
  border: 1px solid #1a4067;
  padding: 8px;
  background-color: #96b6d6;
  width: 250px;
  height: 104px;
}

#account_load_info_text {
  background-color: #aa9999;
  width: 200px;
  height: 40px;
  overflow: hidden;
  display: none;
  border: 1px solid #000;
  padding: 5px;
  position: absolute;
}

.account_load_input {
  width: 170px;
}

#account_load_info_a, #account_load_info_b {
	max-width: 190px;
  overflow-x: hidden;
}

/* ------------------------------------------------------------------ */
/* MENU */
/* ------------------------------------------------------------------ */

div#menu {
	margin: 0;
	background: transparent url(/skins/jobbexpressen/images/menubg.gif) repeat-x scroll top left;
	height: 31px;
	line-height: 31px;
	color: #fff;

}

.menulist a, .menulist *, .menulist ul *, .menulist li * {
    display: block;
    font-weight: bold;
    padding: 0;
    margin: 0;
    float: none;
    color: #ddd;
    letter-spacing: 1px;
}
.menulist, .menulist ul {
    height: 27px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}
.menulist ul {
    display: none;
    left: 0;
    margin-top: 16px;
    position: absolute;
    top: 1em;
    width: 250px;
}
.menulist ul ul {
    left: 240px;
    top: 0;
}
.menulist li {
    border-style: none;
    background: transparent url(/skins/jobbexpressen/images/menubg.gif) repeat-x scroll top right;
    float: left;
    position: relative;
    height: 27px;
    line-height: 27px;
}

.menulist .last {
    background: transparent none repeat-x scroll top right;
    padding-right: 10px;
}

.menulist ul li {
    float: none;
    margin: 0;
}
.menulist a, .menulist a:hover {
    padding: 0 20px 0 20px;
    text-decoration: none;
}

.menulist a.last, .menulist li.last a.highlighted {
    background: transparent url(/skins/jobbexpressen/images/bg-mnu-last.gif) repeat-x scroll top right;
    padding: 0 30px 0 20px;
}


.menulist li.last a.highlighted, .menulist li.last a.last:hover, .menulist li.last a.last.highlighted:hover, .menulist li.last a.last:active, .menulist li.last a.last:focus {
    background: transparent url(/skins/jobbexpressen/images/bg-mnu-last-selected.gif) repeat-x scroll top right;
    color: #fff;
}

.menulist a.highlighted, .menulist a.highlighted:hover, .menulist a:hover, .menulist a:focus {
    background: transparent url(/skins/jobbexpressen/images/bg-mnu-selected.gif) repeat-x scroll top right;
    color: #fff;
}

.menulist a .subind {
    display: none;
}
.menulist ul a .subind {
    float: right;
}
.menulist a {
    float: left;
}
.menulist ul a {
    float: none;
}
.menulist a {
    float: none;
}
:first-child + html .menulist ul li {
    float: left;
    width: 100%;
}
* html .menulist ul li {
    float: left;
    height: 1%;
}
* html .menulist ul a {
    height: 1%;
}


div#content {
  line-height: 150%;
  padding: 1px 0 0 0;
}

p, h1, h2, h3, h4, h5, h6 {
  padding: 4px 0 4px 0;
}

h2 {
  font-weight: bold;
  font-size: 16px;
}

h1 {
  font-weight: bold;
  font-size: 18px;
}

.job_list_header_title {
  font-weight: bold;
  padding-bottom: 3px;
  padding-top: 3px;
}

.splitter {
  clear: both;
  float: none;
}

input[type="button"] {
  background-color: #c2d2e1;
  background: url(/skins/jobbexpressen/images/input_button_bg.png) no-repeat top left;
  margin-top: 5px;
  color: #fff;
  border: 1px solid black;
}

input[type="text"] {
	background-color: #c2d2e1;
	background: url(/skins/jobbexpressen/images/input_bg.png) no-repeat;
	color: #111;
	letter-spacing: 1px;
	border: 1px solid black;
	margin: 1px;
}

textarea {
  background-color: #c2d2e1;
  background: url(/skins/jobbexpressen/images/input_bg.png) no-repeat;
  color: #111;
  letter-spacing: 1px;
  border: 1px solid black;
  margin: 1px;
}

input[type="password"] {
  background-color: #c2d2e1;
  background: url(/skins/jobbexpressen/images/input_bg.png) no-repeat;
  color: #111;
  letter-spacing: 1px;
  border: 1px solid black;
  margin: 1px;
}

input[type="submit"] {
  background-color: #c2d2e1;
  color: #fff;
  /*background: url(/skins/jobbexpressen/images/input_button_180_bg.png) no-repeat bottom right;*/
  background: url(/skins/jobbexpressen/images/input_button_bg.png) no-repeat top left;
  letter-spacing: 1px;
  border: 1px solid black;
  margin: 1px;
}

.ssyk_profession_tree {
  background-color: #c2d2e1;
  background: url(/skins/jobbexpressen/images/input_bg.png) no-repeat;
  color: #111;
  letter-spacing: 1px;
  line-height: 130%;
  border: 1px solid black;
}

#job_list_ssykmap_simple_tree_link {
	font-size: 14px;
}

.button_0 {
  background-color: #500;
  color: #fff;
}

.button_1 {
  background-color: #151;
  color: #fff;
}

tr.highlight{background-color:#fff;}
tr.highlight:hover{background-color:#c2d2e1;}

.item_list_summary_popup {
  opacity:1.0;
  font-weight: bold;
  z-index:50; 
  visibility:hidden; 
  background: url(/skins/jobbexpressen/images/input_button_bg.png) no-repeat top left;
  color:#fff;
  
  position:absolute; 
  left: 0px; 
  top: 0px; 
  max-width:350px;
  border:1px solid black;
  padding: 10px;
}

.item_list_summary_popup.p.a {
  color:#fff;
}

.helptext {
  background-color: #bbb;
  font-style:italic;
}

strong, b, th {
font-weight: bold;
}

i, em {
	font-style: italic;
}

#banner_top {
	display: block;
	padding: 9px 0 0 17px;
	background: url(/skins/jobbexpressen/images/bgtop.png) repeat scroll top center;
}

#banner_top img {
	margin: 0 0 10px 0;	
}


#banner_head {
  left: 185px;
  top: 15px;
}

#flags {
	z-index:50;
	position: absolute;
	left: 40px;
	top: 105px;
	width: 90px;
	display: none;	
}

#section_right {
	text-align: left;
 	float: left;
	padding: 10px 0 0 0;
	margin: 0;
	width:260px;
}

#section_right img {
	padding: 2px;
}/* Distributed as part of The Coolest DHTML Calendar
   Author: Mihai Bazon, www.bazon.net/mishoo
   Copyright Dynarch.com 2005, www.dynarch.com
*/

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #bdb2bf;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: url("normal-bg.gif");
  font-family: "trebuchet ms",verdana,tahoma,sans-serif;
  border-collapse: separate;
}

.calendar td
{
  background: url("normal-bg.gif");
}

.calendar {
  border-color: #797979;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  background: url("title-bg.gif") repeat-x 0 100%; color: #000;
  font-weight: bold;
}

.calendar .nav {
  font-family: verdana,tahoma,sans-serif;
}

.calendar .nav div {
  background: transparent url("menuarrow.gif") no-repeat 100% 100%;
}

.calendar thead tr { background: url("title-bg.gif") repeat-x 0 100%; color: #000; }

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  padding: 2px;
  background: url("title-bg.gif") repeat-x 0 100%; color: #000;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #797979;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #c44;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background: url("hover-bg.gif");
  border-bottom: 1px solid #797979;
  padding: 2px 2px 1px 2px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background: url("active-bg.gif"); color: #fff;
  padding: 3px 1px 0px 3px;
  border-bottom: 1px solid #797979;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: url("dark-bg.gif");
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  font-family: verdana,tahoma,sans-serif;
  width: 2em;
  color: #000;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #999;
}
.calendar tbody .day.othermonth.oweekend {
  color: #f99;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #797979;
  background: url("dark-bg.gif");
}

.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {
  background: url("rowhover-bg.gif");
}

.calendar tbody td.today { font-weight: bold; /* background: url("today-bg.gif") no-repeat 70% 50%; */ }

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: url("hover-bg.gif");
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #c44;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid #797979;
  padding: 1px 3px 1px 1px;
  background: url("active-bg.gif"); color: #fff;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #565;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 2px;
  background: url("status-bg.gif") repeat-x 0 0; color: #000;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #afa;
  border: 1px solid #084;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #7c7;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #797979;
  background: url("normal-bg.gif"); color: #000;
  z-index: 100;
  font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: url("hover-bg.gif"); color: #000;
}

.calendar .combo .active {
  background: url("active-bg.gif"); color: #fff;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #797979;
  padding: 1px 0px;
  text-align: center;
  background: url("dark-bg.gif");
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 5px 0px 6px;
  font-weight: bold;
  background: url("normal-bg.gif"); color: #000;
}

.calendar td.time .hour,
.calendar td.time .minute {
  font-family: monospace;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  background: url("hover-bg.gif"); color: #000;
}

.calendar td.time span.active {
  background: url("active-bg.gif"); color: #fff;
}