#calc-wrap > .calculator {
	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 > .calculator .btn-primary {
  color: #ffffff; /* button's caption color, default: #ffffff */
  background-color: #303e64; /* button's background color, default: #303e64; */
  border-color: #283353;
}


#calc-wrap > .calculator .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 > .calculator .btn-primary:focus, #calc-wrap > .calculator .btn-primary:active, #calc-wrap > .calculator .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: #286090; /* zoom's +/- button and text color, default: #286090; */
}


/* currency/date dialog colors */

#CURRENCYDATE .bg-modal {
	color: #ffffff; /* header caption & "X" color, default: #ffffff; */
	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: #283353; /* default: #283353, same as calculator */
}
/* when mouse over */
#CURRENCYDATE .btn-primary:hover {
  color: #fff;
  background-color: #286090; /* default: #286090, same as calculator */
  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;
}