/* COMMON */
#ore_v1_calculator h2 { color: #FD8306; font-size: 24px; margin-top: 15px; }

#ore_v1_calculator .lead { color: #635F5F; font-size: 12px; /*font-weight: bold;*/ margin-bottom: 15px; margin-top: 10px; width: 350px; font-family: verdana; line-height: 16px; }

/* Ovulation calculator */
#oc_calculation_error { display: none; position: relative; top: 0px; }


#oc_result_container { display: none; position: relative; top: 0px; padding-top: 10px; }
#oc_result_container .oc_myInfo { color: #423f4b; font-family: georgia; font-size: 18px; margin-left: 4px; }
#oc_result_container .oc_results { font-size: 14px; font-family: georgia; color: white; }
#oc_result_container .oc_results li { font-size: 14px; font-family: georgia; color: white; padding: 3px; }

#oc_container #oc_datepicker { width: 77px; font-size: 14px; margin-bottom: 10px; margin-top: 10px; margin-right: 5px; }
#oc_container { /*border: solid 1px Green;*/ color: #FF6701; font-size: 12px; background-image: url('../images/ovulationCalcImage.png'); background-repeat: no-repeat; background-position: 310px 40px; min-height: 365px; }

#oc_container #oc_result_container_box { padding-top: 4px; }
#oc_container div.inputdata { /*border: solid 1px blue;*/ width: 300px; font-family: verdana; }
#oc_container .inputdata span { color: #FD8306; /*font-weight: bold;*/ }
#oc_container input, select { margin: 5px; font-size: 16px; }

#oc_btnCalculate { }


/* Expenses calculator */
#ec_calculation_error { display: none; position: relative; top: 0px; }
#ec_result_container { display: none; position: relative; top: 0px; }
#ec_result_container .ec_results { font-size: 16px; }
#ec_container { /*border: solid 1px Green;*/ color: #FF6701; font-size: 12px; background-image: url('../images/expensesCalcImage.png'); background-repeat: no-repeat; background-position: 310px 40px; /*height: 550px;*/ }
#ec_btnCalculate { }
#ec_tabs { font: 100% "Trebuchet MS"; margin-top: 0px; }
#ec_tabs input { margin-left: 5px; }

/* Prenancy calculator */
#pc_calculation_error { display: none; position: relative; top: 0px; }
#pc_result_container { display: none; position: relative; top: 0px; }



#pc_result_container .pc_results { font-size: 18px; font-family: georgia; color: #423f4b; margin-left: 4px; }

#pc_result_container .pc_results span { color: white; font-weight: bold; }

#pc_container #pc_datepicker { width: 77px; font-size: 14px; margin-bottom: 10px; margin-top: 10px; margin-right: 5px; }
#pc_container { /*border: solid 1px Green;*/ color: #FF6701; font-size: 12px; background-image: url('../images/pregnacyCalculator.png'); background-repeat: no-repeat; background-position: 310px 40px; min-height: 310px; }
#pc_container div.inputdata { width: 300px; margin-top: 65px; font-family: verdana; }
#pc_container .inputdata span { font-family: Verdana; color: #FD8306; /*font-weight: bold;*/ }
#pc_container input, select { font-size: 16px; }

#pc_btnCalculate { }

/* Prenancy day calculator */
#pdc_calculation_error { display: none; position: relative; top: 0px; }
#pdc_result_container { display: none; position: relative; top: 0px; }

#pdc_result_container .pdc_results { font-size: 18px; font-family: georgia; color: white; margin-left: 4px; }

#pdc_container { /*border: solid 1px Green;*/ color: #FF6701; font-size: 12px; background-image: url('../images/prenancyDayCalculator.png'); background-repeat: no-repeat; background-position: 317px 22px; min-height: 400px; }

#pdc_container #pdc_datepicker { width: 77px; font-size: 14px; margin-bottom: 10px; margin-top: 10px; margin-right: 5px; }
#pdc_container div.inputdata { /*border: solid 1px blue;*/ width: 300px; margin-top: 115px; font-family: verdana; }
#pdc_container .inputdata span { color: #FD8306; /*font-weight: bold;*/ }
#pdc_container input, select { font-size: 16px; }

#pdc_btnCalculate { }

/* Fertilisation day calculator */
#fdc_calculation_error { display: none; position: relative; top: 0px; }
#fdc_result_container { display: none; position: relative; top: 0px; }

