/*
    Rabih Kaddour
    http://kaddour-es.de/
    August, 2016.
*/


/*************************************************** money *************************************************************************************/

/****************** notes ************************/

.img_note_1dollar_medium {
    display: inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/notes/1dollar_front_medium.jpg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    visibility:visible;
}

.img_note_1dollar {
    display: inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/notes/1dollar_front.jpg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    visibility:visible;
}

.img_note_2dollar_medium {
    display: inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/notes/2dollar_front_medium.jpg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    visibility:visible;
}

.img_note_5dollar_medium {
    display: inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/notes/5dollar_front_medium.jpg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    visibility:visible;
}

.img_note_10dollar_medium {
    display: inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/notes/10dollar_front_medium.jpg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    visibility:visible;
}

.img_note_20dollar_medium {
    display: inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/notes/20dollar_front_medium.jpg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    visibility:visible;
}

.img_note_50dollar_medium {
    display: inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/notes/50dollar_front_medium.jpg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    visibility:visible;
}

.img_note_100dollar_medium {
    display: inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/notes/100dollar_front_medium.jpg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    visibility:visible;
}

.img_note_500dollar_medium {
    display: inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/notes/500dollar_front_medium.jpg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    visibility:visible;
}

/****************** coins ************************/

.img_coin_1cent_medium {
    display: inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/coins/1_cent_medium.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    visibility:visible;
}

.img_coin_1cent {
    display: inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/coins/1_cent.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    visibility:visible;
}

.img_coin_2cent_medium {
    display: inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/coins/2_cent_medium.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    visibility:visible;
}

.img_coin_2cent {
    display: inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/coins/2_cent.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    visibility:visible;
}

.img_coin_5cent_medium {
    display: inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/coins/5_cent_medium.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    visibility:visible;
}

.img_coin_5cent {
    display: inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/coins/5_cent.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    visibility:visible;
}

.img_coin_10cent_medium {
    display: inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/coins/10_cent_medium.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    visibility:visible;
}

.img_coin_10cent {
    display: inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/coins/10_cent.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    visibility:visible;
}

.img_coin_20cent_medium {
    display: inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/coins/20_cent_medium.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    visibility:visible;
}

.img_coin_20cent {
    display: inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/coins/20_cent.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    visibility:visible;
}

.img_coin_50cent_medium {
    display: inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/coins/50_cent_medium.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    visibility:visible;
}

.img_coin_50cent {
    display: inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/coins/50_cent.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    visibility:visible;
}

/*************************************************** fraction *************************************************************************************/
.img-pie-05-10 {
    display:block;
    min-height: 174px;
    min-width: 174px;
    background: url(../img/fractions/octagon_darkcyan.png) no-repeat;
    background-size:contain;
    visibility:visible;
}

.correct_image, .wrong_image {
    position: relative;
    min-width:128px;
    min-height:128px;
    visibility: hidden;
    background-size:contain; /* fit image */
    vertical-align:middle;
}

.correct_image {
	background: url("../img/answerOk.png") no-repeat;
}

.wrong_image {
	background: url(../img/answerError.png) no-repeat;
}

.correct_image_a, .wrong_image_a {
    position: relative;
    min-width:64px;
    min-height:64px;
    visibility: hidden;
    background-size:contain; /* fit image */
    vertical-align:middle;
}

.correct_image_a {
	background: url("../img/img_correct.png") no-repeat;
}

.wrong_image_a {
	background: url(../img/img_error.png) no-repeat;
}


.correct_image_32, .wrong_image_32 {
    position: relative;
    min-width:32px;
    min-height:32px;
    visibility: hidden;
    background-size:contain; /* fit image */
    vertical-align:middle;
}

.correct_image_32 {
	background: url("../img/answerOk_32.png") no-repeat;
}

.wrong_image_32 {
	background: url(../img/answerError_32.png) no-repeat;
}

