div.break{
	padding: 10px 0 10px 0;
	margin: 0px 0 0px 0;
	background-color: transparent;
	background-image: url(images/hdiv-bottom.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top;

}

img.invest {
  border: none;
  margin: 20px 20px 20px 0;
  float: left;
  display: block;
}


ul.investments {
  width: 100%;
  float: left;
}

ul.investments li {
  clear: both;
  padding: 5px 10px 5px 10px;
  float: left;
  margin-left: 12px;
  -margin-left: 6px;
  width: 906px;
}

ul.investments li .content-inv {
  width: 475px;
  float: left;
  margin-left: 40px;
  -margin-left: 5px;
}
ul.investments li .content-annonce {
  width: 675px;
  float: left;
  margin-left: 40px;
  -margin-left: 5px;
}


ul.investments li .content-inv h3 {
  font-size: 15px;
  font-weight: bold;
}
ul.investments li .content-annonce h3 {
  font-size: 15px;
  font-weight: bold;
}
ul.investments li .content-inv dl {
  border-bottom: solid;
  border-width: 1px;
  border-color: #ccc;
  padding: 5px 0;
  margin-bottom: 10px;
  background: none;
  line-height: 14px;
/*  width:93%; */
}
ul.investments li .content-annonce dl {
  border-bottom: solid;
  border-width: 1px;
  border-color: #ccc;
  padding: 5px 0;
  margin-bottom: 10px;
  background: none;
  line-height: 14px;
/*  width:93%; */
}

ul.investments li .content-inv dl.bottom {
  border-bottom: none;
  border-width: 0px;
  padding: 5px 0;
  margin-bottom: 10px;
  background: none;
/*  width:93%; */
}

ul.investments li .content-inv dl * {
  display: inline;
}
ul.investments li .content-annonce dl * {
  display: inline;
}
ul.investments li .content-inv dl dd {
  padding-right: 15px;
  font-weight: bold;
}
ul.investments li .content-annonce dl dd {
  padding-right: 15px;
  font-weight: bold;
}
ul.investments li .content-inv .mission {
  width: 460px;
  float: left;
  margin-right: 20px;
  height: 20px; /** 50px **/
}
ul.investments li .content-annonce .mission {
  width: 660px;
  float: left;
  margin-right: 20px;
  height: 20px; /** 50px **/
}
.mission p{
	line-height: 14px;
}

ul.investments li .content-inv .mission a, ul.investments li .content .examples a {
  font-style: italic;
}

ul.investments li .content-inv .examples h4 {
  padding-bottom: 5px;
}

ul.investments li .content-inv .example {
  margin-right: 10px;
  float: left;
  width: 81px;
  height: 79px;
}

ul.investments li .content-inv .examples {
  width: 260px;
  float: left;
}

/* =========================================================================== changes here */
  ul.investments li .content-inv .example a.popuplink {
  float: left;
  width: 71px;
  height: 67px;
  }

  ul.investments li .content-inv .example .popuplink {
  border: solid 2px white;
  }

  ul.investments li .content-inv .example a.popuplink:hover {
  border: solid 2px #03f;
  }
/* =========================================================================== changes here */

ul.investments li .content-inv .examples .more {
  float: left;
  line-height: 25px;
  /* background: url('images/skin/more.gif') center left no-repeat;*/
  padding-top: 25px;
}

ul.investments li .content-inv .examples .more a {
  /*  padding-left: 27px; */
}

ul.investments li .sidebar {
  background: url('images/investsidebar.gif') top center repeat-y;
  width: 264px;
  float: right;
  margin-right: 10px;
}

ul.investments li .sidebar h4 {
  background: url('images/investsidebartop.gif') top center no-repeat;
  padding: 10px 10px 0;
}

ul.investments li .sidebar dl {
  padding:10px 10px 5px 20px;
  /padding: 10px 10px 5px 20px;
  width: 230px;
  float: left;
}

ul.investments li .sidebar dl dt {
  float: left;
  width: 120px;
  padding-bottom: 1px;
  clear: both;
}

ul.investments li .sidebar dl dt.long {
  float: left;
  width: 220px;
  padding-bottom: 6px;
  clear: both;
}

ul.investments li .sidebar dl dt.nopad {
  float: left;
  width: 120px;
  padding-bottom: 0px;
  clear: both;
}
ul.investments li .sidebar dl dd {
  float: left;
  width: 110px;
  padding-bottom: 1px;
  font-weight: bold;
}

ul.investments li .sidebar dl dd.nopad {
	margin-top: 4px;
  float: left;
  width: 110px;
  font-weight: normal;
}
ul.investments li .sidebar .source {
  clear: both;
  background: white url('images/investsidebarbottom.gif') top center no-repeat;
  padding: 13px 5px 0;
  font-size: .9em;
  text-align: right;
}

ul.investments li.highlight {
  background-color: #efefef;
}

ul.investments li.highlight .sidebar {
  background-image: url('images/investsidebar2.gif');
}

ul.investments li.highlight .sidebar h4 {
  background-image: url('images/investsidebartop2.gif');
}

ul.investments li.highlight .sidebar .source {
  background-image: url('images/investsidebarbottom2.gif');
  background-color: #efefef;
}

ul.investments li.highlight a.invest img,ul.investments li a.invest img{
  border: solid 1px #0789a0;
  float: left;
  margin-right: 10px;
  display: block;
}

ul.investments li.highlight a.invest:hover img, ul.investments li a.invest:hover img{
  border: solid 1px #00c;
  float: left;
  margin-right: 10px;
  display: block;
}

.investment_logo {
  border:none;
  float:left;
  margin: 0 10px 0 0;
  width: 107px;
  height: 105px;
}

.investment_logo .exwrapper {
  _z-index: 0;
  _height: 1%;
  text-align: center;
}

.investment_logo .exwrapper span{
	margin-left: 30px;
	/margin-left: 38px;
  	font-size: 8px;
   color: grey; 
   text-align: center;
}

.investment_logo img {
  padding-top: 11px;
  padding-left: 11px;
}

.investment_logo img.nopad {
  padding: 0;
  float: left;
}

.investment_logo a {
  cursor: pointer;
  _position: relative;
}

.investment_icones {
  border:none;
  margin: 40px 0px 0px 10pt;
  background-image:none;
  
  
}

/* --- forms --- */


/* --- popup --- */

.popup {
  position: absolute;
  left: -5000px;
  top: 50px; 
  width: 192px;
  text-align: center;
  font-size: 1.1em;
  z-index: 9999;
}
.popup .popuptop a {
  z-index: 1000;
  position: relative;
}

.popup .popuptop {
  background: url('images/skin/popup/popuptop.png') top center no-repeat;
  height: 13px;
  padding: 6px 8px 0 0;
  text-align: right;
}

.popup .popupmiddle {
  background: url('images/skin/popup/popup.png') top center no-repeat;
  padding-top: 5px;
}

.popup .popupmiddle p {
  overflow: auto;
  width: 140px;
  padding: 7px 20px;
  margin-left: 6px;
  margin-right: 6px;
  text-align: left;
}

.popup a.morelink {
  font-style: italic;
}

.popup .popupbottom {
  height: 10px;
  font-size: 0px;
  line-height: 0px;
  background: url('images/skin/popup/popupbottom.png') top center no-repeat;
}

/* --- yellowbox --- */

.yellowbox {
  background-color: #f4f4f4;
  border: solid 1px #e3bf3d;
}

.yellowbox h3, .boxform h3 {
  background: #e3bf3d url('images/skin/pages.gif') top center repeat-x;
  font-size: 1em;
  font-weight: bold;
  padding: 5px 8px;
}

.boxform h3 {
  background: none;
//  margin-bottom: 10px;
}

.yellowbox .padding {
  padding: 15px;
}

.yellowbox .padding h4, .yellowbox .padding p {
  padding-bottom: 10px;
}

.yellowbox .padding ul {
  list-style-type: disc;
  line-height: 1.5;
  padding: 0 0 0 35px;
}

.yellowbox .topborder {
/*  border-top: solid 1px white;*/
}

.yellowbox .buttons {
  padding: 0 15px 25px;
}

/* --- signin --- */

.signin .yellowbox {
  width: 420px;
  margin-right: 40px;
  float: left;
}

.signin .boxform {
  width: 430px;
  float: left;
}

.signin .boxform .buttons {
  padding: 15px 0;
}

.signin .boxform fieldset {
  width: auto;
  background-color: white;
}

.signin .boxform p {
  padding-bottom: 5px;
}

.signin .link {
  padding-top: 32px;
}

.signin label {
  padding-bottom: 0;
}

/* --- forgotpassword specific styles --- */

.forgotusername #topcontent {
  padding-bottom: 5px;
}