#fdc_result_container .fdc_results { font-size: 18px; font-family: georgia; color: #423F4B; }

#fdc_result_container .fdc_results div { color: white; }

#fdc_container { /*border: solid 1px Green;*/ color: #FF6701; font-size: 12px; background-image: url('../images/fertilisationDayCalculator.png'); background-repeat: no-repeat; background-position: 370px 14px; min-height: 400px; }


#fdc_container #fdc_datepicker { width: 77px; font-size: 14px; margin-bottom: 10px; margin-top: 10px; margin-right: 5px; }
#fdc_container div.inputdata { /*border: solid 1px blue;*/ width: 300px; font-family: verdana; margin-top: 100px; }
#fdc_container .inputdata span { color: #FD8306; /*font-weight: bold;*/ }
#fdc_container input, select { font-size: 14px; }


/* Expenses calculator V1 */
#ec_calculation_error { display: none; position: relative; top: 0px; }
#ec_result_container { display: none; position: relative; top: 0px; }
#ec_result_container .ec_results { font-size: 16px; }
#ec_container { /*border: solid 1px Green;*/ /*color: #FF6701;*/ font-size: 12px; background-image: url('/static/v1/others/calculators/images/kalkulator_kosztow_utrzymania.jpg'); background-repeat: no-repeat; background-position: 275px -65px; /*height: 550px;*/ }

#ec_container h3 { font-size: 18px; margin-bottom: 5px; }

#ec_container h2 { color: #FD8306; font-size: 24px; }
#ec_container .lead { /*border: solid 1px Green;*/ min-height: 160px; }
#ec_btnCalculate { }
#ec_tabs { font: 100% "Trebuchet MS"; margin-top: 0px; }
#ec_tabs input { margin-left: 5px; }

/* Expenses calculator V2 */
#ec_container div.ec_btnnext { text-align: right; }
#ec_container span.prodPrice { color: #FF6701; }
#ec_container span.prodName { color: Black; }
#ec_container .prodNameOver { color: #FD8306; cursor: pointer; }
#ec_container .ec_resultsOne, #ec_container .ec_resultsMonthly { /*float: left;*/ margin-bottom: 10px; padding: 0px; }
#ec_container span.checkbox { background: transparent url(/static/v1/others/calculators/images/checkbox.png) no-repeat scroll 0 0; clear: left; display: block; float: left; height: 14px; padding: 05px00; width: 14px; top: 1px; margin-top: 3px; margin-right: 5px; }
#ec_container input.styled { display: none; }
#ec_container td { padding: 3px; }
#ec_container .ec_resultsSum { border-top: solid 1px #DBD8C7; width: auto; padding: 0px; font-size: 24px; text-align: right; margin-bottom: 9px; }
#ec_container .ec_resultsSum span { color: #FF6701; margin-right: 10px; }

/* root element for tabs  */
#ec_container div.panes_calc div.pane_calc { background-color: #FFFFFF; border-color: #DBD8C7; border-style: none solid solid; border-width: 0 1px 1px; display: none; font-size: 14px; height: auto; padding: 15px 10px; }
#ec_container ul.ec_tabs { list-style: none; margin: 0 !important; padding: 0; border-bottom: 1px solid #DBD8C7; height: 30px; }

/* single tab */
#ec_container ul.ec_tabs li { float: left; text-indent: 0; padding: 0; margin: 0 !important; list-style-image: none !important; }

/* link inside the tab. uses a background image */
#ec_container ul.ec_tabs a { background: url(/static/v1/others/calculators/images/tabsbg.png) no-repeat 0px 0; font-size: 16px; display: block; height: 35px; line-height: 30px; width: 190px; text-align: center; text-decoration: none; color: #333; padding: 0px; margin: 0px; position: relative; top: -5px; }

#ec_container ul.ec_tabs a:active { outline: none; }

/* when mouse enters the tab move the background image */
#ec_container ul.ec_tabs a:hover { background-position: 0px -36px; color: #000; }

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#ec_container ul.ec_tabs a.current, #ec_container ul.ec_tabs a.current:hover, #ec_container ul.ec_tabs li.current a { background-position: 0px -72px; cursor: default !important; color: #000 !important; height: 42px; top: -11px; }


/* initially all panes are hidden */
#ec_container div.panes div.pane { display: none; }