body {
    font-size: 62.5%;
    font-family: verdana, arial, helvetica, sans-serif;
    margin: 0;
	line-height: 1.8em;
    background-color: #ECEAE6;
    color: #524A3A;
}

img {
    border: 0;
}

ul a {
    /* we want to have always the whole LI Item as a link and not only the text */
    display: block;
}

a, a:link, a:visited {
    color: #069;
    text-decoration: underline;
}

a:hover, a:active {
    color: #F93;
}


#container {
    width: 900px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #9E9278;
    background-color: #fff;
}


#header {
    position: relative;
    /*height: 108px;*/
    border-bottom: 1px solid transparent;       /* IE 6 & IE 7 fix */
    margin-bottom: 19px;
    height: 1%;   /* IE6 fix */
}

#header #logo {
    position: relative;
    margin: 10px;
    height: 42px;
}

#header #logo span#claim {
    position: relative;
    padding-left: 20px;
    bottom: 7px;
    color: #9E9278;
    font-size: 12pt;
    vertical-align: bottom;
}

#header #company-logo {
    position: relative;
    margin: 10px;
    height: 42px;
    overflow: hidden;
}

#header #company-logo img {
    float: left;
}

#header #company-logo div#claim {
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    color: #9E9278;
    font-size: 12pt;
    vertical-align: bottom;
    float: left;
}

/* mainmenu */

#header #mainmenu {
    height: 29px;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    list-style: none;
    background: #fff url(/images/bg_menu.gif) repeat-x;
}

#header #mainmenu li {
    float: left;
    height: 20px;
    line-height: 20px;
    margin-top: 6px;
    font-size: 1.2em;
    font-weight: bold;
    border-right: 1px solid #9E9278;
}

#header #mainmenu li a {
    padding: 0 20px;
}

#header #mainmenu li.first {
    border-left: 1px solid  #9E9278;
}

#header #mainmenu li.active {
    height: 23px;
    padding-top: 5px;
    margin: 0;
    margin-left: -1px;
    /* TODO cross browser check !!! */
    border-top: 1px solid #9E9278;
    border-left: 1px solid #9E9278;
    /*background-color: #CCE0EB;*/
    background-color: #FFF;
    /*background: #fff url(/images/bg_active_menu_orange.gif) repeat-x;*/
}
/*
#blue-bar {
    height: 24px;
    background: #fff url(/images/bg_active_menu.gif) repeat-x;
}
*/

/* menu hyperlink definitions */
.horizontalmenu a, .horizontalmenu a:link, .horizontalmenu a:visited {
    text-decoration: none;
    color: #069;
}

.horizontalmenu li.active a, .horizontalmenu li.active a:link, .horizontalmenu li.active a:visited {
    color: #524A3A;
}

.horizontalmenu a:hover {
    text-decoration: underline;
    /*color: #524A3A;*/
}


/* secondmenu */
#header #secondmenu {
    position: absolute;
    right: 10px;
    top: 0px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#header #secondmenu li {
    float: left;
    padding: 0 8px;
    border-right: 1px solid  #524A3A;
    font-size: 1.1em;
}

#header #secondmenu li.last {
    border-right: none;
    padding-right: 0;
}

/* powered by logo */
#header #powered-by-logo {
  position: absolute;
  right: 10px;
  bottom: 33px;
}


/* Simple Header */
#simple-header {
  position: relative;
  border-bottom: 3px solid #8B7E65;
  margin-bottom: 20px;
  height: 1%;
}

#simple-header #company-logo {
  position: relative;
  margin: 10px;
  height: 40px;
  line-height: 40px;
  font-size: 1.6em;
  font-weight: bold;
}

#simple-header #secondmenu {
  position: absolute;
  right: 10px;
  top: 0px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#simple-header #secondmenu li {
    float: left;
    padding: 0 8px;
    border-right: 1px solid  #524A3A;
    font-size: 1.1em;
}

#simple-header #secondmenu li.last {
    border-right: none;
    padding-right: 0;
}

