/* Import must always be first in stylesheet */
@import url(headings.css);

body{
  background: #e6e4d7 url(images/site_bg.jpg) left top repeat-x;
  font-family: Arial, sans-serif;
  font-size: 11px;
  margin: 0px;
  padding: 0px;
}

.wrap{
  margin: 0px auto 0 auto;
  width: 900px;
}


.cl{ clear: both; }

div, table, td{ line-height: 18px; }

a{
  color: #3295bf;
  text-decoration: none;
}

a:hover, a.action:hover, a.plain:hover{
  color: #757575;
}

span.downarrow{
  background: transparent url(images/black_arrow.gif) no-repeat scroll 0 3px;
  font-weight: bold;
  padding: 0px 0 0 15px;
}

img{
  border: 0;
}

.container{
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: 958px;
}

#topcontain{
  height: 217px;
  overflow: hidden;
}

.topleft{
  float: left;
  width: 479px;
}

.topright{
  float: right;
  padding: 40px 0 0 0;
  text-align: right;
  width: 479px;
}

.topright .content{
  text-align: right;
}

.topright .content a{
  padding: 25px;
}

/* Menu Start */
#mainmenu{ background: transparent url(images/menu_bg.gif) left top repeat-x; color: #FFF; font-weight: bold; height: 62px; }
#mainmenu ul{ list-style-type: none; margin: 0px; padding: 0; width: auto;}
#mainmenu ul li{ background: transparent url(images/spacer.gif) top right no-repeat; display: block; float: left; margin: 0 1px 0 0; position:relative;}
#mainmenu ul li a{ color: #FFF; display: block; float: left; height: 62px; padding: 23px 22px 0 22px; text-decoration: none; }
#mainmenu ul li a:hover,.blue #mainmenu ul li a.current{ background: transparent url(images/menu_overbg.gif) repeat-x left top; color: #fff; }
#mainmenuul li.current-cat { background: transparent url(images/menu_overbg.gif) repeat-x left top; color: #fff;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#mainmenu ul ul { visibility:hidden; position: absolute; top:48px; left:0; width:200px; z-index:100;}

/* style the links for the second level */
#mainmenu ul li ul { background-color :#0985b9; margin-top:13px; border: 1px solid #3aa6de; filter:alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9;}	
#mainmenu ul li ul:hover { background: none; background-color: #0985b9; visibility: hidden; display:block; z-index:100; }
#mainmenu ul li ul li { background: none; background-color: #0985b9; padding:5px; margin:0; font-size:11px;  text-align: left;  clear:both;}
#mainmenu ul li ul li:hover { background: none; background-color: #3aa6de; width: 190px;}
#mainmenu ul li ul li a:hover { background: none; background-color: #3aa6de; color: #FFF;}

/* position the third level flyout menu */
#mainmenu ul ul ul{ left:149px; top:-1px; }
/* position the third level flyout menu for a left flyout */
#mainmenu ul ul ul.left {left:-149px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#mainmenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links */
#mainmenu ul ul a, #mainmenu ul ul a:visited { color:#FFF; background: none; height:auto; line-height:1em; padding:5px 10px;}
/* make the second level visible when hover on first level list OR link */
#mainmenu ul li:hover ul,
#mainmenu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#mainmenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#mainmenu ul :hover ul :hover ul{ visibility:visible;}

/* End menu */

.menuleft{
  float: left;
  height: 62px;
  width: 800px;
}

.menuright{
  background: transparent url(images/menuright-bg.gif) top right no-repeat;
  float: right;
  height: 62px;
  width: 153px;
}

.menuright .wrapmenuright{
  padding: 22px 0px 0 80px;
}

.menuright .wrapmenuright a{
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
}

.boxlogin{
  background: transparent url(images/bg-login-noshadow.jpg) left top no-repeat;
  height: 253px;
  width: 297px;
}

.boxlogin .wraplogin{
  padding: 50px 0 0 44px;
}

.boxlogin a{
  color: #FFF;
}

.tdlogin{
  padding-bottom: 10px;
}

#maincontent{
  background: #FFF url(images/main_bg.gif) left top repeat-x;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  padding-top: 10px;
}

.maintop{
  height: 272px;
}

.maintopleft{
  float: left;
  width: 620px;
}

.maintopright{
  color: #FFF;
  float: left;
  width: 313px;
}