/*************************************************** analog_clock_minutes *************************************************************************************/
.img-clock-1_30 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/analog_clock/hours_1_30.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-clock-12_30 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/analog_clock/hours_12_30.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-clock-3_30 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/analog_clock/hours_3_30.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-clock-4_30 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/analog_clock/hours_4_30.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-clock-5_30 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/analog_clock/hours_5_30.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-clock-7_30 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/analog_clock/hours_7_30.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

/*************************************************** analog_clock_hours **************************************************************************************/
.img-clock-1 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/analog_clock/hours_1.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-clock-2 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/analog_clock/hours_2.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-clock-3 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/analog_clock/hours_3.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-clock-4 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/analog_clock/hours_4.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-clock-5 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/analog_clock/hours_5.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-clock-6 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/analog_clock/hours_6.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-clock-7 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/analog_clock/hours_7.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-clock-8 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/analog_clock/hours_8.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-clock-9 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/analog_clock/hours_9.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-clock-10 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/analog_clock/hours_10.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-clock-11 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/analog_clock/hours_11.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-clock-12 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/analog_clock/hours_12.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

/*************************************************** digital_clock_hours **************************************************************************************/
.img-digital-clock-1 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/digital_clock/digital_clock_13.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-digital-clock-2 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/digital_clock/digital_clock_14.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-digital-clock-3 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/digital_clock/digital_clock_15.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-digital-clock-4 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/digital_clock/digital_clock_16.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-digital-clock-5 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/digital_clock/digital_clock_17.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-digital-clock-6 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/digital_clock/digital_clock_18.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-digital-clock-7 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/digital_clock/digital_clock_19.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-digital-clock-8 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/digital_clock/digital_clock_20.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-digital-clock-9 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/digital_clock/digital_clock_21.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-digital-clock-10 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/digital_clock/digital_clock_22.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-digital-clock-10a {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/digital_clock/digital_clock_10.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-digital-clock-11 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/digital_clock/digital_clock_23.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-digital-clock-12 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/digital_clock/digital_clock_12.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}


/*************************************************** area *************************************************************************************/