/* powered by logo */
#simple-header #powered-by-logo {
  position: absolute;
  right: 10px;
  bottom: 3px;
}



/* content - width: 880px */

#content {
  padding: 0 10px;
  font-size: 1.1em;
  height: 1%;
  overflow: hidden;
}

#leftcontent {
  float: left;
  width: 560px;
}

#rightcontent {
  float: right;
  width: 260px;
}

.right-box {
  margin: 0;
  margin-bottom: 20px;
  background: #DBD6CC;
  padding-bottom: 10px;
}

.right-box>* {
  margin: 0 10px;
}

.right-box h3 {
  margin: 0;
  padding: 4px;
  background-color: #DBD6CC;
  border-bottom: 1px solid #8B7E65;
}

.box-content {
  padding-top: 10px;
}

.yellow-box {
  background-color: #FFC;
  border: 1px solid #FC0;
}

.blue-box {
  background-color: #CCE0EB;
}


#news-latest-list ul {
  margin: 0;
  margin-top: 10px;
  padding: 0;
  list-style: none;
}

#news-latest-list ul li {
  font-size: 0.9em;
}

#news-latest-list ul li a {
  display: block;
  font-size: 1.2em;
  margin-bottom: 5px;
}


#footer {
    margin-top: 40px;
    padding: 4px 10px 4px 10px;
    text-align: right;
    border-top: 1px solid #9E9278;
    height: 100%;
    overflow: hidden;
}

#footer .left {
  float: left;
}

#footer .right {
  float: right;
}



.clear_both {
    clear: both;
}

.clear_left {
    clear: left;
}

.clear_right {
  clear: right;
}

/* general css*/
p {
	margin: 10px 0;
}







/* content definitions */

ul.tabmenu {
    position: relative;
    margin: 0;
    margin-bottom: 15px;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #9E9278;
    float: left;
    width: 100%;
}

ul.tabmenu li {
    position: relative;
    bottom: -1px;
    float: left;
    margin-left: 10px;
    border: 1px solid #9E9278;
    background: #ECEAE6;
}

ul.tabmenu li a {
    padding: 4px 10px;
}

ul.tabmenu li.active {
    background: #fff;
    border-bottom: 1px solid #fff;
}


.not_found {
    /*border-bottom: 1px solid #9E9278;*/
    background-color: #ECEAE6;
    margin: 20px 10px;
    padding: 20px 15px;
    /*color: #333;*/
    font-style: italic;
}

.attention {
    font-weight: 700;
}

.bold {
	font-weight: bold;
}

.user_photo {
    padding: 2px; 
    border: 1px solid #9E9278;  
}

.center {
    text-align: center;
}

.right {
  text-align: right;
}

.left50 {
    position: relative;
    width: 48%;
    float: left;
}

.right50 {
    position: relative;
    width: 48%;
    float: right;
}

.hidden {
  display: none;
}

div.loader.active, span.loader.active {
  background: transparent url(/images/loader.gif) no-repeat 0 0;
}

div.loader.active *, span.loader.active * {
  visibility: hidden;
}

/* CSS definition for animated elements */
.animated p {
  margin: 0; /* otherwise positioning during animation is wrong */
}


/* NOTICE, ERROR formating */


#flashsuccess, .success_message {
    border: 2px solid #033;
    color: #033;
    background: #9C9 url(/images/icon_accept.gif) no-repeat 15px center;
    padding: 10px 15px 10px 40px;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 20px;
}

#flashnotice, .notice_message {
    border: 2px solid #FC0;
    color: #333;
    background: #FFC url(/images/icon_info.gif) no-repeat 15px center;
    padding: 10px 15px 10px 40px;
    /*  padding-left: 40px;*/
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 20px;
}

#flasherror, .error_message {
    border: 2px solid #800;
    color: #333;
    background: #F99 url(/images/icon_warning.gif) no-repeat 15px center;
    padding: 10px 15px 10px 40px;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 20px;
}