.wrapmaintop{
  padding: 12px 0px 0 20px;
}

.headline_small{
  background: transparent url(images/heading_300px.gif) left top no-repeat;
  color: #FFF;
  font-weight: bold;
  height: 26px;
  text-transform: uppercase;
  width: 300px;
}

.headline_large{
  background: transparent url(images/heading_609px.gif) left top no-repeat;
  color: #FFF;
  font-weight: bold;
  height: 26px;
  text-transform: uppercase;
  width: 610px;
}

.wrapheadline{
  padding: 7px 0 0 32px;
}

.box_text_large{
  background-color: #FFF;
  border: 1px solid #ecebd9;
  padding: 10px 0 10px 0;
  width: 608px;
}

.box_text{ background-color: #FFF; border: 1px solid #ecebd9; color: #757575; margin-bottom: 15px; min-height: 150px; width: 298px; }

.wraptext{ padding: 10px 10px 10px 10px; }

#featuredjobs .wraptext {
  padding: 20px 20px 0 20px;
}

.jobcaption {
  text-align: center;
  background: #F2F1E9;
  border: solid 15px #F2F1E9;
  color: #AAA091;
  font-size: 12px;
}

.box_text_large .box_text .wraptext{
  padding: 10px;
}

.annoncer .box_text .wraptext{
  padding: 0;
}

.topgooglead{
  background-color: #FFF;
  border: 1px solid #CCC;
  margin: 0;
  padding: 0;
}

.googlead{
  padding: 10px 0;
  text-align: center;
}

tr.item td{
  border-bottom: solid 1px #F0EBE4;
  padding: 5px 0;
}

th.jobheading{
  color: #767676;
  font-weight: bold;
  padding-bottom: 10px;
}

.contentcontain{
  clear: both;
  float: left;
  padding: 0px 0px 15px 21px;
  width: 620px;
}

.contentcontain h2 span{
  color: #FF3C00;
}

#featured {
  height: 258px;
}

.latestjobs{
  margin-bottom: 20px;
}

#jobs .listing{
  border-top: solid 1px #F0EBE4;
}

#jobs .listing{
  clear: both;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#jobs .listing .item{
  border-bottom: solid 1px #F0EBE4;
  clear: both;
  font-size: 12px;
  padding: 15px 0 15px 0;
}

#jobs .listing .item big a{
  color: #00ABEB;
  display: block;
  font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif;
  font-size: 18px;
  letter-spacing: -1px;
  line-height: 18px;
  text-decoration: none;
  width: 500px;
}

#jobs .listing .item small{
  color: #AAA091;
  display: block;
  float: left;
  font-size: 12px;
  margin-top: 1px;
  width: 500px;
}

#jobs .listing .item small a{
  font-weight: bold;
  text-decoration: none;
}

#jobs .listing .item em{
  color: #6A645B;
  display: block;
  float: right;
  text-align: right;
  width: 50px;
}

#jobs .listing .item em strong{
  display: block;
  font-size: 22px;
  font-weight: normal;
  line-height: 18px;
}

.alt{
  background: #F2F1E9;
}

#page .job-details p strong{
  color: #000000;
}

#jobs .listing #old big a{
  color: #6A645B;
}

#jobs .listing #old small a{
  color: #6A645B;
}

#page .company-details{
  background: #F2F1E9;
  border: solid 15px #F2F1E9;
  color: #AAA091;
  font-size: 12px;
  margin-top: -5px;
}

#jobs .company-details{
  background: #F2F1E9;
  border: solid 15px #F2F1E9;
  color: #AAA091;
  font-size: 12px;
  margin-top: -5px;
}

#page .company-details small{
  font-size: 12px;
}

#page .company-details big{
  color: #686358;
  display: block;
  font-size: 15px;
  line-height: 18px;
  text-decoration: none;
}

#page .company-details big a{
  color: #232220;
  font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif;
  font-size: 18px;
  letter-spacing: -1px;
  text-decoration: none;
}

.job-details h3{
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -1px;
  margin: 30px 0 0 0;
}

.job-details{
  clear: both;
}

.job-details p{
  color: #7b7569;
  font-size: 13px;
  line-height: 20px;
}

.job-details p a{
  color: #00ABEB;
  font-weight: bold;
}

#inpage .job-details{
  border-top: solid 4px #F2F1E9;
}

