/* -- reset layout -- */

#main {
  float: none;

  width: 908px; /* 940 - (16 * 2) */

  background-color: #fff;
  color: #300;
}

#main-description {
  width: 498px; /* 908 - 64 - 314 - 32 */
  float: left;
  margin-bottom: 32px;
}

#main-menu {
  float: right;
  width: 314px;
  margin-bottom: 32px;
}

#main-footer {
  clear: both;
}

#main-content h2 {
  padding: 4px 4px 4px 28px;

  color: #248012;
  border-bottom: 4px solid #248012;

  font-weight: bold;
  font-size: 1.1em;

  background: transparent url(../img/main/h2_icon.jpg) no-repeat left center;
}

a.help {
  color: #248012;
  text-decoration: none;
  border-bottom: 1px dotted #248012;
  font-weight: bold;
}

#main-content a { text-decoration: none; }

/* -- main-description -- */

#entrepreneurs-thumbnail {
  padding: 16px 8px 24px 8px;
}

.translation-box-menu {
  padding: 0 8px;

  background: transparent url(/img/entrepreneurs/menu_bg.gif) repeat-x left bottom;
}

.translation-box-menu ul {
  height: 26px;
  line-height: 26px;
  padding-left: 4px;
}

.translation-box-menu li {
  float: left;

  height: 24px;
  line-height: 24px;

  margin-right: 8px;
  
  /*background-color: #D9ECB0;*/
  background-color: #eee;
}

.translation-box-menu li.current {
  color: #060;
  padding: 0 8px;
  border-top: 1px solid #060;
  border-left: 1px solid #060;
  border-right: 1px solid #060;
  border-bottom: 1px solid #E8F3CF;
  background-color: #E8F3CF;
}

.translation-box-menu li a {
  display: block;
  padding: 0 8px;
  color: #555;
}

/* only for Mac IE 5 begin \*//*/
.translation-box-menu li a {
  display: inline-block;
}
/* only for Mac IE 5 end */ 

.translation-box-menu li a:link {
  color: #555;

  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #060;
}

.translation-box-menu li a:visited {
  color: #555;

  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #060;
}

.translation-box-menu li a:hover {
  color: #060;
  background-color: #D9ECB0;
  border: 1px solid #060;
}

.translation-box-menu li a:active {
  color: #060;
  background-color: #D9ECB0;
  border: 1px solid #060;
}

.translation-box-content {
  padding: 16px 8px;
}

.translation-box-footer {
  margin-top: 16px;
  padding: 16px;

  border-top: 1px dashed #060;
}

#entrepreneurs-translation-nice {
  float: right;
}

a#entrepreneurs-translation-nice-button {
  display: block;
  width: 138px;
  height: 42px;
  text-indent: -9999px;
}
a#entrepreneurs-translation-nice-button:link {
  background: transparent url(../img/entrepreneurs/nice.jpg) no-repeat top right;
}
a#entrepreneurs-translation-nice-button:visited {
  background: transparent url(../img/entrepreneurs/nice.jpg) no-repeat top right;
}
a#entrepreneurs-translation-nice-button:hover {
  background: transparent url(../img/entrepreneurs/nice_over.jpg) no-repeat top right;
}
a#entrepreneurs-translation-nice-button:active {
  background: transparent url(../img/entrepreneurs/nice_active.jpg) no-repeat top right;
}

#entrepreneurs-translation-footer-translator {
}

#entrepreneurs-translation-footer-translator-thumbnail {
  float: left;
  margin-right: 8px;
}

#entrepreneurs-translation-footer-translator-description {
}


/* -- main-menu -- */

#main-menu h3 {
  color: #248012;
  background-color: #D9ECB0;
  padding: 4px 8px;

  font-weight: bold;
}

#entrepreneurs-status {
  margin: 16px 0 24px 0;
  /* padding: 0 8px 8px; */
  border: 1px solid #060;
  background-color: #eee;

  font-size: 0.9em;
  zoom: 1;
}

#entrepreneurs-status-wrap {
  padding: 0 8px 8px;
}

#entrepreneurs-status-title {
  position: relative;
  color: #060;
  font-weight: bold;
  height: 36px;
}

#entrepreneurs-status-title-label {
  font-size: 120%;
  float: left;

  padding: 8px 0 0 8px;
}