/* Rails CSS */

.fieldWithErrors * {
  background: #FDD url(/images/icons/exclamation_field.gif) no-repeat right top;
}

.fieldWithErrors *:focus {
  background: #fdd none;
}


#errorExplanation {
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #FDD;
}

#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #c00;
    color: #fff;
}

#errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
}

#errorExplanation ul li {
    font-size: 12px;
    list-style: square;
}

div.uploadStatus {
    margin: 5px;
}

div.progressBar {
    margin: 5px;
}

div.progressBar div.border {
    background-color: #fff;
    border: 1px solid grey;
    width: 100%;
}

div.progressBar div.background {
    background-color: #333;
    height: 18px;
    width: 0%;
}


/* 
 * Public Frontend 
 */

.public-frontend#content {
  font-size: 1.2em;
}

.public-frontend .clear-top {
  margin-top: 0;
  padding-top: 0;
}

.public-frontend ul.light {
  list-style: square;
}

.public-frontend ul.light li {
  margin: 10px 0;
}

.public-frontend #test-now {
  background-color: #FFC;
  border: 1px solid #FC0;
  font-weight: bold; 
  margin: 0 20px; 
  padding: 5px; 
  padding-left: 40px; 
  margin-bottom: 30px;
}


.public-frontend .tbl-plans {
  /*background-color: #DBD6CC;*/
  background-color: #CCE0EB;
  padding: 10px;
  padding-top: 5px;
  width: 500px;
  margin-left: 20px;
}

.public-frontend .tbl-plans td {
  /*border-bottom: 1px solid #8B7E65;*/
  border-bottom: 1px solid #9CB0BB;
  padding: 4px 0;
}

.public-frontend .tbl-plans td.desc {
  text-align: right;
  padding-right: 20px;
}

.public-frontend .tbl-plans td.price {
  text-align: right;
  padding-right: 40px;
}


/* FRONTEND: news article */
.public-frontend #news-list .news {
  overflow: hidden;
  height: 1%;
}

.public-frontend #news-list .news .publish_at {
  float: left;
  width: 120px;
}

.public-frontend #news-list .news .title {
  float: left;
  width: 440px;
  font-size: 1.1em;
  font-weight: bold;
}

.public-frontend #news-list .news .excerpt {
  float: left;
  margin-left: 120px;
}





/* FRONTEND: job offer */

.simple-frontend .job-offer, .employer-backend .job-offer {
  border: 1px solid #8B7E65;
  margin: 50px 100px 10px 100px;
  padding: 10px 20px 20px 20px;
}

.simple-frontend .job-offer.full, .employer-backend .job-offer.full {
  margin: 0 20px 20px 20px;
}

.simple-frontend .job-offer .recommend-bar, .employer-backend .job-offer .recommend-bar {
  background-color: #FFE5CC;
  padding: 4px; 
  text-align: right;
  margin-bottom: 30px;
  font-size: 1.1em
}

.simple-frontend .job-offer .boxes, .employer-backend .job-offer .boxes {
  overflow: hidden;
  margin-top: 40px;
  height: 1%;
}

.simple-frontend .job-offer .boxes h2, .employer-backend .job-offer .boxes h2 {
  margin: 0;
  padding: 0;
  padding-bottom: 4px;
}

.simple-frontend .job-offer .box p, .employer-backend .job-offer .box p {
  margin: 0;
  padding: 0;
}

.simple-frontend .job-offer .communication, .employer-backend .job-offer .communication {
  float: left;
  width: 300px;
}

.simple-frontend .job-offer .communication .box, .employer-backend .job-offer .communication .box {
  padding: 5px 10px;
  background-color: #DBD6CC;
  border-top: 1px solid #8B7E65;
}

.simple-frontend .job-offer .communication h2, .employer-backend .job-offer .communication h2 {
  padding-left: 2px;
}