#inpage h2{
  margin-bottom: 10px;
}

.fl, .ft, .pt{
  color: #ffffff;
  display: block;
  float: left;
  font-size: 10px;
  letter-spacing: 0.6px;
  line-height: 11px;
  margin: 4px 3px 0 0;
  text-align: center;
  text-transform: uppercase;
  width: 66px;
}

.fl{
  background: url(images/freelance.gif);
}

.ft{
  background: url(images/fulltime.gif);
}

.pt{
  background: url(images/parttime.gif);
}

#jobs .listing #old .fl, #jobs .listing #old .ft, #jobs .listing #old .pt{
  background: url(images/oldbg.gif);
}

.switch{
  border-top: solid 5px #F0EBE4;
  clear: both;
}

.switch a{
  cursor: pointer;
  float: right;
  margin: 10px 0 0 0;
  margin-bottom: 10px;
  padding-left: 5px;
  text-decoration: none;
  width: 66px;
}

.switch a span{
  margin: 0px;
}

.switch small{
  display: block;
  float: left;
  font-size: 11px;
  margin: 7px 0 0 0;
  text-align: right;
  width: 380px;
}/* Boxes forside */

.boxesleft { width: 310px; float: left; }
.boxesright { width: 300px; float: left;}

.boxcategories { width: 300px; float: left; }
.boxcategories .box_text { height: 224px; overflow: hidden; }

.jobsearch { float: left; width: 310px; }
.jobsearch .box_text { height:224px; overflow: hidden; }

.latestjobs {
  width: 300px;
  float: left;
}

.facebook {
  width: 300px;
  float: left;
}

.latestjobs tr.item td {
  border-bottom: solid 1px #F0EBE4;
  padding: 3px 0 0 0;
}

.latestjobs tr.item td.tdimg {
  padding-left: 5px;
}

.latestjobs tr.item {
  height: 75px;
}

.boxcategories ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.boxcategories ul li { width: 100px; float: left; background: transparent url(images/arrow.png) 0 7px no-repeat; padding: 0 0 0 17px;}

.boxcategories .wraptext {
  padding: 10px 20px 0 35px;
}

.facebook .wraptext {
  padding: 0 5px;
}/* Søgning */

.relatedjobs { margin-top: 5px; padding-top:5px; }


form.search{
  margin: 5px 0 10px 0;
}

form.search #searchinput{
  border: 1px solid #D8D1C7;
  display: block;
  padding: 10px;
  width: 204px;
}

form.search #searchgo{
  background: url(images/submitbutton.png) no-repeat center top;
  border: 0px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-weight: bold;
  height: 34px;
  margin-top: 10px;
  padding: 8px 0 8px;
  text-align: center;
  text-decoration: none;
  width: 140px;
}

.head{
  padding: 25px 0 70px 0;
}

.sidebar{
  float: left;
  width: 300px;
}

.createjob .box_text{
  background-color: #F2F1E9;
}

.createjob .box_text .wraptext{
  padding: 0px 0 23px 12px;
}

.publish{
  background: url(images/opretjob.gif) no-repeat center bottom;
  color: #2d94c0;
  display: block;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: -1px;
  line-height: 18px;
  padding: 10px 0 95px 0;
  text-align: center;
  text-decoration: none;
  width: 272px;
}

.publish:hover{
  color: #000000;
}

.contentcontain label{
  display: block;
  font-size: 13px;
  margin-bottom: 1px;
  margin-top: 3px;
}

.contentcontain label span{
  color: #FF3300;
}

.contentcontain .job-details input, #maincontent select{
  border: solid 1px #D8D1C7;
  display: block;
  height: 20px;
  padding: 0px;
  width: 380px;
}

.contentcontain select{
  width: 402px;
}

.contentcontain textarea{
  border: solid 1px #D8D1C7;
  display: block;
  height: 130px;
  padding: 10px;
  width: 500px;
}

.contentcontain textarea.descp{
  height: 80px;
}

.contentcontain input#submit_go, #submit_go, .navigation a{
  background: url(images/submitbutton.png) no-repeat center top;
  border: 0px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 0 8px;
  text-align: center;
  text-decoration: none;
  width: 140px;
}

.contentcontain input#apply, #apply{
  background: url(images/submitbutton_a_o.jpg) no-repeat center top;
  border: 0px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 14px;
  padding: 0px 0 0px;
  text-align: center;
  text-decoration: none;
  width: 118px;
}