#entrepreneurs-status-title-help {
  float: right;
}

#entrepreneurs-status-title-help a {
  display: block;

  position: absolute;
  right: -30px;
  top: -30px;
  
  width: 160px;
  height: 80px;
  text-indent: -9999px;
}

#entrepreneurs-status-title-help a:link {
  background: transparent url(../img/entrepreneurs/help.gif) no-repeat right top;
}
#entrepreneurs-status-title-help a:visited {
  background: transparent url(../img/entrepreneurs/help.gif) no-repeat right top;
}
#entrepreneurs-status-title-help a:hover {
  background: transparent url(../img/entrepreneurs/help_hover.gif) no-repeat right top;
}
#entrepreneurs-status-title-help a:active {
  background: transparent url(../img/entrepreneurs/help_hover.gif) no-repeat right top;
}

#entrepreneurs-status dl {
  color: #060;
  margin: 0 56px 8px 48px;
}

/* other than Mac IE 5 begin \*/
#entrepreneurs-status dl {
  clear: both;
}
/* other than Mac IE 5 end */

#entrepreneurs-status dt {
  clear: left;
  float: left;
  width: 10em;
  line-height: 1.6em;
  font-weight: bold;
}

#entrepreneurs-status dd {
  text-align: right;

  line-height: 1.6em;
  /*margin-left: 10em;*/
}

#entrepreneurs-status .still-needed {
  color: #f00;
}

#entrepreneurs-fund-raised {
  margin: 8px 0 8px 48px;
}

#entrepreneurs-raised-link {
  margin: 0 0 8px 48px; 
}


/* -- status progress bar -- */

.progress-container {
  margin: 0 62px;
}
.progress-percentage {
  float: right;
  font-size: 12px;
  line-height: 15px;
}
.progress-box {
  position: relative;
  width: 140px;
  border: 1px solid #bbb;
}
.progress-border {
  border: 3px solid #fff;
  background-color: #bbb;
}
.progress-bar {
  background: #248012 url(/img/entrepreneurs/progress_bar_bg.gif) repeat-y top right;
  height: 6px;
  font-size: 1px;
  line-height: 6px;
}
/* only for Mac IE 5 begin \*//*/
.progress-container {
  display: none;
}
/* only for Mac IE 5 end */ 

#entrepreneurs-lend {
  margin: 16px 0 0;
  text-align: center;
}

/*
#entrepreneurs-lend-note {
  margin: 2px 0 16px;
  text-align: center;
  color: #333;
}
*/

#entrepreneurs-lend-note {
  margin: 2px 32px 8px;
  padding-top: 8px;

  font-size: 0.9em;
  text-align: center;

  background: transparent url(/img/entrepreneurs/lend_note_arrow.gif) no-repeat center top;
}

#entrepreneurs-lend-note-desc {
  padding: 6px;
  color: #444;

  background-color: #f6f6f6;

  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;

  background: #f6f6f6 url(/img/entrepreneurs/lend_note_desc.gif) repeat-x left center;
}

#entrepreneurs-help-footer {
  margin-top: 12px;
  /* background-color: #FFB428; */ /* orange */
  background-color: #D9ECB0; /* light green */
}

#entrepreneurs-help-footer a {
  /* color: #300; */ /* brown */
  color: #248012; /* green */
  border-top: 1px dashed #9BCD34;

  display: block;
  padding: 4px 0;
  text-align: center;

  /* border-top: 4px solid #FFCF75; */
}

#entrepreneurs-help-footer a:link { text-decoration: none; }
#entrepreneurs-help-footer a:visited { text-decoration: none; }
#entrepreneurs-help-footer a:hover { text-decoration: underline; }
#entrepreneurs-help-footer a:active { text-decoration: none; }

#entrepreneurs-about {
  padding: 16px;
}

#entrepreneurs-about dl {
  
}

#entrepreneurs-about dt {
  clear: both;
  float: left;
  width: 3em;
  margin-bottom: 8px;

  color: #060;
}

#entrepreneurs-about dd {
  margin-bottom: 8px;
  margin-left: 3em;
}

.entrepreneurs-about-country-box {
  /*padding-left: 2px;*/
  position: relative;
  height: 1.4em;
  line-height: 1.4em;
  border-bottom: 2px solid #ddd;
  margin-bottom: 2px;
}