.forgotusername .info {
  padding: 10px 0 0;
}

/* Borrower Table */
/* BORROWER  
---------------------------------------------------------------------------------*/
p.borrower-button{
 padding: 15px 0 0 0;}
 
table.borrower-table{
 width: 99%;
 margin: 25px 0 0 0;}

.organization table.borrower-table{
 margin:0;}

table.borrower-table p{
 margin:0;
 padding:0;} 

table.borrower-table tr th{
 background:url(images/skin/tableheader_borrower.gif) no-repeat top left;
 height:21px;
 text-align:right;
 font-weight:bold;
 padding: 0 30px 0 0;
 font-size:0.9em;}

table.borrower-table tr.highlight td{
 background:#efefef;}

table.borrower-table tr td{
 padding: 11px 5px 14px 15px;
 vertical-align:top;}

table.borrower-table tr td.pic{
 width: 161px;}

table.borrower-table tr td.profile{
 width: 204px;}

table.borrower-table tr td.overview{
 padding-left: 15px;
 width: 350px;}

table.borrower-table tr td.edit p{
 padding: 0 0 11px 0;}
 
table.borrower-table tr td.profile p{
 margin:0;
 line-height:1.1em;
 padding:0 0 3px 0;}

table.borrower-table tr td.overview p{
 width: 409px;
 padding: 0 0 12px 0;}

table.borrower-table tr td.profile p.name{
 font-size:1.3em;
 line-height:1.1em;
 padding:0 !important;}

table.borrower-table tr td p.overview-title{
 padding:18px 0 5px 0 !important;
 line-height:1em;}

/* the info popups */

.infopopup p {
  font-size: 1.2em;
  margin-bottom: 1em;
}

.infopopup {
  position: absolute;
  width: 435px;
  text-indent:-99999px;
  text-align:left;
  display: none;
  _display: block;
  visibility: hidden;
  background: url(images/skin/popup/info_bottom.gif) bottom no-repeat;
  padding-bottom: 14px;
  z-index: 10000;
}

.infopopup .infopopup-top {
  height: 31px;
  line-height: 31px;
  background: url(images/skin/popup/info_top.gif) no-repeat;
  color: white;
  cursor: move;
}

.infopopup .infopopup-content {
  max-height: 400px;
  height: expression(this.scrollHeight > 400? "400px" : "auto" );
  padding: 20px;
  overflow: auto;
  background: white;
  border-left: 1px solid #3c568d;
  border-right: 1px solid #3c568d;
}

.infopopup .infopopup-close {
  width: 25px;
  height: 29px;
  position: absolute;
  right: 1px;
  top: 1px;
  z-index: 10000;
}

/* the validate ssn popups */

.validatepopup {
  position: absolute;
  width: 429px;
  text-indent:-9999px;
  text-align:left;
  visibility: hidden;
  background: url(images/skin/popup/info_bottom.gif) bottom no-repeat;
  padding-bottom: 14px;
  z-index: 10000;
  font-size:1.3em
}

.validatepopup .infopopup-top {
  height: 35px;
  line-height: 31px;
  background: url(images/skin/validate-ssn.gif) no-repeat;
  color: white;
  cursor: move;
}

.validatepopup .errorbox, #riskprofile .errorbox{
  background: #fef7da url('images/skin/topcontenterror.gif')  no-repeat;
}