.err{
  background: #FF5019;
  border: solid 10px #FF5019;
  color: #ffffff;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 20px;
}

.boxlogin .err { width: 190px; }

.stepx{
  background: #F2F1E9;
  border-top: solid 4px #D4D4CC;
  color: #A7A7A1;
  display: block;
  float: left;
  font-size: 11px;
  margin-bottom: 25px;
  margin-right: 1px;
  padding: 10px;
  width: 101px;
}

.active{
  border-top: solid 4px #000000;
  color: #000000;
}

.sidebar h3{
  font-family: 'Arial', 'Trebuchet MS', 'Verdana';
  font-size: 14px;
  letter-spacing: -0.5px;
  margin: 0 0 5px 0;
}

.sidebar ul{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.sidebar ul li{
  font-size: 13px;
}

.sidebar ul li a{
  color: #FF3D00;
}

.sidebar ul ul{
  margin-right: 10px;
}

.sidebar ul li a:hover{
  color: #000000;
}

.pages ul{
  margin-left: -15px;
}

.pages ul li{
  background: transparent url(images/arrownew.gif) 0 7px no-repeat;
  padding: 0 0 0 15px;
}

.pages ul li a{
  color: #1b8cbd;
}

.atention{
  background: #F4F4F8;
  border: dashed 2px #F1DE86;
  font-size: 11px;
  margin-bottom: 30px;
  padding: 10px;
}

.atention a{
  color: #FF3300;
}

.navigation{
  margin-top: 20px;
}

.alignleft{
  float: left;
}

.alignright{
  float: right;
}

.facebook{
  padding: 0 0 10px 0;
}

.applyonline {
  padding: 10px 0 0 0;
}

/* Kontrolpanel */
ul#kontrolpanel { padding: 0; margin:5px 0 0 0; list-style-type:none;}
ul#kontrolpanel li { padding: 0 0 5px 10px; background-color: #3aa6de; width: 190px; list-style-type:square; margin: 0 0 0 12px; border-bottom:1px solid #117ab1;}
ul#kontrolpanel li:hover { background-color: transparent; }



.footer{
  background-color: #1b1b1b;
  color: #FFF;
  height: 60px;
  padding-top: 40px;
  text-align: center;
}

.footer a{
  color: #FFF;
}

*html #footpanel{
    margin-top: -1px;
    position: absolute;
    top: expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel{
  background: transparent url(images/footer_bg.gif) left top;
  border: 1px solid #d3d3d3;
  border-bottom: none;
  bottom: 0;
  left: 0;
  margin: 0;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

#footpanel ul{
  border-top: 1px solid #fff;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

#footpanel ul li{
  float: left;
  margin: 0;
  padding: 0;
}

#footpanel ul li a{
  color: #000;
  float: left;
  padding: 5px;
  position: relative;
  text-decoration: none;
  width: 22px;
  margin-right: 5px;
}

html #footpanel ul li a:hover{
  background-color: #fff;
  color: #000;
}

html #footpanel ul li a.active{
  background-color: #fff;
  border: 1px solid #555;
  border-top: none;
  height: 17px;
  margin-top: -2px;
  position: relative;
  z-index: 200;
}

#footpanel a.home{
  background: url(http://www.i-creative.dk/Jobpress/wp-content/themes/jobpress/images/icons/home.png) no-repeat 30px center;
  border-right: 1px solid #d3d3d3;
  font-size: 11px;
  padding-left: 55px;
  width: 65px;
  text-indent: 0;
}

#footpanel a.latestjobslink{
  background: url(http://www.i-creative.dk/Jobpress/wp-content/themes/jobpress/images/icons/balloon.png) no-repeat 15px center;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  padding-left: 40px;
  text-indent: 0;
  width: 126px;
}

#footpanel a.tipfriend{
  background: url(http://www.i-creative.dk/Jobpress/wp-content/themes/jobpress/images/icons/balloon.png) no-repeat 15px center;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  padding-left: 40px;
  text-indent: 0;
  width: 65px;
}

#footpanel a.createjob{
  background: url(http://www.i-creative.dk/Jobpress/wp-content/themes/jobpress/images/icons/hammer.png) no-repeat 15px center;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  padding-left: 40px;
  text-indent: 0;
  width: 126px;
}

