/**
 * CSS-file with styles for credits page
 *
 * @author Denis Barushev <barushev@gmail.com>
 * @since 14.09.2007
 * @version $Id: page-credits.css 25 2008-02-15 13:22:16Z denis $
 */

.centerColumn .top-credites {
    padding: 0 55px;
}

.centerColumn .top-credites li {
    padding: 2px 0;
}

.centerColumn .top-credites a {
    color: #e75918;
}

.centerColumn .top-credites a:hover {
    background: #e75918;
    color: white;
}




ul.credits li {
    float: left;
    width: 43%;
    padding: 0 6% 30px 0;
}

ul.credits li.clear {
   width: 98%;
   padding: 0;
   clear: left;
   zoom: 1;
   float: none;
}

ul.credits li h3 {
    font-size: 18px;
    font-weight: normal
}

ul.credits li .number {
    font-size: 14px;
    color: #999;
}

ul.credits li p a {
    text-decoration: none;
    color: #333;
}

ul.credits li p a:hover {
    color: #fff;
    background: #0d70bd;
}


/*----------------------------------------------------------------------------*/
.credits-navigator {
    width: 100%;
    margin-top: 15px;
    border-bottom: 1px solid #ccc;
}

.credits-navigator td {
    font-size: 12px;
    padding: 6px 0;
    padding-right: 15px;
    vertical-align: top;
    height: 1px;
}

/* Yellow bg for selected credits */
.credits-navigator tr.select td {
    background-color: #fffdeb;
}




.credits-navigator .expanded-bottom-border td {
/*    background: url(/media/images/bg/dotted.gif) repeat-x bottom;*/
    border-bottom: 1px solid #ddd;
}

.credits-navigator tr td.expanded,
.credits-navigator tr.hover td.toggle {
    background-color: #ededed;
}

.credits-navigator tr.select td.expanded,
.credits-navigator tr.select-hover td.toggle {
    background-color: #f2e5c9;
}

.credits-navigator td.toggle {
    cursor: pointer;
    cursor: hand;
}









/* Left big cell with credit info */
.credits-navigator td.first-child {
    padding-left: 20px;
    width: 40%;
    padding-right: 40px;
}