.validatepopup .infopopup-content {
  height: 300px;
  overflow: auto;
  background: white;
  border-left: 1px solid #3c568d;
  border-right: 1px solid #3c568d;
  padding:30px 10px;
}

.validatepopup .infopopup-close {
  width: 25px;
  height: 29px;
  position: absolute;
  right: 1px;
  top: 1px;
  z-index: 10000;
}

/* Blank Top Popup for Issuers */
.infopopupblank-top {
  height: 31px;
  line-height: 31px;
  background:url(images/skin/popup/blank_top.gif) no-repeat top left;
  color: white;
  cursor: move;
}

/* Interest Schedule Popup */
.infopopupinterest-top {
  height: 31px;
  line-height: 31px;
  background:url(images/skin/popup/interestschedule_top.gif) no-repeat top left;
  color: white;
  cursor: move;
}

.infopopup .infopopupinterest-content {
  height: 250px;
  padding: 15px 5px 0 5px;
  overflow: auto;
  background: white;
  border-left: 1px solid #3c568d;
  border-right: 1px solid #3c568d;
}

.infopopup table.interestschedule {
  background:url(images/skin/popup/interest_tableheader.gif) no-repeat top left;
  width: 375px;
}

.infopopup table.interestschedule tr th{
  height:22px;
  text-align:left;
  font-weight:bold;
  color:#000;
  font-size:1.1em;
  padding: 0 8px;
}