#footpanel li#chatpanel, #footpanel li#alertpanel{
  float: right;
}

#footpanel ul li div a{
  color: #00629a;
  float: none;
  font-size: 11px;
  height: auto;
  position: static;
  text-indent: 0;
  width: auto;
}

#footpanel ul li div a:hover{
  text-decoration: underline;
}

#footpanel .subpanel{
  background: #fff;
  border: 1px solid #555;
  bottom: 27px;
  display: none;
  left: 0;
  overflow: hidden;
  padding-bottom: 2px;
  position: absolute;
  width: 198px;
}

#footpanel .subpanel ul{
  background: #fff;
  margin: 0;
  overflow: auto;
  padding: 0;
  width: 100%;
}

#footpanel .subpanel li{
  clear: both;
  display: block;
  float: none;
  font-size: 0.9em;
  margin: 0;
  overflow: hidden;
  padding: 3px 0 3px 25px;
  position: static;
}

#chatpanel .subpanel li{
  background: url(http://www.i-creative.dk/Jobpress/wp-content/themes/jobpress/images/icons/dash.gif) repeat-x left center;
}

#chatpanel .subpanel li span{
  background: #fff;
  color: #777;
  float: left;
  padding: 5px;
}

#chatpanel .subpanel li a img{
  float: left;
  margin: 0 5px;
}

#chatpanel .subpanel li a{
  background: #fff;
  display: block;
  height: 22px;
  line-height: 22px;
  margin: 0;
  padding: 3px 0;
}

#chatpanel .subpanel li a:hover{
  background: #3b5998;
  color: #fff;
  text-decoration: none;
}

.sociable li a:hover { background-color: none;}

#alertpanel .subpanel{
  left: auto;
  right: 0;
}

#alertpanel .subpanel li{
  border-top: 1px solid #f0f0f0;
  display: block;
}

#alertpanel .subpanel li p{
  padding: 5px 10px;
}

#alertpanel .subpanel li a.delete{
  background: url(http://www.i-creative.dk/Jobpress/wp-content/themes/jobpress/images/icons/delete_x.gif) no-repeat;
  float: right;
  height: 14px;
  margin: 5px;
  text-indent: -9999px;
  visibility: hidden;
  width: 13px;
}

#alertpanel .subpanel li a.delete:hover{
  background-position: left bottom;
}

#footpanel #alertpanel li.view{
  padding: 5px 10px 5px 0;
  text-align: right;
}

.subpanel ul li.job{
  background: transparent url(http://www.i-creative.dk/Jobpress/wp-content/themes/jobpress/images/icons/images/navigation.png) 5px 3px no-repeat;
}/* Sociable */

#footpanel li a small {  /*--panel tool tip styles--*/
	text-align: center;
	width: 80px;
	background: url(images/pop_arrow.png) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 10px;
	text-indent: 0;
}
#footpanel li a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%; 
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}


.msg_head {
  cursor: pointer;
  position: relative;
  background-color: #FF3D00;
  margin: 1px;
  display: block;
  height: 29px;
  font-weight: bold;
}

.msg_body {
  background-color: #F4F4F8;
}

div.sociable {
  margin: 0px 0;
}

span.sociable_tagline {
  position: relative;
}

span.sociable_tagline span {
  display: none;
  width: 14em;
}


.sociable span {
  display: block;
}

.sociable ul {
  display: inline;
  margin: 0 !important;
  padding: 0 !important;
}

.sociable ul li {
  background: none;
  display: inline !important;
  list-style-type: none;
  margin: 0;
  padding: 9px;
}

.sociable ul li:before {
  content: "";
}

.sociable img {
  float: none;
  width: 19px;
  height: 19px;
  border: 0;
  margin: 0;
  padding: 0;
}


.link_job_hea {
  color: #A7A7A1;
  text-decoration: none;
}

.link_job_hea:hover {
  color: #000000;
}

.rssfeed { border-top: 1px solid #F0EBE4; padding: 5px 0 0 0; margin-top:5px; }
.rssfeed a { background: transparent url(images/rss.jpg) left top no-repeat; padding: 1px 0 5px 22px; }

.spacing{ height: 20px; overflow: hidden; }

.reset{
  clear: both;
  display: block;
  font-size: 1px;
  height: 1px;
  line-height: 1px;
  margin: 0 0 -1px 0;
}