@CHARSET "UTF-8";

body {
  background: #fff;
  font-family: "Trebuchet MS", sans;
  font-size: 14px;
  margin: 0;
  padding: 0;
  width: 100%;
  color: #111;
}

a,a:link,a:visited {
  color: #1811cc;
  text-decoration: none;
}

a:hover {
  color: #22f;
}

a.bigbutton {
  background: transparent url(/images/bigbutton.png) no-repeat;
  display: block;
  width: 200px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: 16px;
  margin: 1em auto;
  border: none;
}

a.edit {
  float: right;
  margin: 0 3px;
}

a.delete {
  float: right;
}

a.bigdelete,
a.bigedit,
a.report,
a.promote {
  display: block;
  padding-left: 20px;
}

a.bigedit {
  background: transparent url(/sf/sf_admin/images/edit.png) no-repeat;  
}

a.bigdelete {
  background: transparent url(/images/bin_empty.png) no-repeat;
}

a.promote {
  background: transparent url(/images/rainbow.png) no-repeat;
}

a.report {
  background: transparent url(/images/explanation.png) no-repeat;
}

a.rss_icon_link {
  float: right;
}

a.thumb_link {
  border: none;
}

div.contact h3 {
  background: transparent url(/images/email.png) no-repeat 0 3px;
  text-indent: 20px;
}

div.licence h3 {
  background: transparent url(/images/lock_open.png) no-repeat 0 3px;
  text-indent: 20px;
}

h3.localization_title {
  background: transparent url(/images/map_magnify.png) no-repeat 0 3px;
  text-indent: 20px;
}

div.more_infos {
  width: 200px;
  float: right;
  padding: 0 .7em;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  background: #ddf;
}

div.related_companies h3 {
  background: transparent url(/images/building_link.png) no-repeat 0 3px;
  text-indent: 20px;
}

div.related_people h3 {
  background: transparent url(/images/group_link.png) no-repeat 0 3px;
  text-indent: 20px;
}

div.featured_application {
  width: 50%;
  -moz-border-radius: .8em;
  -webkit-border-radius: .8em;
  margin-top: 2em;
  float: right;
  background: #ddf;
}
 
  div.featured_application h3 {
    padding: 0;
    margin: 0;
  }

  div.featured_application .inner {
    padding: 1em;
  }
  
  div.featured_application img.featured_app_screenshot {
    float: right;
    width: 45%;
    border: 1px solid #ccc;
    background: #fff;
    padding: .4em;
    margin: 1em  0 1em 1em;
  }
    
div.fiftypercent {
  float: left;
  width: 48%;
  margin-right: 10px;
}

  div.fiftypercent h3.col2 {
    margin-top: 2.7em;
  }

div.inner {
  padding: 0 1em;
}

h1,h2,h3,h4,h5 {
  color: #07397c;
  position: relative;
}

h2 {
  margin: .6em 0 .7em 0;
  padding: 0;
  font-size: 1.7em;
}

  h2 span.gradient {
	  position: absolute;
	  display: block;
	  top: 0;
	  left: 0;
	  height: 100%;
	  width: 100%;
	  background: url(/images/gradient_1.png) repeat-x;
  }
  
  * html h2 span.gradient {
	  background-color:#fff;
	  back\ground-color:transparent;
	  background-image: url(/images/none.gif);
	  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/gradient_1.png", sizingMethod="scale");
	}

hr {
  display: none;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0 10px;
}

li {
  line-height: 1.5em;
  margin: 0;
  padding: 0 20px;
}

li.clock {
  background: transparent url(/images/clock.png) no-repeat 0 3px;
}

li.clock_play {
  background: transparent url(/images/clock_play.png) no-repeat 0 3px;
}

li.clock_stop {
  background: transparent url(/images/clock_stop.png) no-repeat 0 3px;
}

li.tag {
  font-size: .8em;
  background: transparent url(/images/tag_blue.png) no-repeat 0 1px;
}

li.tag a {
  margin: 0 5px 0 16px;
}

