/* .nogood class setup to display 'Browser Upgrade' notice to older browsers */
.nogood {
    display: none;
}

* {
    margin:0px;
    padding:0px;
}
.banner_debug_info{
    display:none;
}
/************************************
    common styles
************************************/
body {
/*margin:10px;*/
/*padding:0px;*/
    background:#777777;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
}
.clearfix, br.clearall {
    clear:both;
    height:0px;
    line-height:0px;
    font-size:0px;
}
td, th, .button {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
}
form {
    margin:0px;
}
form ul{
    list-style:circle;
    padding-left:20px;
}
form p{
    padding:5px;
}
form h3{
    font-size:16px;
}
a:link {
    font-weight: normal;
    color: #1a458f;
    text-decoration: underline ;
}
a:active {
    font-weight: normal;
    color: #5f5f5f;
    text-decoration: none;
}
a:visited {
    font-weight: normal;
    color: #5f5f5f;
    text-decoration: underline;
}
a:hover {
    font-weight: normal;
    color: #000;
    text-decoration: none; ;
}
img{
    border:0px;
}
.red{
    color:#921a1c;
}
.small_gray{
    font-size:10px;
    color:#757575;
}
.light_gray{
    color:#757575;
}
input{
    border-top-width:2px;
    border-top-color:#777777;
    border-top-style:solid;
    border-left-width:2px;
    border-left-color:#757575;
    border-left-style:solid;
}
textarea{
    font-size:11px;
    border-top-width:2px;
    border-top-color:#777777;
    border-top-style:solid;
    border-left-width:2px;
    border-left-color:#757575;
    border-left-style:solid;
}
select{
    font-size:11px;
    border-top-width:2px;
    border-top-color:#777777;
    border-top-style:solid;
    border-left-width:2px;
    border-left-color:#757575;
    border-left-style:solid;
}
/************
*************************
    layout
*************************************/
#top-section {
/*float:left;*/
    width:730px;
    padding-bottom:5px;
/*margin-left:5px;*/
}

#top-section-tower {
    float:left;
/*width:200px;*/
/*padding:0px 5px 5px 5px;*/
}
#space{
    hight:5px;
}

#mid-col-1 {
    float:left;
    width:132px;
    padding:0px 5px 0px 5px;
    margin-right:5px;
    padding-bottom:5px;
    background-color:#efefef;
    border-bottom:2px;
    border-color:#565656;
    border-bottom-style:solid;
}
#mid-col-2{
    width:423px;
    background-color:#efefef;
    float:left;
    border-bottom:2px;
    border-color:#565656;
    border-bottom-style:solid;
}
#mid-col-2-wide {
    width:578px;
    background-color:#efefef;
    float:left;
    border-bottom:7px;
    border-color:#565656;
    border-bottom-style:solid;
}
.mid-col-2-xwide {
    width:725px;
    background-color:#efefef;
    float:left;
    border-bottom:7px;
    border-color:#565656;
    border-bottom-style:solid;
}
#preview #mid-col-2-wide {
    width:620px;
}
#mid-col-2-wide_ {
    width:578px;
    background-color:#efefef;
    float:right;
    border-bottom:2px;
    border-color:#565656;
    border-bottom-style:solid;
}

#mid-col-3 {
    width:150px;
    margin-left:5px;
    float:left;
    overflow:hidden;
}
#mid-col-tower{
    width:250px;
    float:right;
}
#bottom-section {
    clear:both;
    padding:5px;
}
/*  background */
#bgCenter {
    background:#777777;
    width: 1000px;
    padding-top:5px;
}
#bgCenter .right{
    float:right;
    width: 260px;
    padding-right:5px;
}
#bgCenter .left{
    float:left;
    width:725px;
    padding-left:5px;
}

#mid-col-1 #annons {
    background:#fff;
    text-align:center;
    padding-top:5px;
    margin-top:5px;
}
#mid-col-1 #annons h4{
    font-size:8px;
    float:left;
    padding-left:6px;
}
#mid-col-1 #annons .banner{
    margin:0;
    padding:0;
    padding-bottom:5px;
}