.img-tri-78 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/tri_7_8.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-tri-67 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/tri_6_7.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-tri-65 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/tri_6_5.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-tri-85 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/tri_8_5.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-tri-610 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/tri_6_10.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-tri-510-ref {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/tri_5_10.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-tri-89-ref {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/tri_8_9.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-tri-88 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/tri_8_8.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-tri-66 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/tri_6_6.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-tri-64 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/tri_6_4.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-tri-810 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/tri_8_10.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-tri-1010 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/tri_10_10.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}


/*************************************************** surface area *******************************************************************************/

.img-cylinder-surface-pi48 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cylinder-surface-pi48.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cylinder-surface-pi75 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cylinder-surface-pi75.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cylinder-surface-pi510 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cylinder-surface-pi510.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cylinder-surface-pi55 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cylinder-surface-pi55.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cylinder-surface-pi37 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cylinder-surface-pi37.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cylinder-surface-pi33 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cylinder-surface-pi33.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cylinder-surface-pi44 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cylinder-surface-pi44.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cylinder-surface-pi108 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cylinder-surface-pi108.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cylinder-surface-pi45 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cylinder-surface-pi45.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cube-surface-143 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cube-surface-143.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cube-surface-359 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cube-surface-359.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cube-surface-555 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cube-surface-555.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cube-surface-695 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cube-surface-695.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cube-surface-101010 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cube-surface-101010.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cube-surface-222 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cube-surface-222.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cube-surface-175 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cube-surface-175.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cube-surface-863 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cube-surface-863.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cube-surface-854 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cube-surface-854.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cube-surface-777 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cube-surface-777.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cube-surface-444 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cube-surface-444.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cube-surface-574 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cube-surface-574.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cube-surface-575 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cube-surface-575.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-sphere-surface-pi6 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-sphere-surface-pi6.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-sphere-surface-pi4 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-sphere-surface-pi4.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-sphere-surface-pi5 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-sphere-surface-pi5.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cone-surface-pi27 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cone-surface-pi27.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cone-surface-pi67 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cone-surface-pi67.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cone-surface-pi49 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cone-surface-pi49.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cone-surface-pi58 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/area/img-cone-surface-pi58.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

/*************************************************** unit_cubes *********************************************************************************/

.img_unit_cubes_6 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume_unit_cubes/unit_cubes_6.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_unit_cubes_6_answer {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume_unit_cubes/unit_cubes_6_answer.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_unit_cubes_5 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume_unit_cubes/unit_cubes_5.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_unit_cubes_5_answer {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume_unit_cubes/unit_cubes_5_answer.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_unit_cubes_24 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume_unit_cubes/unit_cubes_24.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_unit_cubes_24_answer {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume_unit_cubes/unit_cubes_24_answer.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_unit_cubes_9 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume_unit_cubes/unit_cubes_9.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_unit_cubes_9_answer {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume_unit_cubes/unit_cubes_9_answer.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_unit_cubes_20 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume_unit_cubes/unit_cubes_20.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_unit_cubes_20_answer {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume_unit_cubes/unit_cubes_20_answer.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_unit_cubes_10 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume_unit_cubes/unit_cubes_10.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_unit_cubes_10_answer {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume_unit_cubes/unit_cubes_10_answer.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_unit_cubes_9_a {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume_unit_cubes/unit_cubes_9_a.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_unit_cubes_9_a_answer {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume_unit_cubes/unit_cubes_9_a_answer.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_unit_cubes_12 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume_unit_cubes/unit_cubes_12.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_unit_cubes_12_answer {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume_unit_cubes/unit_cubes_12_answer.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_unit_cubes_13 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume_unit_cubes/unit_cubes_13.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_unit_cubes_13_answer {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume_unit_cubes/unit_cubes_13_answer.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_unit_cubes_8 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume_unit_cubes/unit_cubes_8.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_unit_cubes_8_answer {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume_unit_cubes/unit_cubes_8_answer.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

/*************************************************** volume - decompose object ********************************************************************/
.img_vol_decompose_146 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_146.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_vol_decompose_146_answer {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_146_part_1.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_vol_decompose_56_part1 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_56_part_1.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_vol_decompose_90_part2 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_90_part_2.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_vol_decompose_126 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_126.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_vol_decompose_42_part1 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_42_part_1.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_vol_decompose_84_part2 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_84_part_2.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_vol_decompose_232 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_232.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_vol_decompose_232_answer {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_232_part_1.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_vol_decompose_168_part1 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_168_part_1.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_vol_decompose_64_part2 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_64_part_2.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}


.img_vol_decompose_276 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_276.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_vol_decompose_276_answer {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_276_part_1.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_vol_decompose_180_a_part1 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_180_part_a_1.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_vol_decompose_96_part2 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_96_part_2.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}


.img_vol_decompose_100 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_100.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_vol_decompose_100_answer {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_100_part_1.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_vol_decompose_60_part1 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_60_part_1.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_vol_decompose_40_part2 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_40_part_2.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_vol_decompose_330 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_330.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_vol_decompose_330_answer {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_330_part_1.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_vol_decompose_180_part1 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_180_part_1.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img_vol_decompose_180_part2 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/decompose_volume/decompose_volume_150_part_2.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

/*************************************************** volume *************************************************************************************/

.img-cube-863 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume/img-cube-863.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cube-777 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume/img-cube-777.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cube-444 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume/img-cube-444.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cube-574 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume/img-cube-574.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cube-575 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume/img-cube-575.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cylinder-pi25510 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume/img-cylinder-pi2510.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cylinder-pi495 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume/img-cylinder-pi495.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cylinder-pi2555 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume/img-cylinder-pi255.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cylinder-pi93 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume/img-cylinder-pi93.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cone-pi368 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume/img-cone-pi368.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-cone-pi259 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume/img-cone-pi259.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-sphere-pi216 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume/img-sphere-pi216.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}

.img-sphere-pi64 {
    display:inline-block;
    min-height: 128px;
    min-width: 128px;
    background: url(../img/volume/img-sphere-pi64.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
    visibility:visible;
    display:normal;
}