li.recommendation {
  margin: 0;
  padding: 0 0 0 .5em;
}

li.recommendation blockquote {
  font-family: Georgia, "Times New Roman", serif;
  color: #333;
  font-style: italic;
  line-height: 1.3em;
  border: 1px solid #ccc;
  background: #eee;
  margin: 0 .5em 0 0;
  padding: .2em .2em .2em .9em;
  font-size: 1em;
  text-align: justify;
  -moz-border-radius: .4em;
  -webkit-border-radius: .4em;
}

img {
  border: none;
}

img#bt_signup {
  margin: 70px;
}

img.app_screenshot,img.company_logo,img.person_avatar {
  display: block;
  border: 1px solid #ccc;
  background: #fff;
  padding: 10px;
  margin: 20px auto 0 auto;
}

img.flag {
  border: none;
  padding: 0;
  margin: 0;
  width: 16px;
  height: 11px;
}

img.osi {
  vertical-align: baseline;  
}

p.about {
  font-size: .9em;
  text-align: justify;
  line-height: 1.35em;
}

div.breadcrumb {
  display: inline;
  font-size: .80em;
  padding: 0;
/*  margin: 1em 0 0 0; */
}

p.budget {
  background: transparent url(/images/money.png) no-repeat;
  text-indent: 20px;
  font-size: 90%;
  line-height: 1.5em;
}

p.navigation {
  clear: both;
  text-align: right;
  padding-right: 1em;
}

p.for_hire {
  background: transparent url(/images/lock_open.png) no-repeat;
  text-indent: 20px;
  font-size: 90%;
}

p.not_for_hire {
  background: transparent url(/images/lock.png) no-repeat;
  text-indent: 20px;
  font-size: 90%;
}

p.more {
  text-align: right;
}

  p.more a {
    background: transparent url(/images/bullet_go.png) no-repeat;
    padding-left: 16px;
  }

p.place {
  background: transparent url(/images/map_magnify.png) no-repeat;
  text-indent: 20px;
  font-size: 90%;
  line-height: 1.5em;
}

p.relation span {
  color: #334;
  font-weight: bold;
}

p.teleworking {
  background: transparent url(/images/computer_link.png) no-repeat 0 3px;
  text-indent: 20px;
  font-size: 90%;
  line-height: 1.5em;
}

p.teleworking-no {
  background: transparent url(/images/computer_delete.png) no-repeat 0 3px;
  text-indent: 20px;
  font-size: 90%;
  line-height: 1.5em;
}

table.common {
  width: 100%;
  border-collapse: collapse;
}

table.common h4,
table.common p {
  margin: 0;
  padding: 0;
}

table.common p {
  margin: .4em 0 0 0;
  font-size: .9em;
}

table.common a {
  font-weight: bold;
}

  table.common td.mini_thumb_cell {
    width: 48px;
    vertical-align: middle;
  }

  table.common img.mini_thumb {
    max-width: 48px;
    max-height: 48px;
  }

li.row, tr.row {
  background: #eef;
}

li.odd, tr.odd {
  background-color: #fff;
}

td {
  padding: .4em .4em .5em .4em;
  vertical-align: top;
}

ul.recommendations {
  margin: 0;
  padding: 0;
}

ul.round_list {
  margin: 1em;
}

ul.round_list li {
  padding: .01em .5em 1em 1em;
  -moz-border-radius: .8em;
  -webkit-border-radius: .8em;	
}

ul.skills_list {
  margin: 0;
  padding: 0;
}

  ul.skills_list li {
    display: block;
    width: 18%;
    float: left;
  }

/* Tags cloud */
.tags_cloud ul {
  margin: 0;
  padding: 0;
  text-align: justify;
}

.tags_cloud ul li {
  display: inline;
  background: none;
  margin: 0;
  padding: 0;
}

.tags_cloud p {
  text-align: right;
}

.big_cloud {
  font-size: 120%;
}

/* Admin actions links list */
ul.admin_actions {
  margin: 0;
  padding: 0 1em;
}