.simple-frontend .job-offer .communication .apply, .employer-backend .job-offer .communication .apply {
  font-size: 1.1em;
  padding: 2px 2px 2px 30px;
  background: transparent url(/images/icons/warning.gif) 6px 4px no-repeat;
  background-color: #FFC;
  border: 1px solid #FC0;
  margin: 6px 0 15px 0;
}

.simple-frontend .job-offer .communication .apply span, .employer-backend .job-offer .communication .apply span {
  display: block;
  font-weight: bold;
  padding: 2px;
  padding-left: 20px;
}

.simple-frontend .job-offer .communication td, .employer-backend .job-offer .communication td {
  padding-bottom: 10px;
}

.simple-frontend .job-offer .communication td.value, .employer-backend .job-offer .communication td.value {
  font-weight: bold;
}



.simple-frontend .job-offer .recommend, .employer-backend .job-offer .recommend {
  float: right;
  width: 300px;
}

.simple-frontend .job-offer .recommend.full {
  float: none;
  width: auto;
  margin-top: 30px;
}


.simple-frontend .job-offer .recommend .box, .employer-backend .job-offer .recommend .box {
  padding: 5px;
  background-color: #FFE5CC;
  border-top: 1px solid #F93;
}

.simple-frontend .job-offer .recommend h2, .employer-backend .job-offer .recommend h2 {
  padding-left: 24px;
  background: transparent url(/images/icons/money.gif) 2px top no-repeat;
}

.simple-frontend .job-offer .recommend .reward, .employer-backend .job-offer .recommend .reward {
  font-size: 1.8em;
/*  color: #F93;*/
  color: #333;
  text-align: center;
  padding: 10px 0;
}

.simple-frontend .job-offer .recommend .terms, .employer-backend .job-offer .recommend .terms {
}

.simple-frontend .job-offer .recommend .link {
  font-size: 1.3em;
  text-align: center;
  padding: 10px 0 15px 0;
}

.simple-frontend .job-offer .recommend .works {
  font-size: 1.1em;
  text-align: center;
}




.simple-frontend .footnote {
  position: relative;
  color: #888;
  margin: 0 121px 40px 136px;
}

.simple-frontend .footnote sup {
  position:absolute;
  left: -15px;
}


/* Recommendation Form */

#new-recommendation-form p.ftext span {
  padding: 3px;
  border-bottom: 1px solid #F93;
  background-color: #FFE5CC;
}





/* #################### Model CSS ##################### */


/* general */

.float-fix {
  overflow: auto;
  height: 1%;
  position: relative;
}

/*
.options {
    float: right;
}
*/

.options ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    overflow: hidden;
    
}

.options ul li {
    float: left;
    padding-right: 15px;
}


.new_link {
    text-align: right;
}

.tbl-header {
  border-bottom: 1px solid #9E9278;
  background-color: #ECEAE6;
  padding: 5px 0;
  padding-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  overflow: hidden;
  height: 1%;
}

.tbl-row {
  border-bottom: 1px solid #9E9278;
  padding-bottom: 10px;
  margin-bottom: 10px;
  height: 1%;
  position: relative;
}

.tbl-caption {
  float: left;
  font-size: 1.1em;
  font-weight: bold; 
}

.tbl-filter {
  background-color: #ECEAE6;
  border-bottom: 1px solid #fff;
  float: right;
  padding: 3px 3px 3px 20px;
  margin: 0;
}



/* TABLE Model Title Link */
a.detail, a.detail:link, a.detail:visited {
  color: #524A3A;
  text-decoration: none;
}

a.detail:hover, a.detail:active {
  color: #F93;
  text-decoration: underline;
}

a.detail:hover:after {
  content: " \00BB";
}


/* BACKEND: ad_templates */

.backend.ad_template {
    border: 1px solid #9E9278;
    width: 600px;       /* max width would be 880px */
    margin-left: 140px;
}

.backend.ad_template .header-text {
    margin: 20px;
}

.backend.ad_template .job-offer-text {
    margin: 20px;
}

.backend.ad_template .footer-text {
    margin: 20px;
}



