
.calc-wrap > form.financial-calculators {
	background-color: #ff0000; /* calculator's background color, default: #f2f3f7 */
	border: #303e64 thin solid; /* calculator's border, default: #303e64 thin solid */
	color: #333333; /* calculator's label color, default #333333 */
}

.calc-wrap > form.financial-calculators .btn-primary {
  color: #ffffff; /* button's caption color, default: #ffffff */
  background-color: #303e64; /* button's background color, default: #303e64; */
  border-color: #283353;
}


.calc-wrap > form.financial-calculators .btn-primary.btn-primary:hover  {
	color: #ffffff; /* button's caption color when mouse hovers, default #ffffff; */
	background-color: #286090; /* button's background color when mouse hovers, default #286090; */
	border-color: #204d74;
}

.calc-wrap > form.financial-calculators .btn-primary:focus,
.calc-wrap > form.financial-calculators .btn-primary:active,
.calc-wrap > form.financial-calculators .btn-primary:active:focus {
    color: #ffffff; /* button's caption color when pressed/focused, default #ffffff; */
    background-color: #286090;  /* button's background color when pressed/focused, default #286090; */
    border-color: #122b40;
}


.calc-wrap .zoomer {
	color: #303e64; /* zoom's +/- button and text color, default: #303e64; */
}

.calc-wrap .zoomer #shrink:hover,
.calc-wrap .zoomer #original:hover,
.calc-wrap .zoomer #grow:hover {
	color: #000000; /* zoom's +/- button and text color when mouse hovers, default: #000000; */
}


/* currency/date dialog colors */

#CURRENCYDATE .bg-modal {
	color: #fff; /* header caption & "X" color, default: #fff; */
	background-color: #303e64; /* header background color, default: #303e64; */
}


/* save button */
#CURRENCYDATE .btn-primary {
  color: #fff;
  background-color: #303e64; /* default: #303e64, same as calculator */
  border-color: #009300; /* default: #009300, same as calculator */
}
/* when mouse over */
#CURRENCYDATE .btn-primary:hover {
  color: #fff;
  background-color: #286090; /* button's background color when mouse hovers, default #286090; */
  border-color: #204d74; /* default: #204d74, same as calculator */
}

/* cancel button */
#CURRENCYDATE .btn-default {
  color: #333333;
  background-color: #ffffff; /* default: #ffffff */
  border-color: #cccccc;
}
/* when mouse over */
#CURRENCYDATE .btn-default:hover {
  color: #333333;
  background-color: #eeeeee; /* default: #eeeeee */
  border-color: #dddddd;
}