/* Inline tags in list form */
ul.tags {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.tags li {
  display: inline;
  margin: 0;
  padding: 0 .2em;
}

/* Page */
#page {
  background: #fff;
  min-width: 950px;
}

/* User links */
#users p {
  text-align: right;
  color: #fff;
  font-size: 90%;
  margin-right: 1em;
}

#users p a:link,#users p a:visited {
  color: #fff;
  border: none;
}

/* Headers */

/*
 Working was:
#header {
  background: #1a6caf url(/images/blue_gradient.jpg) repeat-x;
  height: 30px;
  color: yellow;
  font-size: 1.6em;
  margin: 2px;
  padding: 15px;
}
*/

#header {
  background: #1a6caf url(/images/blue_gradient.jpg) repeat-x;
  height: 30px;
/*  color: yellow; */
/*  font-size: 1.6em; */
  margin: 2px;
  padding: 15px;
}

/* 
#header #website-title {

}
*/

#header div {
  display: inline;
  float: right;
/* align: right; */
  text-align: right;
/* color: black; */
  color: #7a1aaf;
/*  font-weight: bold; */
/*  border: 1px solid #aaa; */
  background: #ddf;
}

#header h1 {
  display: inline;
  height: 30px;
  color: yellow;
  font-size: 1.6em;

/*
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
  background: transparent url(/images/logo.png) no-repeat 0px 20px;
  height: 90px;
*/
}

#header h1 a {
  color: #fff;
  text-decoration: none;
  display: block;
  height: 90px;
  border: none;
}

#header h1 a span {
  display: block;
  text-indent: -10000px;
  overflow: hidden;
}

#header p {
  margin: 0 0 -50px 0;
  padding: 70px 0 0 0;
  width: 49.5%;
  height: 40px;
  float: left;
  text-align: right;
}

#header p span {
  display: block;
  padding-right: 10px;
}

/* Navigation bar */
#menu {
  background: #eee url(/images/shade.gif) repeat-x;
  height: 2.2em;
  padding-top: 5px;
}

#menu ul {
  padding: 0 0 0 10px;
  margin: 0;
}

#menu #navigation_title {
  display: none;
}

#menu li {
  display: inline;
  float: left;
}

#menu a {
  margin: 5px 0 5px 0;
  padding-bottom: 5px;
  color: #667;
  border: none;
  font-weight: bold;
  text-decoration: none;
}

#menu a:hover,#menu a:active,#menu a:focus,#menu a.active {
  color: #334;
}

#menu a.active {
  border-bottom: 1px solid #889;
}

#menu li.home {
  background: transparent url(/images/flag_green.png) no-repeat 0px 4px;
}

/* Main content */
#main {
  clear: both;
  width: 75%;
  float: left;
}

/* Main content */
#content {
  clear: both;
  width: 75%;
  float: center;
}

*+html #main, * html #main {
  width: 74.9%; /*ie7*/
}

#main, #sidebar {
  background: transparent url(/images/shadow.png) repeat-x 0px -27px;
  margin-bottom: 2em;
}

/* Sidebar */
#sidebar {
  width: 25%;
  float: left;
  padding-top: 1em;
}

#sidebar h3 {
  clear: both;
  text-align: center;
  margin: .7em 0 .4em 0;
  padding: 0 0 .1em 0;
  border-bottom: 1px dotted #aab;
}

#sidebar ul {
  font-size: .9em;
  margin: 0;
  padding: 0;
}

#sidebar li {
  margin: 0 0 .2em 0;
  padding: 0;
}

/* Generic classes */
.feed {
  background: transparent url(/images/rss.png) no-repeat;
  padding-left: 20px;
}

.email {
  background: transparent url(/images/email_edit.png) no-repeat;
  padding-left: 20px;
}

.homepage {
  background: transparent url(/images/house.png) no-repeat;
  padding-left: 20px;
}

.phone {
  background: transparent url(/images/phone.png) no-repeat;
  padding-left: 20px;
}

.php {
  background: transparent url(/images/page_white_php.png) no-repeat;
  padding-left: 20px;
}