/*************************************
    footer
**************************************/
#footer{
    padding:5px;
    height:25px;
    background-color:white;
    border-bottom:2px;
    border-color:#565656;
    border-bottom-style:solid;
    text-align:center;

}
#footer .text{
    color:#757575;
    font-family:sans-serif;
    font-size:10px;
}
#footer .image{
    float:right;
    padding-top:2px;
}

/*************************************
    footer2 (#footer2 opprettet i forbindelse med at Jobb24 ønsket en ekstra linje med linker til partnere, i tilfelle problemer m/de andre sidene.)
**************************************/
#footer2{
    padding:5px;
    background-color:white;
    border-bottom:2px;
    border-color:#565656;
    border-bottom-style:solid;
    text-align:center;
}
#footer2 .text, #footer2 ul {
    color:#757575;
    font-family:sans-serif;
    font-size:10px;
}
#footer2 .image{
    float:right;
    padding-top:2px;
}
#footer2 ul { list-style:none; }
#footer2 ul li, #footer2 ul li h4 { display:inline; font-weight:normal; }

#simplefooter { width:578px; background-color:#efefef; float:right; border-bottom:2px solid #565656; margin-top:5px; font-size:0.9em; }
#simplefooter ul { background:#fff; margin:5px; padding:5px; }
#simplefooter ul li { list-style:none; display:inline; background:url("img/arrow.gif") no-repeat 0 4px; padding: 0 8px 2px 8px; }
#footer-links { padding:5px; width:568px; background-color:#efefef; float:right; border-bottom:2px solid #565656; margin-top:5px; }
#footer-links div { background:#fff; float:left; height:250px; }
#footer-links #openings { margin-right:5px; width:281px; }
#footer-links #popularjobs { width:282px; }
#footer-links div ul { list-style:none; line-height:1.5em; padding:5px; }
#footer-links h3 { background: url(img/vinjett_main.gif) no-repeat  0 50%; color:#fff; margin:0; font-size:12px; font-weight:bold; height:21px; line-height:20px; padding-left:25px; text-transform:uppercase; }
#footer-links h3 a { color:#fff; font-weight:bold; text-decoration:none; }

/*************************************
    boxes
**************************************/


/* mid-col-1 box*/
.left_box_top{
	background: url(img/vinjett_liten.gif) no-repeat 0px 50%;
	color:white;
	font-family:arial,verdana,sans-serif;
	font-size:11px;
	font-weight:bold;
	height:21px;
	line-height:19px;
	margin:5px 0px 1px 0px;
	padding: 0;
	text-indent:25px;
}
.left_box_content{
    background-color:white;
    margin-bottom:5px;
}
.left_box_content a {color:#000;text-decoration:none;}
/* mid-col-2 box */
/* mid_wide_box used when only two columns (frontpage etc)*/
.mid_wide_box_top{
	background: url(img/vinjett_main.gif) no-repeat  0 50%;
	color:white;
	font-family:arial,verdana,sans-serif;
	font-size:12px;
	font-weight:bold;
	height:21px;
	line-height:20px;
	margin:5px 5px 0;
	padding:0;
	text-indent:25px;
	width:568px;
	text-transform: uppercase;
}
.mid_wide_box_content{
    background-color:white;
    margin:0 5px 5px 5px;
    padding:5px;
    width:558px;
}
.mid_wide_box_content_{
    background-color:white;
    margin:5px;
    padding:5px;
    width:558px;
}
.mid-col-2-xwide .mid_wide_box_content_ {width:705px;}
.mid_xwide_box_content{
    background-color:white;
    margin:0 5px 5px 5px;
    padding:5px;
    width:558px;
}
#mid_wide_box_content_bottom{
    border-top:thin solid #921a1c;
    border-top-width:21px;
    margin-top:10px;
    height:100px;
    width:554px;
    padding-top:10px;
}
#style .freetext{
    width:558px;
    height:32px;
    color:#000;
    font-weight:bold;
    background: url(img/topboxbg3.gif) no-repeat;
}
.mid-col-2-xwide #style .freetext {
    width:705px;
    background: url(img/topboxbg2.gif) no-repeat;
}
#style .header_freetext_text{
    float:left;
    padding-top:8px;
    padding-left:5px;
}