.infopopup table.interestschedule tr.highlight td{
  background:#f4f4f4;
  padding: 2px 8px 3px 8px !important;
}

.infopopup table.interestschedule tr td{
  border-bottom:1px solid #e3e3e3;
  padding: 3px 8px 4px 8px;
  font-size:1.2em;
}

.select-link-wrap {
  margin-left: 10px;
}

.select-saved {
  color: #00CC00;
  font-weight: bold;
  padding-left: 10px;
}

#all_account_updates #all_account_updates,
#all_notes #all_notes,
#show #show_nav,
#investment_history #investment_history_nav,
#customer_risk_profile #customer_risk_profile_nav,
#customer_alerts #customer_alerts_nav,
#customer_transaction_alerts #customer_transaction_alerts_nav {
  background:url(images/skin/activeshade2.gif) no-repeat top left !important;
  font-weight:bold;
  padding-left: 30px !important;  
}

#all_account_updates #all_account_updates a,
#all_notes #all_notes a,
#show #show_nav a,
#investment_history #investment_history_nav a,
#customer_risk_profile #customer_risk_profile_nav a,
#customer_alerts #customer_alerts_nav a,
#customer_transaction_alerts #customer_transaction_alerts_nav a {
  display:inline;
  margin:0;
  padding:0;
  color:#000;
  font-weight:normal;
}

.highlight, .highlight tr {
 background:#F4F4F4;
}

.plain, .plain tr {
 background:#FFFFFF;
}


h3.investseeall-header {
  background:#A6A6A6 none repeat scroll 0%;
  clear:both;
  color:#FFFFFF;
  font-size:0.9em;
  margin-top:-5px;
  padding:3px 5px;
  margin-left: 12px;
}

.pages {
  background: #fff2c6;
  border: solid 1px #e3bf3d;
  font-size: .9em;
  font-weight: bold;
  padding: 3px 15px;
  /padding: 3px 15px 12px 15px;
  width: 894px;
  text-align: right;
  margin-top: 15px;
  margin-left: 12px;
  -margin-left: 4px;
  margin-bottom: 5px;
  clear: both;
  float: left;
}

.pagesleft {
  float: left;
  padding:4px 4px 0pt 0pt; 
}

.pagesnav {
  float: right;
  padding: 4px 4px 0 0;
}


/*             Barre de progression                */

.progressbar {

height: 10px;
display: block;


}

.progressbarback {
border: 1px solid blue;
background: transparent;
height: 10px;
width: 100px;
} 


.progressbarback2 {
border: 1px solid green;
background: transparent;
height: 10px;
width: 100px;
} 
.progressbarback3 {
border: 1px solid blue;
background: transparent;
height: 10px;
width: 220px;
margin: 4px 0 0px 0;
}

.progressbarback4 {
border: 1px solid green;
background: transparent;
height: 10px;
width: 220px;
margin: 4px 0 0px 0;
} 
.tri {
  font-size: .9em;
  font-weight: bold;
  padding: 3px 15px;
  /padding: 3px 15px 12px 15px;
  width: 894px;
  margin-left: 12px;
  -margin-left: 4px;
}


.tri a{
  font-size: .9em;
  font-weight: bold;
	text-decoration: underline;
	color: blue;
}

.tri a:hover{
  font-size: .9em;
  font-weight: bold;
	text-decoration: underline;
	color: red;
}

.search {
  background: #FFFFF;
  border: solid 0px blue;
  font-size: .9em;
  font-weight: normal;
  padding: 3px 15px;
  /padding: 3px 15px 12px 15px;
  width: 894px;
  text-align: center;
  margin-top: 15px;
  margin-left: 12px;
  -margin-left: 4px;
  margin-bottom: 5px;
 
}