/* Make border between credits */
.credits-navigator tr.first-child td {
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

/**/
.credits-navigator thead td,
.credits-navigator td.first-child {
    border-bottom: 1px solid #ccc;
}

.credits-navigator thead td {
    white-space: nowrap;
    color: #737373;
    font-size: 11px;
    font-family: Tahoma, Verdana, sans-serif;
}

.credits-navigator thead td.first-child {
    font-size: 12px;
    font-family: Arial, Tahoma, sans-serif;
}

/* Collapsed money group */
.credits-navigator tr.money td {
    display: none;
}

/* Expanded money group */
.credits-navigator tr.expanded td {
    display: table-cell;
}

.credits-navigator span.toggle {
    background-image: url(/media/images/markers/plus.gif);
    background-repeat: no-repeat;
    background-position: left;
    font-size: 13px;
    color: #333;
    position: relative;
    left: -15px;
    padding: 6px 0 6px 15px;
    cursor: pointer;
    cursor: hand;
}

.credits-navigator span.expanded {
    background-image: url(/media/images/markers/minus.gif);
    background-repeat: no-repeat;
    background-position: left;
}

/* Highlight selected currency */
.credits-navigator td.sorted {
    font-weight: bold;
}

/* Fix height if no many trs */
.credits-navigator td.fix {
    height: auto;
    line-height: 7px;
    padding: 0;
    font-size: 7px;
}

/*----------------------------------------------------------------------------*/

.credits-navigator .title {
    font-size: 14px;
}

.credits-navigator .bank {
    color: #bd8d0d;
    font-size: 14px;
    padding: 10px 0 7px 0;
}

.credits-navigator .compare {
    padding: 7px 0 10px 17px;
    background: url(/media/images/markers/favorite.gif) no-repeat left 7px;
}

.credits-navigator .selected {
    background: url(/media/images/markers/favorite-checked.gif) no-repeat left 7px;
}

.credits-navigator .compare a {
    color: #333;
}

.credits-navigator .compare a:hover {
    background: #333;
    color: white;
}

.credits-navigator .compare a.go-to-my {
    color: #bd8d0d;
}

.credits-navigator .compare a.go-to-my:hover {
    background: #bd8d0d;
    color: white;
}

/*----------------------------------------------------------------------------*/

.credits-navigator td.deposit-currency {
    width: 5%;
}

.credits-navigator td.deposit-rate {
    width: 5%;
}

.credits-navigator td.deposit-sum {
}

.credits-navigator td.deposit-term {
    width: 5%;
}
/*----------------------------------------------------------------------------*/

.credits-selector .border-compare {
    border-top: 1px solid #dedede;
    margin: 0 20px;
}

.creditRightColumn .paginator {
    padding-left: 20px;
}


.credits-selector {
    background: #f3f3f3;
}

.credits-selector .tl {
    float: left;
    width: 5px;
    height: 5px;
    font-size: 0;
    background: url(../images/bg/corners/tl.gif);
}

.credits-selector .tr {
    float: right;
    width: 5px;
    height: 5px;
    font-size: 0;
    background: url(../images/bg/corners/tr.gif);
}

.credits-selector .br {
    float: right;
    width: 5px;
    height: 5px;
    font-size: 0;
    background: url(../images/bg/corners/br.gif);
}

.credits-selector .bl {
    float: left;
    width: 5px;
    height: 5px;
    font-size: 0;
    background: url(../images/bg/corners/bl.gif);
}

.credits-selector .compare {
    margin: 0 0 10px 0;
    border-top: 1px solid white;
    padding: 15px 0 0 0;
    color: #737373;
    font-size: 12px;
    overflow: hidden;
    zoom: 1;
}

.credits-selector .compare .left-part {
    float: left;
}

.credits-selector .compare .left-part strong {
    color: black;
}

.credits-selector .compare .right-part {
    float: right;
}

.credits-selector .compare .right-part strong {
    color: #bd8d0d;
}

.credits-selector .compare .right-part a {
    color: #bd8d0d;
}

.credits-selector .compare .right-part a:hover {
    background-color: #bd8d0d;
    color: white;
}



.credits-selector table {
    margin: 5px 20px 0 20px;
}


.credits-selector table tr.first-child td {
    padding-bottom: 2px;
}

.credits-selector table tr.first-child td.first-child {
    padding-left: 4px;
}

.credits-selector table tr.second-child td {
    padding-bottom: 12px;
    padding-right: 6px;
}

.credits-selector table tr.second-child td.submit {
    padding-left: 2px;
}

.credits-selector table tr.second-child td.first-child {
    padding-left: 4px;
}

.credits-selector table tr.third-child td {
    padding-bottom: 15px;
}

.credits-selector table tr.third-child td  label {
    vertical-align: 2px;
}

.credits-selector table tr.third-child td.first-child {
}

.credits-selector table td {
    font-size: 12px;
    vertical-align: bottom;
}

.credits-selector table td.submit input {
    background: #cddd98;
}




.credits-selector table input,
.credits-selector option,
.credits-selector select {
    font-size: 12px;
}

.credits-selector table .label label {
    font-size: 11px;
    font-family: Tahoma, Verdana, sans-serif;
    color: #666;
}



.creditPage h3 {
    padding: 28px 0 16px 0;
}

.creditPage h3.toggle {
    border-bottom: 1px solid #dfdfdf;
    position: relative;
    cursor: pointer;
    cursor: hand;
}

.creditPage h3.expanded {
    border-bottom: none;
}

.creditPage h3.toggle .icon {
    background: url(/media/images/markers/plus.gif) no-repeat left 5px;
    position: absolute;
    left: -20px;
    top: 28px;
    width: 20px;
    height: 20px;
    display: block;
    border: 0;
}

.creditPage h3.expanded .icon {
    background: url(/media/images/markers/minus.gif) no-repeat left 5px;
}

.creditPage h3.toggle span {
    border-bottom: 1px dashed #0d70bd;
    color: #0d70bd;
}

.creditPage h3.expanded span {
    border-bottom: 1px dashed #333;
    color: #333;
}

.creditPage table {
    border-bottom: 1px solid #dfdfdf;
    width: 99%;
}

.creditPage table td {
    border-top: 1px solid #dfdfdf;
    padding: 7px 10px 7px 0;
    vertical-align: top;
}

.creditPage table td.first-child {
    width: 35%;
    padding-right: 3%;
    padding-left: 10px;
    text-align: right;
    color: #666;
}

.creditPage table ul {
    position: relative;
    left: -10px;
    margin-top: -5px;
}

.creditPage table ul li {
    padding-left: 10px;
    margin: 5px 0;
    background: url(/media/images/markers/rarr.gif) no-repeat left 0.5em;
}


.creditPage table.summary th {
    font: 11px Tahoma, Verdana, sans-serif;
    color: #666;
    text-align: left;
    background: #f7f7f7;
    border-top: 1px solid #dfdfdf;
    padding:7px 10px 7px 0pt;
    font-weight: normal !important;
}

.creditPage table.summary td {
    background: #f7f7f7;
}

.creditPage table.calculator td {
    background: #f5faeb;
    border-color: #c7d6ae;
}

.creditPage table.summary .currency {
    font-weight: bold;
    padding-left: 15px;
}

.creditPage table.summary .rate {
    font-weight: bold;
    padding-left: 12px;
}

.creditPage table.summary .term {
    padding-right: 10px;
}

.creditPage table.summary .fix {
    background: #f7f7f7 url(/media/images/markers/rate-fix.gif) no-repeat left;
}

.creditPage table.summary .float {
    background: #f7f7f7 url(/media/images/markers/rate-float.gif) no-repeat left;
}

.creditPage .comment {
    width: 99%;
    background: #fafaeb;
    font: 11px Tahoma, Verdana, sans-serif;
    padding: 9px 0 7px 0;
    zoom: 1;
}

.creditPage .comment div {
    border: 1px solid #fafaeb;
    margin: 0 15px;
}

.creditPage .comment img {
    vertical-align: 0;
}


.creditPage .comment .toggle {
    color: #0d70bd;
    border-bottom: 1px dashed #0d70bd;
    cursor: pointer;
    cursor: hand;
    float: right;
}

.creditPage .comment .expanded {
    color: #666;
    border-color: #666;
}

.creditPage .comment .info {
    display: none;
    clear: both;
    padding: 10px 0 5px 0;
    margin: 0;
}

.creditPage .comment .info div {
    background: #fff;
    border: 1px solid #dfdfdf;
    padding: 8px 12px;
    font: 12px Arial, Tahoma, sans-serif;
}

.creditPage table.summary .prior td {
    color: #333;
    font: 11px Tahoma, Verdana, sans-serif;
    padding-left: 3px;
    border-top: 0;
}

.creditPage table.summary .term {
}

.creditPage table.summary .sum {
}


.creditPage table.summary .rate_prior {
    font-weight: normal;
    font-size: 11px;
}

.creditPage table.summary .no-border td {
    border-top: 0;
    padding-top: 5px;
}

.creditPage table.calculator {
    border-color: #c7d6ae;
}

.creditPage table.calculator input, option, select {
    font-size: 12px;
}

.creditPage table.calculator .submit {
    background: #cddd98;
}

.creditPage table.calculator p.payments {
    background: url(../images/markers/popup.gif) no-repeat left;
    padding: 5px 5px 5px 20px;
    margin: 5px 0 0 -20px;
}

.creditPage table.calculator p.activity {
    padding: 0 0 0 20px;
    position: relative;
    left: -20px;
}

.creditPage table.calculator p.active {
    background: url(../images/markers/indicator_snake.gif) no-repeat left;
}

.creditPage a.make {
    color: #e75918;
}

.creditPage a.make:hover {
    background: #e75918;
    color: white;
}

.creditPage .calculator label {
    font-size: 11px;
    font-family: Tahoma, Verdana, sans-serif;
    color: #666;
    padding-bottom: 2px;
    display: block;
}

.creditPage .calculator .inputs {
    overflow: hidden;
}

.creditPage .calculator .inputs p {
    float: left;
    padding-right: 5px;
}

.creditMeta {
    background: #f7f7f7;
    padding: 10px;
    margin: 15px 1% 15px 0;
    font-size: 12px;
}

.creditMeta .left {
    float: left;
}

.creditMeta .right {
    float: right;
}

.creditMeta .print {
    padding-left: 20px;
    background: url(../images/markers/print.gif) no-repeat left center;
}

.creditMeta .compare {
    padding-left: 20px;
    background: url(../images/markers/favorite.gif) no-repeat left center;
}

.creditMeta .selected {
    background: url(../images/markers/favorite-checked.gif) no-repeat left center;
}

.creditMeta a {
    color: #000;
}

.creditMeta a:hover {
    color: white;
    background: #000;
}

.creditMeta .compare a {
    color: #bd8d0d;
}
.creditMeta .compare a:hover {
    color: white;
    background: #bd8d0d;
}



.banks-links {
    width: 99%;
}

.banks-links td {
    width: 50%;
    padding: 3px 0;
}

.banks-links td.first-child {
    width: 44%;
    padding-right: 5%;
}

.banks-links td.last-child {
    color: #999;
    font-size: 11px;
    font-family: Tahoma, Verdana, sans-serif;
}

.banks-links td.last-child a {
    color: #4f9127;
}

.banks-links td.last-child a:hover {
    color: white;
    background: #4f9127;
}

.annua-field-expanded td {
    display: table-cell !important;
}



#params_for_calculation {
    border: 0;
    position: relative;
}

#params_for_calculation td {
    border: 0;
    width: 33%;
    padding: 0 0 10px 0;
}

#params_for_calculation td.input {
    padding: 0 3px 10px 3px;
}

#params_for_calculation td.input label {
    margin: 0 -3px;
}

#params_for_calculation td.spacer {
    width: auto;
    vertical-align: bottom;
    padding: 0 7px 15px 7px;
}

#params_for_calculation input {
    width: 100%;
    margin: 0 -3px;
}

#params_for_calculation select {
    width: 100%;
}

.creditPage .calculator .annua * {
    vertical-align: middle;
}

.creditPage .calculator .annua label {
    display: inline;
    padding: 0;
}

.credit_sum_comment {
    font: 11px Tahoma,Verdana,sans-serif;
    color: #999;
}

.creditPage table.calculator .resilt_of_calculation {
    border: none;
}

.creditPage table.calculator .resilt_of_calculation td {
    width: 25%;
    font: 11px Tahoma,Verdana,sans-serif;
    border: none;
}

.creditPage table.calculator .resilt_of_calculation td.plus {
    width: 10px;
    text-align: center;
}

.creditPage table.calculator .resilt_of_calculation span.cmnt {
    color: #666
}