.secure {
  background: transparent url(/images/lock.png) no-repeat;
  padding-left: 20px;
}

.symfony {
  background: transparent url(/images/sf.png) no-repeat;
  padding-left: 20px;
}

.tip {  
  background: transparent url(/images/lightbulb.png) no-repeat;
  padding-left: 20px;
  color: #444;
  font-size: .9em;
}

.trac {
  background: transparent url(/images/trac.png) no-repeat;
  padding-left: 20px;
}

/* Generic forms */
form {
  margin: .2em 0;
  padding: 0;
}

input[type=text],input[type=password],input[type=file],textarea {
  background: transparent url(/images/shadow.png) repeat-x 0px  -32px;
}

a.button,input[type=submit],input[type=reset],input[type=button] {
  background: transparent url(/images/shade.gif) repeat-x 0px -9px;
  border: 1px solid #aaa;
  color: #113;
  font-weight: bold;
  padding: .5em .8em; /* OM BEFORE: commented out  */
  font-size: 13px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

input[type=text],input[type=password],select,textarea {
  border: 1px solid #aaa;
  padding: 3px 0 2px 6px; /*  padding: 5px 0 5px 8px; */  /* OM BEFORE: commented out  */
/*  font-family: "Trebuchet MS", sans; */
/*  font-size: 1.1em; */
  color: #334;
}

fieldset {
  margin: 0 0 1em 0;
  border: 1px solid #ccc;
  padding: 5px 10px 10px 10px;  /* OM BEFORE: commented out  */
}

fieldset.fiftypercent {
  float: left;
 /* width: 49%; */  /* OM BEFORE: commented out  */
  margin-right: 10px;
}


div.fiftypercent input[type=text],
div.fiftypercent input[type=password],

/* div.fiftypercent input[type=submit], div.fiftypercent input[type=button], */

div.fiftypercent textarea,
div.fiftypercent select {
  width: 75%;
}


div.fiftypercent input.date_select {
  width: 240px;
  margin-right: 10px;
}

label {
  display: block;
  color: #555;
}

label.left {
  display: inline;
}

label.inline {
  display: inline;
}

legend {
  padding: 0 7px;
  color: #555;
}

.form-row {
/*  line-height: 1.5em; */
/*  margin: .5em 0; */
  padding-right: 5px;
}

.form-row.required label, .left-star {
  font-weight: bold;
  background: transparent url(/images/bullet_star.png) no-repeat -4px 0;
  padding-left: 12px;
}

.form_error {
  color: red;
  font-size: .8em;
}

.form_help {
  font-size: .8em;
  color: #999;
}

.form-errors {
  background: #d00 url(/sf/sf_default/images/icons/cancel48.png) no-repeat 2px 4px;
  color: #fff;
  padding: .5em .5em .5em 55px;
}

.form-errors h4 {
  margin: 0;
  padding: 0;
  color: #fff;
}

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

.form-help {
  font-size: .8em;
  color: #888;
}

.form-info {
  font-size: .9em;
  color: #333;
}

#cryptogram {
  vertical-align: middle;
  margin: 0 5px;
}

#company_form label,
#country_form label {
  padding-bottom: .4em;
}

#company_form select,
#country_form select {
  width: 70%;
}

#company_form input[type=submit] {
  width: 25%;
}

ul#profile_menu {
  margin: 0;
  padding: 0 0 2em 0;
}

  ul#profile_menu li {
    display: block;
    padding: 0 .5em 0 0;
    float: left;
  }

/* Search box */

form#search {
  display: block;
  float: right;
  padding-right: .3em;
}

  form#search input {
    font-size: .9em;
  }
  
  form#search input[type=submit] {
    padding: .1em;
  }
  
  form#search input[type=text] {
    background: #fff url(/images/magnifier.png) no-repeat 2px 2px;
    padding: .2em .2em .2em 20px;
    width: 120px;
  }

/* Search results */
.search-results ol, .search-results li {
  margin: 0;
  padding: 0;
}

.search-results li p {
  margin: 0;
  padding: 0;
}