/* company job offers */

.employer-backend #job-offer-list .tbl-header .title {
  font-size: 1.1em;
  font-weight: bold;
  padding: 0 2px;
}

.employer-backend #job-offer-list .tbl-header .reference {
  float: left;
  width: 198px;
  padding-left: 2px;
}

.employer-backend #job-offer-list .tbl-header .location {
  float: left;
  width: 200px;
}

.employer-backend #job-offer-list .tbl-header .reward {
  float: left;
  width: 100px;
  padding-right: 100px;
  text-align: right;
}

.employer-backend #job-offer-list .tbl-header .created_at {
  float: left;
  width: 140px;
}

.employer-backend #job-offer-list .tbl-header .options {
  float: left;
  width: 140px;
}


.employer-backend #job-offer-list .job_offer .title {
  font-size: 1.1em;
  font-weight: bold;
  padding: 0 2px;
  padding-bottom: 2px;
}

.employer-backend #job-offer-list .job_offer .reference {
  float:left;
  width: 198px;
  padding-left: 2px;
}

.employer-backend #job-offer-list .job_offer .location {
  float: left;
  width: 200px;
}

.employer-backend #job-offer-list .job_offer .reward {
  float: left;
  width: 100px;
  padding-right: 100px;
  text-align: right;
}

.employer-backend #job-offer-list .job_offer .created_at {
  float: left;
  width: 140px;
}

.employer-backend #job-offer-list .job_offer .options {
  float: left;
  width: 140px;
}

/* EMPLOYER BACKEND: show job offer */

.slbl {
  float: left;
  display:block;
  text-align: right;
  padding-right: 10px;
  font-weight: normal;
  font-weight: lighter;
  width: 140px;
}

.srow {
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid #DBD6CC; /*#CBC5B6;*/
  overflow: hidden;
}

.scontainer {
  display: block;
  overflow: hidden;
  height: 1%;         /* IE6 fix*/
}

.scontainer p {
  margin: 0;
  padding: 0;
}

.srow.last {
  border: none;
}

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

.tasks ul li {
  line-height: 1.4em;
  margin-bottom: 0.7em;
}


h1 {
  font-size: 1.4em;
}

h2 {
  font-size: 1.2em;
}

h3 {
  font-size: 1.1em;
}

h1.bar {
  border-bottom: 1px solid #8B7E65;
  background-color: #DBD6CC;
  padding: 5px;
  padding-top: 15px;
  margin-bottom: 10px;
  font-size: 1.3em;
}

.employer-backend #job-offer-show {
  /*border-top: 1px solid #8B7E65;
  background-color: #DBD6CC;*/
  /*padding: 10px;*/
  margin-bottom: 40px;
  overflow: hidden;
  height: 1%;
  font-size: 1.1em;
  font-weight: bold;
}

.employer-backend #job-offer-show .reference {
  float: left;
  width: 400px;
}

.employer-backend #job-offer-show .location {
  float: left;
  width: 480px;
}

.employer-backend #job-offer-show .phone_number {
  float: left;
  width: 400px;
}

.employer-backend #job-offer-show .reward {
  float: left;
  width: 480px;
}

.employer-backend #job-offer-show .contact {
  float: left;
  width: 400px;
}

.employer-backend #job-offer-show .tasks {
  float: left;
  width: 480px;
}

.employer-backend #job-offer-show .tasks a.edit-link {
  padding-left: 22px;
  background: transparent url(/images/icons/pencil.gif) no-repeat 0 50%;
}

.employer-backend #job-offer-show .tasks a.destroy-link {
  padding-left: 22px;
  background: transparent url(/images/icons/cross.gif) no-repeat 0 50%;
}

.employer-backend #job-offer-show .tasks a.initial-mail-link {
  padding-left: 22px;
  background: transparent url(/images/icons/email_go.gif) no-repeat 0 50%;
}

.employer-backend #job-offer-show .empty {
  float: left;
  width: 880px;
}

