/** ---------------------------------------- For Common HTML Styles ----------------------------------------- **/
body { position: relative; padding: 0px; margin: 0px auto 0px auto; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; }
img { border: 0px; }
a { color: #003366; text-decoration: none; }
a:hover { text-decoration: underline; }
p { line-height: 1.5em; }

/** ---------------------------------------- For Class-Based Styles ----------------------------------------- **/
.btn { cursor: pointer; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; /*border: #A7A7A7 1px dashed; 
       padding: 5px 10px 5px 10px;*/padding: 3px 6px 3px 6px; }
.btnYes { cursor: pointer; background: url(images/btn_yes.png); width: 230px; height: 46px; border: 0; }
.btnNo { cursor: pointer; background: url(images/btn_no.png); width: 230px; height: 46px; border: 0; }
.btnPrevious { cursor: pointer; background: url(images/btn_previous.png); width: 48px; height: 48px; border: 0; }
.btnPreviousDisabled { background: url(images/btn_previous_disabled.png); width: 48px; height: 48px; border: 0; }
.btnNext { cursor: pointer; background: url(images/btn_next.png); width: 48px; height: 48px; border: 0; }
.btnNextDisabled { background: url(images/btn_next_disabled.png); width: 48px; height: 48px; border: 0; }
.txt { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; border: #A7A7A7 1px dashed; padding: 5px; }
.defaultcursor { cursor: default; }

.space05 { line-height: 0.5em; }
.space15 { line-height: 1.5em; }
.space25 { line-height: 2.5em; }
.space45 { line-height: 4.5em; }
.space35 { line-height: 7.5em; }
.visibleTxt { visibility: hidden; }

.bgNone { background: none;}
.bgBlack { background-color: #000000; }
.bgWhite { background-color: #FFFFFF; }
.borderWhite2 { border: 2px solid #FFFFFF; width: 40px; text-align: center; }
.borderBlack { border: 1px solid #003366; width: 40px; text-align: center; margin-left: 5px; }
.border { padding: 10px; border: 1px Dotted #BBBBBB; }
.th { background-color: #BBBBBB; }
.tr1 { background-color: #E0E0E0; }
.tr2 { background-color: #EFEFEF; }
.font { font-weight: normal; }
.bfontBlue { font-weight: bold; color: #003366; }
.bfont { font-weight: bold; }
.bfont13 { font-weight: bold; font-size: 13px; }
.bfont14 { font-weight: bold; font-size: 14px; }
.bfont16 { font-weight: bold; font-size: 16px; }
.bfont20 { font-weight: bold; font-size: 20px; }
.bfont16U { color: #003366; font-weight: bold; font-size: 20px; /*text-transform: uppercase;*/ }
.ubfont { font-weight: bold; text-decoration: underline; }
.fontBlue { color: #003366; font-style: italic; }
.fontRed { color: Red; }
.ufontBlue { color: #003366; font-style: italic; text-decoration: underline; }
.divAnswer { margin-left: 20px; line-height: 2.0em; }
.cGridView { width: 90%; margin-left: 25px; border: solid #EEEEEE; }
.cGridView1 { border: solid #EEEEEE; }
.notice_gray { font-size: 90%; font-style: italic; line-height: 1.5em; color:Gray; }
.rateStars { margin-top: 5px; }
.cLegend { float: right; margin-right: 50px; font-size: 90%; font-style: italic; line-height: 1.5em; color:Gray; }
.txtLegend { /*border: 0 none solid;*/ font-size: 90%; font-style: italic; line-height: 1.5em; color: Gray; }
.txtGray { font-size: 80%; font-weight: normal; font-style: italic; }
.cNew { font-family:Verdana; font-size: 70%; background-color: #FFFF00; padding: 1px; border: 1px #D5D500 solid; }

/** ---------------------------------------- For ID-Based Styles ----------------------------------------- **/
#divBody { width: 890px; }

/* For Header Page */
#divHeader { height: 80px; background-color: #FFFFFF; }
#divHeader #divLogo { float: left; width: 445px; height: 80px; background: url(images/logo.png) no-repeat; }
#divHeader #divLoginBar { float: left; width: 200px; height: 100%; }
#divHeader #divLearnMoreBar { float: left; width: 245px; height: 100%; }
#divStatistics { width: 100%; background-color: #002D5A; height: 20px; color: #FFFFFF; text-align: left; padding-left: 10px; font-size: 11px; }
#divStatistics a { color: #FFFFFF; text-decoration: none; }
#divStatistics a:hover { text-decoration: underline; }
#divHeaderOptions { height: 80px; background-color: #003366; }
#divHeaderOptions #divOpenLoan { float: left; width: 250px; height: 80px; background: url(images/bar_openloanmarket.png) no-repeat; }
#divHeaderOptions #divBidLoan { float: left; width: 250px; height: 80px; background: url(images/bar_auctionloanmarket.png) no-repeat; }
#divHeaderOptions #divLenderLoan { float: left; width: 250px; height: 80px; background: url(images/bar_lenderloansmarket.png) no-repeat; }
#divHeaderOptions #divSearchBar { float: left; width: 140px; background: url(images/bar_searchbox.png) no-repeat; height: 100%; 
                                  text-align: left; font-size: 11px; }
#divHeaderOptions #divSearchBar #divTotalCount { margin-left: 10px; margin-top: 10px; color: #FFFFFF; }
#divHeaderOptions #divSearchBar a { color: #FFFFFF; text-decoration: none; }
#divHeaderOptions #divSearchBar a:hover { text-decoration: underline; }
#divHeaderOptions .cSearch { color: #FFFFFF; font-weight: bold; margin-top: 10px; }

/* For Footer Page */
#tblFooter { height: 50px; width: 890px; background: url(images/bar_bottombanner.png) no-repeat; font-size: 11px; text-align: left; 
             color: #B3AEAF; line-height: 4.0em; }
#tblFooter a { color: #B3AEAF; text-decoration: none; }
#tblFooter a:hover { text-decoration: underline; }
#tblFooterInfo { width: 880px; font-size: 11px; text-align: left; }
#tblFooterInfo a { color: #060; text-decoration: none; }
#tblFooterInfo a:hover { text-decoration: underline; }

/* For Side - Featured borrower portion */
#divFeaturedBorrower { width: 250px; height: 50px; background: url(images/ico_featuredborrowers.png) no-repeat; }

/* For Side Navi Portion */
#divUserInfo { width: 250px; height: 50px; background: url(images/bgmemberid.png) no-repeat; color: #FFFFFF; text-align: left; 
               padding-left: 15px; padding-top: 5px; line-height: 1.7em; }
#divUserInfo #divCreditGrade { position: relative; left: 160px; top: -40px; }
#divLink { position: relative; left: 0px; top: -5px; }
#divLink .LinkProfile { width: 250px; height: 50px; background: url(images/bar_myprofileside.png) no-repeat; }
#divLink .LinkPortfolio { width: 250px; height: 50px; background: url(images/bar_myportfolioside.png) no-repeat; }
#divLink .LinkHistory { width: 250px; height: 50px; background: url(images/bar_myhistoryside.png) no-repeat; }

#divLink #divInbox { width: 250px; height: 50px; background: url(images/bar_myinboxside.png) no-repeat; }
#divLink #divInbox .UnreadMesg { position: relative; left: 20px; top: -35px; color: #FFFFFF; font-weight: bold; font-size: 15px; }
#divLink .LinkRequestLoan { width: 250px; height: 50px; background: url(images/bar_myloanadsside.png) no-repeat; }
#divLink .LinkOfferLoan { width: 250px; height: 50px; background: url(images/bar_mynewlendingads.png) no-repeat; }
#divSideOption { /*position: relative; left: 0px; top: 0px; float: left;*/ text-align: left; }
#divSideOption .LinkTwitter { width: 48px; height: 48px; background: url(images/ico_twitter.png) no-repeat; }
#divSideOption .LinkSupport { width: 48px; height: 48px; background: url(images/ico_support.png) no-repeat; }
#divSideOption .LinkContactUs { width: 48px; height: 48px; background: url(images/ico_mail.png) no-repeat; }

/* For Notification portion */
#divNote { position: relative; left: 130px; top: 0px; text-align: left; }
#divNNote { width: 80%; margin-left: 100px; margin-top: 10px; text-align: left; }
#tblNote { margin-left: 100px; margin-bottom: 20px; }
#divPanelNote { margin-left: 50px; margin-top: 10px; text-align: left; }
.divIcon_Error { float: left; background: url(images/ico_error.png) no-repeat; width: 32px; height: 32px; }
.divIcon_Success { float: left; background: url(images/ico_success.png) no-repeat; width: 32px; height: 32px; }
#divMesg { float: left; padding-left: 10px; padding-top: 10px; line-height: 1.5em; color: Red; }
#divNMesg { float: left; padding-left: 10px; padding-top: 10px; line-height: 1.5em; color: Red; }

/* For Content */
#divMiddle { margin-top: 300px; width: 890px; }
#divMiddle #divSide { width: 250px; float: left; }
#divMiddle #divContent { width: 640px; float: left; background: url(images/bg.png) no-repeat; text-align: left; }
#divMiddle #divContent #divStarted { margin-top: 20px; margin-bottom: 20px; margin-left: 30px; }
#divMiddle #divContent #divTitle { margin-top: 20px; margin-bottom: 20px; margin-left: 20px; }
#divMiddle #divContent #divTitle #divLblTitle { margin-left: 110px; margin-top: -60px; }
#divMiddle #divContent #divTitle #divUnreadMesg { margin-left: 190px; margin-top: -55px; }
#divMiddle #divContent #divTitle1 { margin-top: 20px; margin-bottom: 20px; margin-left: 30px; }
#divContent { min-height: 350px; }
#divContent #divProfileLink { float: right; margin-top: -50px; margin-right: 50px; }
#divContent #divProfilePhoto { float: right; margin-top: -90px; margin-right: 50px; border: 2px solid #FFFFFF; }
#divContent #divProfilePhoto1 { float: right; margin-top: -70px; margin-right: 50px; border: 2px solid #FFFFFF; }
#divContent #divAvatar { margin-left: 40px; }
#divContent #divAddPhoto { margin-left: 40px; }
#divContent .cPhotos { width: 88%; border: solid #EEEEEE; margin-top: 15px; margin-left: 40px;  }
#divContent #divTitleDesc { margin-left: 50px; }
#tblProfileOptions { margin-left: 40px; width: 90%; font-size: 14px; font-weight: bold; margin-bottom: 20px; }
#tblInfo { margin-left: 40px; width: 90%; margin-bottom: 10px; line-height: 3.0em; }
#tblSubInfo { width: 100%; line-height: 2.5em; }
#tblInfo1 { margin-top: 40px; margin-left: 40px; width: 90%; margin-bottom: 10px; line-height: 3.0em; }
#tblInfo2 { width: 95%; margin-bottom: 10px; line-height: 3.0em; }
#tblInfo3 { margin-top: 60px; margin-left: 40px; width: 90%; margin-bottom: 10px; line-height: 2.0em; }
#tblInfo4 { margin-left: 40px; width: 90%; margin-bottom: 10px; }
#divUInfo { margin-left: 40px; width: 90%; margin-bottom: 10px; }
.cInfo { margin-left: 40px; width: 90%; }

/* For Photo's page */
#divPhotos #divPhotoBack { margin-left: 40px; margin-top: 60px; }
#divPhotos #divPhotoButton { float: right; margin-right: 30px; margin-top: -30px; }
#divPhotos #divPhoto { margin-left: 100px; margin-top: 20px; border: 2px solid #EEEEEE; width: 420px; height: 300px; text-align: center; }
#divPhotos #divPhotoCaption { margin-left: 100px; margin-top: 10px; }
#divPhotos #divPhotoOptions { float: right; position: absolute; right: 300px; top: 890px; }

/* For Inbox's page */
#divInboxOptions { margin-left: 30px; margin-top: 50px; }

#divFull { margin-top: 300px; width: 890px; background: #FFFFFF; }
#divFull #divBackTo { float: right; margin-right: 150px; position: relative; top: 0px; }
#divMesgInfo { width: 62%; margin: 50px; border: 1px solid #C9C9C9; padding: 40px; }
#divMesgInfo #divNote { position: relative; left: 0px; top: 0px; text-align: left; }
#divMesgInfo #divNote #divMesgContent { float: left; padding-left: 0px; padding-top: 10px; line-height: 1.5em; }

#divTerms { width: 80%; margin: 30px; border: 1px solid #C9C9C9; padding: 20px; text-align: left; }
#divTerms ul { line-height: 1.5em; }
#divTerms ol { line-height: 1.5em; }

#divFContent { margin: 20px; text-align: left; }
#divFContent #divOption { float: right; margin-top: 10px; }
#divFContent .cFGridView { margin-top: 10px; border: solid #EEEEEE; text-align: center; }
#divFContent .cFGridView_Board { border: solid #EEEEEE; }
#divFContent #divButtons { float: right; }
#divFContent #divTotalBid { float: right; margin-top: -10px; margin-right: 20px; }

/* For the Loan Board Card View format */
#tblCard { background: url(images/rectangle.png) no-repeat; width: 350px; height: 150px; text-align: center; padding-left: 5px; }
#tblCard #divIncome { position: relative; left: 270px; top: -30px; height: 150px; }

/* Modal Popup CSS */
.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }
.modalPopup { background: #FFFFFF; border: 10px solid #D2D9E6; padding: 20px 50px 20px 50px; text-align: left; }
.modalPopupImage { background: #FFFFFF; border: 10px solid #D2D9E6; padding: 2px 2px 22px 22px; text-align: center; }
.modalPopupImage .right { float: right; background-color: #003366; padding: 1px; color:#E0E0E0; }
.modalPopupImage .right a { color: #E0E0E0; text-decoration: none; }
.modalPopupImage .right a:hover { text-decoration: none; }
.Loading { background: #FFFFFF; border: 10px solid Gray; padding: 20px 50px 20px 50px; filter: alpha(opacity=85); opacity: 0.85; }
.tblPanel { width: 100%; margin-top: 20px; line-height: 3.5em; }
#divHr { padding-top: 15px; padding-bottom: 10px; }
#divDesc { padding-left: 15px; width: 90%; line-height: 2.0em; }
.divPopup { text-align: center; }
#divCLoan { margin-top: 30px; margin-left: 30px; }
#divFLoan { margin-top: 30px; margin-left: 30px; }
#divFLDelete { margin-left: 30px; }
#divSelectRole { text-align: center; }

/* Rating */
#divRateUser { position: relative; left: 30px; top: 10px; }
.ratingStar { font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; cursor: pointer; display: block;
              background-repeat: no-repeat; }
.filledRatingStar { background-image: url(images/star_filled.png); }
.emptyRatingStar { background-image: url(images/star_empty.png); }
.savedRatingStar { background-image: url(images/star_saved.png); }

/* For Admin Side */
#divAdminSideNavi a { padding-left: 20px; text-align: left; font-size: 16px; color: #FFFFFF; font-weight: bold; text-decoration: none; 
                      line-height: 2.7em; }
#divAdminSideNavi .divSide { width: 250px; height: 50px; background: url(images/bgmemberid.png) no-repeat; }

/* For the Ajax Tab */
.divInfoDetails { padding: 20px; }
.divInfoDetails ul { line-height: 1.5em; }
.divInfoDetails ol { line-height: 1.5em; }
#divQNA { width: 90%; margin: 30px; padding: 20px; text-align: left; }
#divQNA ul { line-height: 1.5em; }
#divQNA ol { line-height: 1.5em; }
.TabCSS .ajax__tab_header { background-color: #FFFFFF; }
.TabCSS .ajax__tab_outer { background-color: #999999; color: #FFFFFF; }
.TabCSS .ajax__tab_inner { background-color: #999999; color: #FFFFFF; }
.TabCSS .ajax__tab_tab { background-color: #999999; color: #FFFFFF; }
.TabCSS .ajax__tab_hover .ajax__tab_outer { background-color: #004080; color: #FFFFFF; }
.TabCSS .ajax__tab_hover .ajax__tab_inner { background-color: #004080; color: #FFFFFF; }
.TabCSS .ajax__tab_hover .ajax__tab_tab { background-color: #004080; color: #FFFFFF; }
.TabCSS .ajax__tab_active .ajax__tab_outer { background-color: #FFFFFF; color: #000000; font-weight: bold; border: 1px solid #C9C9C9; 
                                             border-bottom: 0; } 
.TabCSS .ajax__tab_active .ajax__tab_inner { background-color: #FFFFFF; color: #000000; font-weight: bold; }
.TabCSS .ajax__tab_active .ajax__tab_tab { background-color: #FFFFFF; color: #000000; font-weight: bold; }
.TabCSS .ajax__tab_header { font-size: 12px; }
.TabCSS .ajax__tab_outer { height: 29px; }
.TabCSS .ajax__tab_inner { padding-left: 3px; }
.TabCSS .ajax__tab_tab { padding: 8px 20px; margin:0; }
.TabCSS .ajax__tab_body { font-size: 10pt; border: 1px solid #C9C9C9; padding:10px; background-color:#FFFFFF; }