/* Auth form */
#sf_guard_auth_form #username, #sf_guard_auth_form #password {
  width: 60%;
}

/* Footer */
#footer {
  clear: both;
  height: 1em;
  background: #1a6caf url(/images/blue_gradient.jpg) repeat-x; 
  color: #fff;
  text-align: center;
  font-size: .9em;
/*  margin-top: 1em; */
  margin: 2px;
  padding: 1em;
}

  #footer a {
    color: #f90;
  }

/* Errors and notices */
.notice {
  background: green url(/sf/sf_default/images/icons/ok48.png) no-repeat 5px 2px;
  text-indent: 40px;
  line-height: 34px;
  font-weight: bold;
  color: #fff;
  padding: .6em 1em;
  margin: 0;
}

.warning {
  background: navy url(/sf/sf_default/images/icons/disabled48.png)
  no-repeat 5px 2px;
  text-indent: 40px;
  line-height: 34px;
  font-weight: bold;
  color: #fff;
  padding: .6em 1em;
  margin: 0;
}

/* Lists */
div.thumbs_list {
  text-align: center;
}

div.thumb_entry {
  float: left;
  width: 33%;
  min-width: 225px;
  padding: 0;
  margin: .7em 0;
  text-align: center;
}

div.thumb_entry h4 {
  margin: 0 0 .3em 0;
  padding: 0;
}

div.thumb_entry h4 a {
  text-decoration: none;
}

div.thumb_entry h4 img {
  border: none;
  padding: 0;
  vertical-align: baseline;  
}

div.thumb_entry p {
  text-align: center;
  font-size: .9em;
  margin: .5em;
  line-height: 1.4em;
}

div.thumb_entry img {
  padding: 5px;
  border: 1px solid #ccc;
}

div.thumb_entry img.flag {
  border: none;
  padding: 0;
  margin: 0;
}

div.thumb_area {
  min-height: 140px;
}

/* Applications styles */
div.home_recent_applications {
  width: 50%;
  -moz-border-radius: .8em;
  -webkit-border-radius: .8em;
  margin-top: 17px;
  float: right;
  background: #fff;
}

li.applications {
  background: transparent url(/images/application_cascade.png) no-repeat 0px 4px;
}

li.application {
  background: transparent url(/images/application_osx.png) no-repeat 0px
    4px;
}

/* Companies styles */
li.companies {
  background: transparent url(/images/building.png) no-repeat 0px 4px;
}

li.company {
  background: transparent url(/images/building.png) no-repeat 0px 4px;
}

/* Jobs styles */
div.home_recent_jobs {
  width: 50%;
  -moz-border-radius: .8em;
  -webkit-border-radius: .8em;
  margin-top: 17px;
  float: left;
  background: #fff;  
}

li.jobs {
  background: transparent url(/images/connect.png) no-repeat 0px 4px;
}

li.job {
  background: transparent url(/images/money_add.png) no-repeat 0px 4px;
}

div.seealso_jobs ul {
  padding: 0;
  margin: 0;
}

  div.seealso li {
    background: transparent url(/sf/sf_admin/images/add.png) no-repeat;
  }

/* Maps styles */
li.maps {
  background: transparent url(/images/map_magnify.png) no-repeat 0 4px;
}

/* People styles */
div.recent_jobs {
  background: #ddf;
  padding: 1em .5em .2em .5em;
  -moz-border-radius: .7em;
  -webkit-border-radius: .7em;
}
  
div.home_recent_people {
  clear: both;
  width: 50%;
  -moz-border-radius: .8em;
  -webkit-border-radius: .8em;
  margin-top: 17px;
  float: left;
  background: #ddf;
}

ul.people {
  margin: 0;
  padding: 0;
}

ul.people li {
  margin: 0;
  padding: 0;
}

li.person img {
  vertical-align: middle;
}

li.people {
  background: transparent url(/images/group.png) no-repeat 0px 4px;
}

h3.recommender_title,
h3.recommended_title {
  background: transparent url(/images/award_star_gold_3.png) no-repeat
    0px 2px;
  text-indent: 20px;
}