#style form{
    float:left;
    width:220px;
    padding-top:4px;
}
.mid-col-2-xwide #style .freetext form {width:390px;}
#style form .header_freetext_textfield{
   vertical-align:middle;
   margin-left:5px;
    margin-right:5px;
    width:150px;
}
 .mid-col-2-xwide #style .freetext form .header_freetext_textfield {width:320px;}
#style form input.button{
   vertical-align:middle;
    height:25px;
    width:50px;
}
#style .tagline {
    width:490px;
    color:#000000;
    margin-left:5px;
    font-size:12px;
    font-weight:bold;
    background: url(img/topboxbg.gif) no-repeat top left;
}
#style ul{
    font-size:12px;
    list-style:none;
    float:right;
    padding-top:8px;
    padding-right:6px;
}

#style ul a{
    background:url("img/arrow.gif") no-repeat 0px 6px;
    margin:0px 0px 0px 5px;
    padding: 3px 0px 2px 8px;
}

.mid_box_top{
    margin:5px 5px 0px 5px;
    padding: 3px 0px 0px 25px;
    width: 388px;
    height: 18px;
    background: url(img/vinjett_main.gif) no-repeat  0px 50%;
    color:white;
    font-size:11px;
    font-family:sans-serif;
    font-weight:bold;
}
.mid_box_content{
    background-color:white;
    margin:0px 5px 5px 5px;
    padding:5px;
    width:403px;
}
/* mid-col-3 box*/
.right_box{
    width:150px;
    background-color:#efefef;
    margin-bottom:5px;
    padding-bottom:5px;
    padding-top:5px;
    border-bottom:2px;
    border-color:#565656;
    border-bottom-style:solid;
}
.right_box_top{
    margin:5px 0px 0px 0px;
    height: 18px;
    color:white;
    font-size:11px;
    font-family:sans-serif;
    font-weight:bold;
}
.right_box_content{
    background-color:white;
    margin-right:4px;
    margin-left:4px;
}
.right_box_content .e24{
	background:url("img/e24.gif") no-repeat top;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
}

.right_box_content .e24 ul{
	list-style:none;
	padding-top:5px;
    padding-left:5px;
}
.right_box_content .e24 ul li{
    padding-left: 12px;
    background: url(img/icon_arrow_black_7x9.gif) 1px 3px no-repeat;
}
.right_box_content .e24 ul li a{
    color:black;
    text-decoration:none;
}
.right_box_content .e24 img {
	display:none;
}
.right_box_content .svd{
	background:url("img/svd.gif") no-repeat top;
    	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.81em;
}
.right_box_content .svd ul{
	list-style:none;
	padding-top:10px;
    padding-left:5px;
}
.right_box_content .svd ul li{
		background: transparent url(img/pil_3x5.gif) no-repeat scroll 0.1em 0.4em;
		font-weight: normal;
		padding: 0pt 0pt 0.25em 0.8em;
}
.right_box_content .svd img {
	display:none;
}
.right_box_content .ab{
	background:url("img/ab.gif") no-repeat top;
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size:1em;
}
.right_box_content .ab ul{
	list-style:none;
}
.right_box_content .ab ul li{
	background:url("img/arrow_ab.gif") no-repeat 0px 6px;
	margin:0px 0px 0px 5px;
	padding: 3px 0px 2px 8px;
}
.right_box_content .ab ul li a{
    color:#0033CC;
}
.right_box_content .ab ul li a:visited{
    color:#990099;
}
.right_box_content .ab img {
	display:none;
}