.employer-backend #job-offer-show .job-link {
  float: left;
  width: 880px;
}

.employer-backend #job-offer-show .recommend-job-link {
  float: left;
  width: 880px;
}





/* EMPLOYER BACKEND: initial mails */

.employer-backend #initial-mail-list .tbl-header .subject {
  float: left;
  width: 278px;
  padding-left: 2px;
}

.employer-backend #initial-mail-list .tbl-header .body {
  float: left;
  width: 400px;
}


.employer-backend #initial-mail-list .tbl-header .created_at {
  float: left;
  width: 80px;
}

.employer-backend #initial-mail-list .tbl-header .options {
  float: left;
  width: 120px;
}

.employer-backend #initial-mail-list .initial_mail .subject {
  float:left;
  width: 278px;
  padding-left: 2px;
}

.employer-backend #initial-mail-list .initial_mail .body {
  float:left;
  width: 400px;
}

.employer-backend #initial-mail-list .initial_mail .created_at {
  float: left;
  width: 80px;
}

.employer-backend #initial-mail-list .initial_mail .options {
  float: left;
  width: 120px;
}


/* EMPLOYER BACKEND: show initial mail */
.employer-backend #initial-mail-show {
  margin-bottom: 40px;
  overflow: hidden;
  height: 1%;
  font-size: 1.1em;
  font-weight: bold;
}

.employer-backend #initial-mail-show .message .subject {
  margin-bottom: 10px;
}

.employer-backend #initial-mail-show .message .body {
  font-weight: normal;
  margin-bottom: 20px;
}

.employer-backend #initial-mail-show .tasks a.reuse-link {
  padding-left: 22px;
  background: transparent url(/images/icons/email_go.gif) no-repeat 0 50%;
}

.employer-backend #initial-mail-show .tasks a.job-details-link {
  padding-left: 22px;
  background: transparent url(/images/icons/page_white_text.gif) no-repeat 0 50%;
}

.employer-backend #initial-mail-show .tasks a.back-link {
  padding-left: 22px;
  background: transparent url(/images/icons/arrow_left.gif) no-repeat 0 50%;
}




/* EMPLOYER BACKEND: reward requests */

.employer-backend #reward-request-list .tbl-header .job {
  float: left;
  width: 278px;
  padding-left: 2px;
}

.employer-backend #reward-request-list .tbl-header .reward {
  float: left;
  width: 100px;
}


.employer-backend #reward-request-list .tbl-header .code {
  float: left;
  width: 100px;
}

.employer-backend #reward-request-list .tbl-header .new_employee {
  float: left;
  width: 200px;
}

.employer-backend #reward-request-list .tbl-header .created_at {
  float: left;
  width: 80px;
}


.employer-backend #reward-request-list .tbl-header .options {
  float: left;
  width: 120px;
}


.employer-backend #reward-request-list .reward_request .job {
  float:left;
  width: 278px;
  padding-left: 2px;
}

.employer-backend #reward-request-list .reward_request .reward {
  float:left;
  width: 100px;
}

.employer-backend #reward-request-list .reward_request .code {
  float:left;
  width: 100px;
}

.employer-backend #reward-request-list .reward_request .new_employee {
  float:left;
  width: 200px;
}

.employer-backend #reward-request-list .reward_request .created_at {
  float: left;
  width: 80px;
}

.employer-backend #reward-request-list .reward_request .options {
  float: left;
  width: 115px;
  padding-right: 5px;
  text-align: right;
  padding-bottom: 1px;
}

.employer-backend #reward-request-list .reward_request .options a.accept-link {
  padding: 2px 0;
  padding-bottom: 0.6em;
  padding-left: 20px;
  background: transparent url(/images/icons/accept.gif) no-repeat 0 50%;
}

.employer-backend #reward-request-list .reward_request .options a.reject-link {
  padding: 2px 0;
  padding-left: 20px;
  background: transparent url(/images/icons/delete.gif) no-repeat 0 50%;
}