div.recommendations_received {
  -moz-border-radius: .8em;
  -webkit-border-radius: .8em;
  margin-top: 1em;
  padding: .01em 1em 1em 1em;
  background: #eef;
}

div.recommendations_sent {
  margin-top: 1em;
  padding: .01em 1em 1em 1em;
}

  div.recommendations_sent p,
  div.recommendations_received p {
    font-size: .9em;
  }

/* Homepage */

div.home_block {
  width: 50%;
  -moz-border-radius: .8em;
  -webkit-border-radius: .8em;
  margin-top: 17px;
  float: left;
}

  div.home_block ul {
    margin: 0 0 0 1em;
    padding: 0;
  }
  
  div.home_block li {
    margin: 0;
    padding: 0;
  }

/* Recent events */

div.recent_events {
  font-size: .9em;
}

  div.recent_events li {
    display: block;
    width: 100%;
    text-align: justify;
    -moz-border-radius: .4em;
    -webkit-border-radius: .4em;
  }
  
  div.recent_events li p {
    padding: .2em .4em;
    margin: 0;
  }
  
.event_addition {
  background: transparent url(/sf/sf_admin/images/add.png) no-repeat 0 2px;
  padding-left: 20px;
}

.event_connection {
  background: transparent url(/images/connect.png) no-repeat 0 2px;
  padding-left: 20px;
}

.event_join {
  background: transparent url(/images/user_add.png) no-repeat 0 2px;
  padding-left: 20px;
}
  
.event_recommendation_addition {
  background: transparent url(/images/award_star_add.png) no-repeat 0 2px;
  padding-left: 20px;
}

.event_recommendation_update {
  background: transparent url(/images/award_star_gold_3.png) no-repeat 0 2px;
  padding-left: 20px;
}
  
.event_relation {
  background: transparent url(/images/connect.png) no-repeat 0 2px;
  padding-left: 20px;
}

.event_update {
  background: transparent url(/sf/sf_admin/images/edit.png) no-repeat 0 2px;
  padding-left: 20px;
}

.event_update_profile {
  background: transparent url(/images/user_edit.png) no-repeat 0 2px;
  padding-left: 20px;
}

#notie {
  display: block;
  float: right;
  margin-top: -40px;
}

/* Blog styles */

#menu li.blog {
  background: transparent url(/images/page_white_text.png) no-repeat 0px 4px;
}

/*######################################################################################*/
/* OWN STYLES FOR: 'Cookies+Javascript-required' error display */
.error_list { color: #ff0000; font-weight: bold; }

input:hover, select:hover, textarea:hover {
  border-top-color: #0073ba;
  border-right-color: #0073ba;
  border-bottom-color: #0073ba;
  border-left-color: #0073ba;
}

input:focus, select:focus, textarea:hover {
  background-color: #f1f8fb;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-x-position: 0%;
  background-y-position: 0%;
  border-top-color: #0073ba;
  border-right-color: #0073ba;
  border-bottom-color: #0073ba;
  border-left-color: #0073ba;
  color: #336a96;
}

/* ###################################################### */

/*
#css-detect {
// Shows message if CSS is disabled/browser not capable of using stylesheets
//  visibility: hidden; // @todo: when visibility is set to hidden, the hidden element still occupies same place in the layout!
//  display: none;
//@todo: visibility and display DO NOT WORK!!
// Below lines do the trick!
    height:1px; left:0px; overflow:hidden; position:absolute; top:-500em; width:1px;
}
*/
/* // Use as below:
<!-- Detect CSS Enabled BEGIN -->
<div id="css-detect"><BR><font size="+1" color="red">
 Cascading Stylesheets (CSS) is disabled, enable it, if you want to use this site with nice visual appearance!</font>
<BR></div>
<style type="text/css"> #css-detect { height:1px; left:0px; overflow:hidden; position:absolute; top:-500em; width:1px; } </style>
<!-- Detect CSS Enabled END -->
*/

/* ###################################################### */

/*######################################################################################*/