/*************************************
    banner ad positions
**************************************/
#topbanner {
    width:980px;
    height:120px;
    padding:5px 5px 0px 5px;
    margin: 0px 5px 0px 5px;
    background-color:#efefef;
}
#topbanner img {
    display:block;
}
#rightbanner {
    width:250px;
    padding:0 5px 5px 5px;
    margin:0;
    background-color:#efefef;
    border-bottom:2px;
    border-color:#565656;
    border-bottom-style:solid;
}
#rightbanner .banner{
    padding-top:5px;
    display:block;
    font-size:0;
}
#rightbanner #annons {
    background:#fff;
    padding:0 5px 5px 5px;
}
#rightbanner #annons .banner {
    float:left;
}
/*********************************
    links with arrows
    links in <p>
*********************************/
.arrow{
    background:url("img/arrow.gif") no-repeat 0px 6px;
    margin:0px 0px 0px 5px;
    padding: 3px 0px 2px 8px;
}
.left_box_content ul {
    font-size:11px;
    list-style:none;
}
.left_box_content ul li{
    background:url("img/arrow.gif") no-repeat 0px 7px;
    margin:0px 0px 0px 5px;
    padding: 3px 0px 2px 8px;
}
.left_box_content ul li a, .left_box_content ul li a:hover, .left_box_content ul li a:visited{
    text-decoration:none;
}
.left_box_content H3{
    font-weight:bold;
    font-size:12px;
    margin: 0px 0px 0px 8px;
}

/*********************************
    Login fields
    To be used inside left_box_content.
*********************************/
#login {
    font-size:10px;
    /*padding:5px;*/

}
#login H4{
    font-weight:normal;
    font-size:12px;
    margin: 0px 0px 0px 3px;
}
#login input {
    font-size:12px;
    margin-bottom:5px;
}
#login .button {
    text-align:center;
    /*margin-right:8px;*/
    margin-left:20px;
    /*margin-bottom:-4px;*/
}
#login p {
    margin:0px;
    padding:0px;
}
#login div.name {
    padding:0px 0px 4px 0px;
    margin:4px;
    font-weight:bold;
}

/*  frontpage  buttons */

a.fp_large_button_left{
    float:left;
    background:url("img/ettablock_bla_left.gif") bottom right no-repeat ;
    color:#000;
    text-decoration:none;
    height:141px;
    width:276px;
    margin-bottom:5px;
}
a.fp_large_button_right{
    float:right;
    background:url("img/ettablock_bla_left.gif") bottom right no-repeat;
    height:141px;
    width:276px;
    color:#000;
    text-decoration:none;
}
a.fp_small_button_gray{
    float:left;
    background:url("img/ettablock_gra_left.gif") bottom right no-repeat;
    height:41px;
    width:182px;
    margin-right:6px;
    color:#000;
    text-decoration:none;
}
a.fp_small_button_yellow{
    float:right;
    background:url("img/ettablock_gul_left.gif") bottom right no-repeat;
    height:41px;
    width:182px;
    color:#000;
    text-decoration:none;
}
/*text in frontpage buttons*/
.fp_large_button_left .button_text, .fp_large_button_right .button_text{
    padding-top:12px;
    padding-left:40px;
}
.button_text_large{
    display:block;
    padding-top:12px;
    padding-left:50px;
}
.fp_small_button_gray .button_text, .fp_small_button_yellow .button_text{
    display:block;
    padding-top:12px;
    padding-left:40px;
}
.fp_large_button_left span.black, .fp_large_button_right span.black, .fp_small_button_gray span.black, .fp_small_button_yellow span.black{
    font-size:13px;
    font-weight:bolder;
}
.fp_large_button_left span.red, .fp_large_button_right span.red, .fp_small_button_gray span.red, .fp_small_button_yellow span.red{
    font-size:12px;
    color:#921a1c;
    font-weight:bolder;
}
#frontpage-jobs { height:70px; background:#fff url("img/frontpage-alljobs.jpg") no-repeat; margin:5px 5px 0 5px; padding:5px; }
#frontpage-jobs h1 { font-size:1.5em; margin-bottom:18px; color:#921a1c; }
#frontpage-jobs a:visited { color:#1a458f; }
#frontpage-jobs #alljobs { margin-left:35px; font-size:1.2em; font-weight:bold; }
/*********************************
    fp_resultlist, main content frontpage
*********************************/
#fp_resultlist{
    background-color:#FFFFFF;
    margin:5px;
    padding:5px;
}
#fp_resultlist table{
    width:558px;
    border-color:#9d9d9d;                     
    border-width:1px;
    border-style:solid;
}
#fp_resultlist #header_buttons{
    background-color:black;
    width:556px;
    padding:1px 1px 2px 1px;
}
#fp_resultlist .header_button{
    background:url("img/smallnav_buttonbg.gif") no-repeat;
    background-color:black;
    text-align:center;
    color:white;
    height:17px;
    width:138px;
    margin-right:1px;
    padding:0px;
    float:left;
}
#fp_resultlist .header_button_last{
    background:url("img/smallnav_buttonbg.gif") no-repeat;
    background-color:black;
    text-align:center;
    color:white;
    height:17px;
    width:138px;
    padding:0px;
    float:left;
}
#fp_resultlist .header_button a, #fp_resultlist .header_button_last a, #fp_resultlist .header_button a:hover, #fp_resultlist .header_button_last a:hover,#fp_resultlist .header_button a:visited, #fp_resultlist .header_button_last a:visited{
    text-decoration:none;
    color:white;
    font-weight:bold;
    font-size:12px;
}
#fp_categories h2{
    font-size:16px;
    color:#921a1c;
}
#fp_categories .categorie{
    width:135px;
    height:26px;
    background: url("img/categorie_button.gif");
    margin-right:6px;
    text-align:center;
    text-decoration:none;
    float:left;
}
#fp_categories .categorie_last{
    width:135px;
    height:26px;
    background: url("img/categorie_button.gif");
    text-align:center;
    float:right;
}
#fp_categories .categorie .text, #fp_categories .categorie_last .text{
    background: url("img/arrow.gif") no-repeat 110px 9px;
    padding-top:5px;
    text-align:center;
    font-weight:bold;
}
/*#fp_categories a.categorie .text, #fp_categories a.categorie_last .text{*/
    /*font-weight:bold;*/
