@import "dialog.css";
@import "reset.css";

/* @group Formattazione */

html, body {   margin:0;   padding:0;   height:100%;}
body {font-family: 'Arial', sans-serif; line-height: 1.6; color: #333; font-size: 13px; background: #f4f4e8 url(img/body_home_strip-bg.png) repeat-x top;}
body .body-int {background: url(img/body_home-bg.jpg) no-repeat top; min-height:100%; position:relative;
}

/*body.home {background: #f4f4e8 url(img/body_home_strip-bg.png) repeat-x top;}
body.home .body-int {background: url(img/body_home-bg.jpg) no-repeat top;}*/


h1, h2, h3, h4, h5, h6 {padding: 0; line-height: 1.2em; font-weight: bold;}

h1 {font-size: 43px;}
h1 a {color: #d9002b}
h1 a:hover {color: #333; text-decoration: none}

h5 {font-size: 13px}


select, input, textarea, #cerca input {font-family: 'Arial', sans-serif; font-size: 13px; color: #333;}
select {padding: 1px 0}

a {color: #1e93ad; text-decoration: none;}
a:hover {text-decoration: underline;}
a img, .post a img, img {border: 0; text-decoration: none; border-color: white;}

strong {font-weight: bold; font-style: normal;}
em {font-style: italic;}
p {margin-bottom: 10px;}
small {font-size: 12px}

.clear {clear: both;}
.wrapper {text-align: left; margin: 0 auto; width: 980px; padding-bottom:80px;}
.hidden {display: none}

/*.ie6  #container {height: 100%;}*/
.right {float: right}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

div.message {padding: 10px; border: 2px solid #a2cefa; background: #f3f9fe; margin-bottom: 20px; }
div.success {padding: 10px; border: 2px solid #bddf21; background: #f6fef3; margin-bottom: 20px; }
div.error {padding: 10px; border: 2px solid #ef5b68; background: #fff7f4; margin-bottom: 20px; }
div.message p, div.error p, div.success p {margin: 0!important;}
div.moderation {padding: 10px; border: 2px solid #cecece; background: #f9f9f9; margin-bottom: 20px; }

/* @end */

/* header */
#header {overflow: hidden; height: 40px; line-height: 40px; text-shadow: 0px 1px 1px #257b99;}

#header h1 {float: left; margin-left: 20px; padding-top: 10px; }
#header h1 a  {display: block; width: 82px; height: 19px; background: url(img/logo.png) no-repeat 0 0;}
#header h1 a:hover {background-position: 0 -19px;}
#header h1 a span {position: absolute; top:-9999px;}

#header .descrizione {color: #e2f7ff; display: block; margin-left: 15px; float: left; background: url(img/top_header_div.png) no-repeat left center; padding-left: 15px; } 

#header .user_panel {float: right; color: #2286a4; padding-right: 20px;}
#header .user_panel a {color: #e2f7ff; padding: 0 2px;}

/* subheader */
.subheader { height: 66px; height: 100px; padding: 30px 0 0 20px}
.subheader p {color: #fff; font-size: 17px; float: left; display: block; width: 530px; line-height: 1.35em; margin-bottom: 0; text-shadow: 0px 1px 2px #1a77a2; } /* css3 */

.subheader .action {float: right; padding-top: 5px; padding-right: 20px}
.subheader .action a {display: block; width: 302px; height: 60px; background: url(img/header_action-btn.png); text-align: center; text-align: center; font-weight: bold; font-size: 20px; color: #33809c; line-height: 60px}
.subheader .action a:hover {text-decoration: none; color: #2d7089; background-position: 0 -60px; }
.subheader .action a:focus {background-position: 0 -120px; }


/* main */
#content {
float: left; width: 700px; padding: 20px; background: #fff; -moz-border-radius: 5px;border-radius: 5px;
margin-bottom: 20px;
     -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
          
 min-height: 400px;         
           } /* css3 */

#content.single_view {min-height: 740px;  } 
#content.homepage_view {min-height: 980px;  } 

#content h1 {font-size: 1.2em; padding-bottom: 10px; border-bottom: 3px solid #E5E5E5; }

#content h2 {font-size: 22px; padding-bottom: 14px; border-bottom: 3px solid #f3f5f6; }
#content h2 small {
	background: #efefef;    padding: 0 7px;    position: relative;    top: -3px; display: inline-block; 
	font-weight: normal;  font-size: 12px; color: #777777; -moz-border-radius: 5px; border-radius: 5px;  margin-left: 5px} /* css3 */

#content h1.big {font-size: 2em; padding-bottom: 10px; border-bottom: 0; clear: both;}
#content h4, .statica h3 {font-size: 1.1em; margin-bottom: 10px; border-bottom: 1px solid #E5E5E5; padding-bottom: 10px;  padding-top: 20px; color:#D9002B; clear: both}

/*#content .testo h1, #content .testo h2, #content .testo h3, #content .testo h4, #content .testo h5, #content .testo h6 {font-size: 1em; font-weight: bold; border: 0; padding: 0; display: inline;}*/

/* HOMEPAGE
------------------------------------------------------------------------------------------------------------ */
#content .filterCategories, #content .filterCategories li {float: left; width: 700px;}

#content .lista .hide {display: none}

#content .lista {padding-bottom: 15px; overflow: hidden;}
#content .lista li {border-bottom: 1px solid #e9e9e9; padding: 10px;  overflow: hidden; width: 680px}
#content .lista li:last-child {border: 0}
#content .lista li .tipo {width: 76px; margin: 8px 0 0 0; float: left; display: block; text-transform: uppercase; font-size: 10px; line-height:23px; color: #fff; height: 22px; text-align: center; }
#content .lista li.freelance .tipo {background: url(img/list_freelance-bg.png) no-repeat top left;}
#content .lista li.fulltime .tipo {background: url(img/list_fulltime-bg.png) no-repeat top left;}
#content .lista li .lavoro {display:block; float: left; width: 510px; padding-left: 20px }
#content .lista li .lavoro h3 {font-size: 16px; font-weight: bold; line-height: 1.2;}
#content .lista li .lavoro a.titolo {font-size: 16px; font-weight: bold; line-height: 1.2;}
#content .lista li .lavoro a.tab {display: none;}
#content .lista li:hover .lavoro a.tab {display: inline; }
#content .lista li:hover .lavoro a.tab img {margin: -1px 0 0 10px; position: relative; bottom: -3px;}
#content .lista li .info {margin: 0; color: #999999;  display: block;}
#content .lista li .info a {color: #555555; font-style: normal;}
#content .lista li .info em {color: #999; font-style: normal}
#content .lista li .data {display: block; float: right; width: 30px; text-align: center; color: #D6D6D6; text-transform: uppercase; font-size: 0.8em; line-height: 0;}
	.ie #content .lista li .data {line-height: 1em; font-size: 0.85em;}
	.ie #content .lista li .data strong {line-height: 1em;}
#content .lista li .data strong {font-size: 2em; display: block; line-height: 1.5em;  }

/* AGGIUNGI 
------------------------------------------------------------------------------------------------------------ */
#content .aggiungi {padding-top: 15px;}
#content .aggiungi fieldset {border: 1px solid #E5E5E5; padding: 10px 15px 0 15px; margin: 0 0 15px 0;}
	.ie #content .aggiungi legend {margin-bottom: 10px}
#content .aggiungi fieldset legend {padding: 0 10px; font-weight: bold; color: #D9002B; font-size: 16px}
#content .aggiungi label {display: block; float: left; width: 130px; color: #666; }
#content .aggiungi label.type {float: none; margin: 0 15px 0 40px ; display: inline}
#content .aggiungi p {margin-bottom: 15px;}
#content .aggiungi small {font-size: 0.9em; margin-left: 5px; color: #78A80B;}
#content .aggiungi .sub {display: block; clear: left; font-size: 0.9em; color: #999; margin-left: 130px;}
#content .aggiungi .sub a {font-size: 1em;}
#content .aggiungi #wpjobads_title {width: 400px}
#content .aggiungi textarea {width:490px;}
#content .aggiungi textarea#description {
	-moz-border-radius: 0;  -webkit-border-radius: 0; border-radius: 0; 
}
	.ie6 #content .aggiungi textarea#wpjobads_how_to_apply {width: 500px;}
	
#submit {float: right;  margin-top: 20px; font-family: Arial; font-weight: bold; cursor: pointer; font-size: 14px }

#content .aggiungi p div div span {background: #F0F0F0 url(img/editor-bg.gif) repeat-x bottom; width: 471px; margin-bottom: 0; border-top: 1px solid #C3C3C3; border-left: 1px solid #C3C3C3; border-right: 1px solid #C3C3C3;}


/* SINGOLO 
------------------------------------------------------------------------------------------------------------ */
#content .meta {border-bottom: 3px solid #F3F5F6; padding-bottom: 15px; margin-bottom: 15px;  color: #999; }
#content .meta em {color: #bdbdbd; font-style: normal}
#content .meta .tipo {float: right; font-style: normal;  color: #fff;  margin-top: -2px; width: 89px; background: url(img/view_date.png) no-repeat right 0; line-height: 23px; height: 24px; text-align: center; padding-left: 2px}
#content .meta .tipo.freelance {background-position: right -37px;}
#content .meta .tipo.fulltime {background-position: right 0;}
#content .meta a {font-style: normal;}
#content .meta .data {float: right; font-style: normal; padding: 0 0 0 8px; background: url(img/view_date.png) no-repeat 0 0; margin-top: -2px; width: 118px; line-height: 23px; height: 24px;}
#content .meta .da {margin-bottom: 0;}

.testo ul, .testo ol, fieldset ul {margin: 0 0 10px 35px;}
.testo ul, fieldset ul { list-style-type: disc;}
.testo ol {list-style-type: decimal;}

.testo .map {position: relative; float: right; padding: 4px; border: 1px solid #E5E5E5; margin: 0 0 20px 20px; width: 150px; height: 150px; display: block;}
.testo .map .curl {margin-top: -70px; margin-left: -5px; position: relative; top: 5px;}
	.ie6 .testo .map .curl {display: none;}
	
/*.testo .map .big {display: none;}
.testo .map:hover .small, .testo .map:hover .curl {display: none;}
.testo .map:hover .big {display: inline; position: absolute; right: -1px; top: -1px; z-index: 5; float: right;  padding: 4px; border: 1px solid #B3B3B3; background: #fff;}*/


/* DASHBOARD UTENTE
------------------------------------------------------------------------------------------------------------ */
.dashboard h2 {font-size: 2em; margin-bottom: 15px;}
.dashboard h2 small {font-size: 12px; color: #999; font-weight: normal}
.dashboard h2 small em {color: #555; font-style: normal}
.dashboard h3 {border-bottom: 0; margin-bottom: 15px; color: #D9002B; font-size: 1.1em;}
.dashboard .jobs_table {border-collapse: collapse; text-align: left; width: 700px; margin-bottom: 25px}
.dashboard .jobs_table th {background: #4bb9dc; border-bottom: 2px solid #2ea1c6; font-weight: bold; padding: 6px 8px;  color: #fff;
  background-image: -moz-linear-gradient(top, #76cae4, #4bb9dc); /* FF3.6 */
  background-image: -o-linear-gradient(top, #76cae4, #4bb9dc); /* Opera 11.10+ */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #76cae4),color-stop(1, #4bb9dc)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#76cae4, #4bb9dc); /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #76cae4, #4bb9dc);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#76cae4', EndColorStr='#4bb9dc'); /* IE6ÐIE9 */}
.dashboard .jobs_table td {border-bottom: 1px solid #E5E5E5; padding: 6px 8px;}
.dashboard .jobs_table td img {margin: 3px 0 -3px;}

/* STATICA 
------------------------------------------------------------------------------------------------------------ */
#content.statica h2 {margin-bottom: 15px; font-size: 2em ;}
#content.statica h3 {padding-top: 0;}
#content.statica blockquote {float: right; font-size: 1.45em; width: 242px; margin: 0 0 0 22px; font-family: Georgia, serif;}

/* AUTH 
------------------------------------------------------------------------------------------------------------ */


.form_auth small {color: #999; font-size: 12px; padding:  15px 0; display: block;}

.form_auth p {overflow: hidden; line-height: 32px; padding: 0; }
.form_auth label {float: left; width: 160px; padding-right: 10px; text-align: right;}

.form_auth p.forgot, .form_auth p.remember {padding: 0 0 10px 170px; line-height: 1em; overflow: visible}

.form_auth p.remember {margin: 0; }
.form_auth p.remember label {display: inline; float: none}
.form_auth p.remember input {margin-left: 0; }
.form_auth #login, .form_auth #email, .form_auth #password, .form_auth #confirm_password {float: left; width: 220px}

.form_auth .security {border-bottom: 20px solid #fff; float: left}
.form_auth .security .int {background: #fff7f4; border: 2px solid #ef5b68; }
.form_auth .security p {line-height: 1.5em; padding: 0;}

.form_auth .recaptcha {padding: 0 0 20px 0px; overflow: hidden}
.form_auth .recaptcha label {padding-right: 7px;}
.form_auth .recaptcha #recaptcha_widget_div {float: left}

.form_auth .action {padding: 20px 20px 20px 170px; background: #fafafa; margin: 0 }
.form_auth .action label {float: none}
.form_auth .action #submit {margin-top: 0!important; float: none}

.form_auth .inline_error { color: red; display: inline-block; padding-left: 20px  }
.form_auth .inline_error p {display: inline;   margin: 0; padding: 0; line-height: 1.5em; display: block;}

.input_style {
	padding: 6px; border: 1px solid #b7b7b7; background: #fff; 
	-moz-border-radius: 3px;  -webkit-border-radius: 3px; border-radius: 3px; 
    -moz-box-shadow: inset 0px 1px 2px #d6d5d5; -webkit-box-shadow: inset 0px 1px 2px #d6d5d5; box-shadow: inset 0px 1px 2px #d6d5d5;
 }
 
.input_style:focus {background: #fafeff;}

    
/* SIDEBAR 
------------------------------------------------------------------------------------------------------------ */

#sidebar {float: right; width: 200px; margin-right: -10px; padding-bottom: 15px; margin-right: 20px; padding-top: 20px; padding-left: 20px; color: #888875; text-shadow: 0 1px 0px #fafaed;}
#sidebar .block {margin-bottom: 10px; padding: 0 20px; }

#sidebar .tips .tips_t { background: #fcfbe3 url(img/tip_bg.gif) repeat-y top right;}
#sidebar .tips .tips_c {padding: 10px 30px 10px 10px; background: url(img/tip_top.gif) no-repeat top right; }
#sidebar .tips {background: url(img/tip_bottom.gif) no-repeat bottom right; padding-bottom: 10px; margin-bottom: 10px;}

#sidebar .general { margin-bottom: 25px; }
/*#sidebar .general h4 {border-bottom:2px solid #E5E5E5; font-size:1.2em; padding-bottom:5px; color: #333; }*/
#sidebar .general .right {float: right; }
#sidebar .general .feedburner {margin: 5px 0 6px 6px;}
#sidebar .general p {font-size: 12px; color: #666}
#sidebar .general form label {margin-bottom: 3px; display: block;}
#sidebar .general form small {font-size: 11px; color: #999; }

#sidebar h4, #sidebar .title {font-size: 1.2em; font-weight: bold; color: #d9002b; margin-bottom: 10px; display: block;}


#sidebar #cerca {/* css3 */
position: relative;
width: 220px;
margin-left: -20px;
margin-bottom: 25px;
	height: 73px;

  background-color: #0B799A;
  background-color: rgba(11, 121, 154, 0.4);  
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7F0B799A',EndColorStr='#7F0B799A'); 
	
 padding: 17px 0 0 20px;

-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 10px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px; 
 
 } 
 
 
#sidebar #cerca label {color: #e2f7ff; margin-bottom: 4px; display: block; text-shadow: 0px 1px 1px #257b99;}
#sidebar #cerca #q {

	padding: 6px; border: 1px solid #1481b2; background: #fff; 
	-moz-border-radius: 3px;  -webkit-border-radius: 3px; border-radius: 3px; 
    -moz-box-shadow: inset 0px 3px 4px #d7d7d7; -webkit-box-shadow: inset 0px 3px 4px #d7d7d7; box-shadow: inset 0px 3px 4px #d7d7d7;

 width: 185px;}
#sidebar #cerca .submit_seach {width: 20px; height: 20px; background: url(img/search_ico.gif) no-repeat center right; position: absolute; top: 47px;  right: 26px; cursor: pointer; display: block; border: 0;}
#sidebar #cerca .submit_seach:hover {background-position: center left;}
#sidebar #cerca .submit_seach span {position: absolute; top: -9999px}

#sidebar .filter {font-size: 12px; margin-bottom: 30px}
#sidebar .filter h5 {color: #84846a; margin-bottom: 10px; text-align: center; font-weight: bold; background: url(img/side_title-bg.gif) no-repeat center center; }
#sidebar .filter h5 span {background: #f4f4e8; padding: 0 10px; }
#sidebar .filter h5.cat span {background: #fafaf2;}
#sidebar .filter ul {margin-bottom: 10px;}
#sidebar .filter ul li {margin-bottom: 5px}
#sidebar .filter ul li a {
overflow: hidden;
color: #888875;
cursor: pointer; height: 30px; line-height: 30px; padding-left: 10px; display: block; 
background-color: #ededdf; background-color: rgba(222,222,204,0.3) ;
     -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
          border-radius: 15px;
          

     -moz-box-shadow: inset 0px 1px 0px #e3e3c9; 
  -webkit-box-shadow: inset 0px 1px 0px #e3e3c9; 
          box-shadow: inset 0px 1px 0px #e3e3c9; 
          
}

#sidebar .filter ul li a:active, #sidebar .filter ul li a:focus {outline: 0;}

#sidebar .filter ul li a em {
	font-weight: normal !important;
	float: right; padding: 4px;  line-height: 1em; font-size: 11px; font-style: normal;
      -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
          border-radius: 15px;
          
margin: 5px 4px 0 0;       
color: #fff; text-shadow: none;  
 	
background: #1B90C7; /* old browsers */
background: -moz-linear-gradient(top, #4ABADF 0%, #1B90C7 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ABADF), color-stop(100%,#1B90C7)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ABADF', endColorstr='#1B90C7',GradientType=0 ); /* ie */

}

#sidebar .filter ul li a.show_freelance em {
	background: #7cb617; /* old browsers */
	background: -moz-linear-gradient(top, #B7E05E 0%, #7cb617 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B7E05E), color-stop(100%,#7cb617)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B7E05E', endColorstr='#7cb617',GradientType=0 ); /* ie */
}

#sidebar .filter ul li a.show_fulltime em {
	background: #eb8020; /* old browsers */
	background: -moz-linear-gradient(top, #FBB666 0%, #eb8020 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBB666), color-stop(100%,#eb8020)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBB666', endColorstr='#eb8020',GradientType=0 ); /* ie */

}

#sidebar .filter ul li input {position: relative; bottom: -0;}

#sidebar .filter ul li label.f_freelance {background-image: url(img/side_category_freelance-bg.png) ; background-repeat: no-repeat; background-position: center right}
#sidebar .filter ul li label.f_fulltime {background-image: url(img/side_category_fulltime-bg.png); background-repeat: no-repeat; background-position: center right}


#sidebar .filter ul li a:hover {background-color: rgba(222,222,204,0.5); text-decoration: none;}
#sidebar .filter ul li a.current, #sidebar .filter ul li a.current_type {background-color: rgba(222,222,204,0.8); color: #6d6d5d; font-weight: bold;}


#sidebar .related li {
	display: block; padding: 10px; margin-bottom: 5px; background: #ededdf; background: rgba(222,222,204,0.3); 
     -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
          border-radius: 5px;


     -moz-box-shadow: inset 0px 1px 0px #e3e3c9; 
  -webkit-box-shadow: inset 0px 1px 0px #e3e3c9; 
          box-shadow: inset 0px 1px 0px #e3e3c9; 
          
}
#sidebar .related li small a {color: #666;}
#sidebar .related li small em {font-style: normal;}

/* FOOTER
------------------------------------------------------------------------------------------------------------ */

#footer {padding: 15px 0; color: #acac9e;  background: #ededdc; clear: both; height: 40px; position: absolute; bottom: 0; width: 100%; text-shadow: 0 1px 0px #fafaed; }
#footer .wrapper {padding: 0}
#footer em {display: block; margin-bottom: 3px; font-style: normal; color: #888875;} 
#footer em a {font-weight: bold;}
#footer p {float: left; margin: 0;}
#footer small {display: block;float: right; font-size: 13px}
#footer small a {color: #444}