.entrepreneurs-about-country {
  position: absolute;
  top: 0;
  height: 1.4em;
  line-height: 1.4em;
  padding: 0 4px;
  border-bottom: 2px solid #85AF7A;
}

/* temporary code, need to fix */
.entrepreneurs-about-abstract img {
  margin-left: 4px;
}

#entrepreneurs-gender {
  float: right;
}

#main-menu-search {
  padding: 16px;
  margin-bottom: 8px;
}

#main-menu-search ul {
}

#main-menu-faq {
  padding: 16px;
  margin-bottom: 8px;
}

#main-menu-faq-header {
  margin-bottom: 8px;
}

#main-menu-faq ul {

}

#main-menu-faq li {
  margin-bottom: 8px;
  padding-left: 16px;
  font-size: 0.9em;
  background: #fff url(../img/menu/question.jpg) no-repeat top left;
}

#main-menu-faq a { display: block; text-decoration: none; }
#main-menu-faq a:hover { text-decoration: underline; }

#main-menu-faq-footer {
  text-align: right;
}

/* -- main-footer -- */

#main-footer h3 {
  color: #248012;
  background-color: #D9ECB0;
  padding: 4px 8px;

  font-weight: bold;
}

/* -- related entrepreneurs -- */
#entrepreneurs-related {
  width: 100%;
}

#related-header {
  clear: left;
  margin: 40px 0 0;
}

#related-items {
  padding-top: 26px;
}

#entrepreneurs-related ul {
}

#entrepreneurs-related ul li {
  display: inline;
  width: 20%;
  float: left;
  padding-bottom: 26px;
}

#entrepreneurs-related ul p.related-thumbnail {
  text-align: center;
}
#entrepreneurs-related ul p.related-thumbnail img {
  border: 1px solid #aaa;
}
#entrepreneurs-related ul p.related-detail {
  text-align: center;
  padding-top: 8px;
}

#entrepreneurs-related ul p.related-detail a {
  text-decoration: underline;
}

.related-progress .progress-container {
  margin: 12px 38px 0;
}
.related-progress .progress-box {
  width: 63px;
}

/* -- repayment -- */

/* only for Mac IE 5 begin \*//*/
#entrepreneurs-repayment {
  clear: both;
}
/* only for Mac IE 5 end */ 

#repayment-header {
  clear: left;
}

#repayment-advanced {
  text-align: right;
  font-size: 0.8em;
}

table.lenderRepayments {
  table-layout: fixed;
}

table.lenderRepayments td, table.lenderRepayments th {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 2px 4px;
  color: #248012;
  font-size: 0.8em;
}
table.lenderRepayments {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.lenderRepayments .period * {
  background-color: #eee;
  vertical-align: middle;
  font-weight: bold;
}
.lenderRepayments tr .totals {
  font-weight: bold;
  text-align: right;
}
.lenderRepayments .available {
  color: #999;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

#repayment-notice {
  margin: 4px 4px 32px 4px;
}

#entrepreneurs-gadget-thumbnail {
  float: left;
}

#entrepreneurs-gadget-thumbnail img {
  margin: 16px;
}

#entrepreneurs-gadget-content {
  margin: 16px 16px 16px 208px;
}

#entrepreneurs-gadget-howto {
  text-align: center;
  margin: 16px;
}

#tweets {

}

#tweets-view {
  padding: 12px;
}

#tweets-view li {
  clear: left;
  line-height: 1.8em;
  margin-bottom: 4px;
  border-bottom: 1px dotted #999;
  zoom: 1;
}

#tweets-view .tweet-abst {
  float: left;
}

#tweets-view .tweet-abst img {
  margin-right: 2px;
  margin-bottom: 2px;
  vertical-align: middle;
}

#tweets-view .tweet-desc {
  margin-left: 120px;
}

#tweets-view .tweet-note {
  text-align: right;
  font-size: 0.8em;
}

#tweets-view a:link { color: #248012; } /* #1F98C7 */
#tweets-view a:visited { color: #248012; }
#tweets-view a:hover { color: #248012; }
#tweets-view a:active { color: #248012; }

#tweets-view .username {
  font-weight: bold;
  font-family: 'Lucida Grande',sans-serif;
}