/*}*/

.samarbete{
    text-align:center;
}
.samarbete img{
    padding-top:5px;
}

/*searchbox (freetextsearch)*/
#bluebox_content{
    background:url("img/bluebox_topbg.gif") no-repeat top;
    padding:5px 10px 0 10px;
}
#bluebox_wide_content{
    background:#cedfe7 url("img/bluebox_wide_topbg.gif") no-repeat top;
    padding:5px 10px 0px 10px;
    margin:0;
}
#bluebox_content h2, #bluebox_wide_content h2, #bluebox_content h1, #bluebox_wide_content h1{
    margin-bottom:10px;
    font-size:18px;
    float:left;
    width:370px;
}
#bluebox_content h4{
    font-size:12px;
}
#bluebox_bottom{
    background:url("img/bluebox_footer.gif") no-repeat bottom;
    height:9px;
    margin:0;
    padding:0;
}

#bluebox_wide_bottom{
    background:url("img/bluebox_wide_footer.gif") no-repeat top;
    height:9px;
    margin:0;
    padding:0;
}
#bluebox_wide_bottom_light{
    background:url("img/bluebox_wide_footer_light.gif") no-repeat top;
    height:9px;
    margin:0px;
    padding:0;
}

/* button */

.button {
    border: 3px double #999999;
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;
    padding: 0.25em;
    background-color: #FFFFFF;
    background-image: url(img/buttonbg.gif);
    background-repeat: repeat-x;
    color: #333333;
    font-size: 75%;
    font-weight: bold;
    font-family: arial,verdana,sans-serif; } input.submit:active {
    border: 3px double #CCCCCC;
    border-top-color: #999999;
    border-left-color: #999999;
}
.smallbutton {
    width:46px;
    height:22px;
    border: 3px double #999999;
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;
    padding: 0.2em;
    background-color: #FFFFFF;
    background-image: url(img/buttonbg.gif);
    background-repeat: repeat-x;
    color: #333333;
    font-size: 50%;
    font-weight: bold;
    font-family: arial,verdana,sans-serif; } input.submit:active {
    border: 3px double #CCCCCC;
    border-top-color: #999999;
    border-left-color: #999999;
}