/* EMPLOYER BACKEND - edit company infos */
#edit-company-info-form div#edit-company-logo {
  margin-bottom: 20px;
}

#edit-company-info-form img.company-logo {
  margin:5px;
  margin-bottom: 10px;
  padding: 4px;
  border: 1px solid #8B7E65;
  background-color: #fff;
}


/*
 * REFERRER BACKEND
 */


/* referrer's recommendations' */


.referrer-backend  #recommendation-list .tbl-header .job {
  float: left;
  width: 378px;
  padding-left: 2px;
}

.referrer-backend  #recommendation-list .tbl-header .reward {
  float: left;
  width: 100px;
}

.referrer-backend  #recommendation-list .tbl-header .code {
  float: left;
  width: 100px;
}

.referrer-backend  #recommendation-list .tbl-header .sent_at {
  float: left;
  width: 130px;
}

.referrer-backend  #recommendation-list .tbl-header .state {
  float: left;
  width: 170px;
}


.referrer-backend #recommendation-list .recommendation .job {
  float:left;
  width: 378px;
  padding-left: 2px;
}

.referrer-backend #recommendation-list .recommendation .reward  {
  float: left;
  width: 100px;
}

.referrer-backend #recommendation-list .recommendation .code {
  float: left;
  width: 100px;
  font-weight: bold;
}

.referrer-backend #recommendation-list .recommendation .sent_at {
  float: left;
  width: 130px;
}

.referrer-backend #recommendation-list .recommendation .state {
  float: left;
  width: 170px;
}

.referrer-backend #recommendation-list .recommendation .state a.claim-link {
  background: transparent url(/images/icons/money.gif) no-repeat 0 50%;
  padding: 2px 0;
  padding-left: 20px;
}



/* FORM styling*/

fieldset {
  border: none;
  border-top: 1px solid #9E9278;
  /*margin: 10px 0;*/
  padding: 4px 10px 10px 10px;
  background-color: #ECEAE6;
  margin-bottom: 25px; 
}


fieldset legend {
  font-size: 1.1em;
  font-weight: bold;
  padding: 0 5px;
}


fieldset.clear {
  border: none;
  background-color: transparent;
}

/*
 * form structure:
 * .frow
 *       %label{:for => 'recommendation_receiver_mail'} Label
 *       %input{:type => 'text'} | .string_field | .fcontainer
 *       .fhint=  Hint
 *
 */


div.frow {
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid #CBC5B6; /*#D1CBBE;*/
  overflow: hidden;
  height: 1%;
}

div.frow.last {
  border: none;  
}

div.frightonly {
  margin: 10px 0;
  margin-left: 13em;
  overflow: hidden;
}

label {
  float: left;
  display: block;    
  width: 12em;
  line-height: 2em;    
  padding-right: 1em;
  text-align: right;
}

label.simple {
  float: none;
  display: inline;
  width: auto;
  line-height: 2em;
  margin-right: 6px;
}

.mandatory {
  background: transparent url(/images/icons/star.gif) left 1em no-repeat;
}


input {
}


div.fhint {
  margin-left: 15em;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 0.9em;
}

div.fhint.yellow {
  background-color: #FFC;
  border: 1px solid #FC0;
  padding: 3px;
  font-size: 1.1em;
  margin-left: 12em;
  width: 70%;
}

.string_field {
  display: block;
  line-height: 2em;
}

.fcontainer {
  display: block;
  overflow: hidden;
  height: 1%;
}


div.fsubmit {
  margin-left: 13em;
}

.ftext {
  margin-left: 13em;
  line-height: 2em;
}

form.link-button {
  display: inline;
}

input.link-button {
  display: inline;
  background: transparent;
  margin: 0;
  padding: 0;
  border: 0;
  color: #069;
  text-decoration: underline;
  cursor: pointer;
}

/* facebox def */
div#facebox {
	font-size: 1.2em;
}


div#facebox .broad {
  width: 500px;
}

div#facebox .superbroad {
  width: 600px;
}