/* reset browser styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1.2;
}
ol { 
    padding-left: 1.4em;
    list-style: decimal;
}
ul {
    padding-left: 1.4em;
    list-style: square;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
} 
/* end reset browser styles */

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    position: relative;
    min-height: 100%;
    /*background: #FFDA73;*/
    font-family: arial, verdana, sans-serif;
    background: url(calc7bg.jpg) no-repeat bottom  center fixed;   
    background-color: rgba(255, 218, 115, 0.9);
    background-size: cover;    
}
body {
    margin: 0 0 80px;
}

#content {
    font-size: 1em;          
    margin-top:1em;    
    text-align: center;        
}

#header, #footer {
    text-align: left;    
    font-size: 1em;    
    color:#b20000;    
    padding: 0.5em;
    border: solid;
    border-color:#AA1C00;
    border-width:0.05em;
    background: -moz-linear-gradient(top, rgba(255,174,0,1) 0%, rgba(255,174,0,1) 1%, rgba(254,168,12,1) 35%, rgba(251,157,35,0.59) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,174,0,1)), color-stop(1%,rgba(255,174,0,1)), color-stop(35%,rgba(254,168,12,1)), color-stop(100%,rgba(251,157,35,0.59))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,174,0,1) 0%,rgba(255,174,0,1) 1%,rgba(254,168,12,1) 35%,rgba(251,157,35,0.59) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,174,0,1) 0%,rgba(255,174,0,1) 1%,rgba(254,168,12,1) 35%,rgba(251,157,35,0.59) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,174,0,1) 0%,rgba(255,174,0,1) 1%,rgba(254,168,12,1) 35%,rgba(251,157,35,0.59) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,174,0,1) 0%,rgba(255,174,0,1) 1%,rgba(254,168,12,1) 35%,rgba(251,157,35,0.59) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae00', endColorstr='#96fb9d23',GradientType=0 ); /* IE6-9 */    
}

a{    
    color:#AA1C00;           
    text-decoration: none;
}

.current_page{    
    text-decoration: none;
    font-weight: bold;
}

#header h1 a:link, #footer a:link {    
    z-index: 100000;
    color:#b20000;    
}


#header h1 a:hover, #footer a:hover {            
    color:#d70f0f;      
}

h1{
    font-size: 2.5em;
    text-shadow: black 1px 1px 2px;    
    font-weight: normal;
    font-style: normal;    
}

h3{
    font-size:1.15em;
}


#header_wrapper h1{
    display: inline-block;
    text-align: center; 
}

#header_wrapper h2, #header_wrapper h3{
    display: inline-block;
    /*text-align: center;*/ 
}

#header_wrapper h1 img{
    position:relative;
    left:0.12em;
}

#subheader{
    display: inline;
    width:200px;
    position:relative;
    bottom:0.5em;
    left:0.25em;
    /*border:1px black solid;*/
}

#subheader h2{    
}


#header_wrapper h1 img{
    padding-right: 0.15em;
    padding-bottom:0.15em;
    vertical-align: middle;   
}

#header_wrapper{   
    float:left;
    display: inline-block;
}


#description{
    /*width:50%;*/
    text-align: center;    
    margin-left: auto;
    margin-right: auto;
}
#description p{
    max-width:600px;
    line-height: 1.30em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#clear{
    clear:both;
}
#header{    
    float: left;
    width: 100%;    
}

#footer{
    font-size: 0.85em;    
    width: 100%;
    position:absolute;
    border-top: 0.1em solid #AA1C00;
    left:0;
    bottom: 0;
    min-height:10px;
    text-align: center;    
}

ul.bot_menu{
    float: left;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

.bot_menu li{
    display: inline;   
}

p{
    text-indent: 1em;
}

.calc{        
    display:inline-block;
    vertical-align:top;  
    border-width: 1px;    
    margin:0.5em;
    border:1px solid #A60800;
    border-radius: 0.4em;
    box-shadow: -2px 2px 2px 0px black ;    
    height:auto;
    text-align: center;
    background: #FFCC40;                    

}

.calc h3{        
    color: #232E4D;;
    border-bottom: 1px solid #A60800;
    margin-top: 0px;
    padding: 1.25em;
    text-align: center;

    background: -moz-linear-gradient(top, rgba(255,187,0,1) 0%, rgba(255,187,0,1) 1%, rgba(254,177,12,1) 35%, rgba(251,157,35,0.59) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,187,0,1)), color-stop(1%,rgba(255,187,0,1)), color-stop(35%,rgba(254,177,12,1)), color-stop(100%,rgba(251,157,35,0.59))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,187,0,1) 0%,rgba(255,187,0,1) 1%,rgba(254,177,12,1) 35%,rgba(251,157,35,0.59) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,187,0,1) 0%,rgba(255,187,0,1) 1%,rgba(254,177,12,1) 35%,rgba(251,157,35,0.59) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,187,0,1) 0%,rgba(255,187,0,1) 1%,rgba(254,177,12,1) 35%,rgba(251,157,35,0.59) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,187,0,1) 0%,rgba(255,187,0,1) 1%,rgba(254,177,12,1) 35%,rgba(251,157,35,0.59) 100%); /* W3C */
}

.calc ul{
    list-style-type: none;    
}
.calc_item{

    -moz-box-shadow:inset 0px 1px 0px 0px #f9eca0;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f9eca0;
    box-shadow:inset 0px 1px 0px 0px #f9eca0;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f2ab1e));
    background:-moz-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
    background:-webkit-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
    background:-o-linear-graident(top, #f0c911 5%, #f2ab1e 100%);
    background:-ms-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
    background:linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e',GradientType=0);
    /*background-color:#f0c911;*/
    /*background-color:green;*/
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:15px;
    border:1px solid #AA1C00;
    cursor:pointer;
    color:#AA1C00;
    font-family:Arial;
    font-weight:bold;    
    text-decoration:none;
    text-shadow:0px 1px 0px #ded17c;
    /*padding-left:35px;*/
    margin: 0.5em;
    margin-left:-0.5em;
    box-sizing: border-box;
}


.calc_item:hover{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f2ab1e), color-stop(1, #f0c911));
    background:-moz-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
    background:-webkit-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
    background:-o-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
    background:-ms-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
    background:linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ab1e', endColorstr='#f0c911',GradientType=0);
    background-color:#f2ab1e;

}

.calc_item:active {
    position:relative;
    top:0.05em;
}

.calc_item a{
    padding:0.25em 0.5em;    
    display:inline-block;
    /*vertical-align:  middle;*/
}


.more{    
    color: #232E4D;
    font-size: 1.25em;
}

input:focus{
    border: solid 3px #AA1C00;        

}


.back_button{    
    text-align: right;
    width:200px;
    margin:0.5em auto;    
}

.back_icon{
    margin-left: 14px;
    background: url("icons/back_arrow.png") no-repeat;    
    background-position: left center;
}

.back_button a{            
    text-align: center;
    display:block;
}

#reset{
    margin:1em;
}


#content.tos p, #content.tos ul, #content.tos h2  {
    text-align: left;
    margin: 0.5em;
}

#language{
    float: right;
    margin-left: 10px;
    margin-right: 15px;
}



#currency_icon{
    background: url("icons/currency.png") no-repeat 23px;
    padding-left: 56px;    
}

#health_icon{
    background: url("icons/health.png") no-repeat 23px;    
    padding-left: 56px;    
}

#ruler_icon{
    background: url("icons/ruler.png") no-repeat 23px;    
    padding-left: 56px;    
}

#weight_icon{
    background: url("icons/weight.png") no-repeat 23px;    
    padding-left: 56px;    
}

#home_icon{
    background: url("icons/home.png") no-repeat 23px;    
    padding-left: 56px;    
}




/*#eurocash_header:before {
    content: "";
    display: inline;
    background: url("icons/money_counter_big.png") no-repeat;    
    width: 50px;
    height: 50px;
    padding-left: 65px;    
    padding-bottom:20px;    
    position:relative;
    top:-3px;
}*/

.cash{
    margin-left:auto;
    margin-right:auto;
    padding:1%;
    text-align: center;    
    width:auto;
}

.icon_margin{            
}

.eurocash{    
    /*    background:url("icons/money_counter.png"),linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%);*/
    /*    background-position: 15px;
        background-repeat: no-repeat, repeat-x, repeat-x ;
        padding-left: 25px;*/

}


.eurocash:hover{
    /*margin-left: -15px;*/
    /*position: relative;*/    
    background-image: url("icons/money_counter.png");
    background-position: 15px;
    background-repeat: no-repeat, repeat-x, repeat-x ;
    padding-left: 25px;

}

.eurocash:active{
    /*margin-left: -15px;*/
    /*position: relative;*/    
    background-image: url("icons/money_counter.png");
    background-position: 15px;
    background-repeat: no-repeat, repeat-x, repeat-x ;
    padding-left: 25px;

}

.calc_item a img{

    /*border:1px #AA1C00 solid;*/
    padding:0.2em 0.65em 0.2em 0em;    
    vertical-align:  middle;    

}


#leha img{
    /*border:1px solid;*/
    vertical-align: middle;
    padding-right: 0.2em;
}


.calc_table {    
    margin-left:auto;
    margin-right:auto;    
    /*    background: #F4F4F4;*/
    -webkit-box-shadow:  0 0 10px rgba(0,0,0,0.5);
    -moz-box-shadow:     0 0 10px rgba(0,0,0,0.5);
    box-shadow:          0 0 10px rgba(0,0,0,0.5);
}

.calc_table thead tr th,.calc table tbody tr, .calc table tbody tr td{    
    font-weight: bold;    
    border:1px solid #AA1C00;    
    padding:5px;
    text-align: center
}

.calc_table input{
    font-size: 1.05em;    
}

.totalCell{
    color:green;
}

#totalSumCell{
    color:blue;
    font-size: 1.2em;
    text-align: center;
}

.height{
    padding:0.75em;    
    font-size: 1.15em;
}

.height form p label{
    color:brown;    
    margin:0.35em 0.5em 0.35em 0;    
    display: inline-block;
    width: 10em;
    vertical-align: top;
    text-align: center;
}

.height form p label[for^="radio"]{
    text-align: center;
    margin-right: 1em;    
    width:1.5em;
    vertical-align: middle;    
}

.height form p input{
    width: 6em;  
    font-size: 1em;
}

.gender{
    padding: 0.5em 0 0.1em 0;
}


td form input[type="number"]{
    width:4em;    
}

#result{
    border-top:2px solid #AA1C00;
    padding-top: 0.5em;
    padding-bottom: 0.75em;
}

.units{
    font-size:0.65em;
    padding: 0.3em;
    float:left;
    border-radius: 5px;
    position: relative;    
    left:-3px;
    bottom:-3px;
    font-weight: bold;    
    -moz-box-shadow:inset 0px 1px 0px 0px #f9eca0;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f9eca0;
    box-shadow:inset 0px 1px 0px 0px #f9eca0;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f2ab1e));
    background:-moz-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
    background:-webkit-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
    background:-o-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
    background:-ms-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
    background:linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e',GradientType=0);
    background-color:#f0c911;    
    border:1px solid #AA1C00;
    cursor:pointer;
    color:#AA1C00;
    font-family:Arial;
    font-weight:bold;    
    text-decoration:none;
    text-shadow:0px 1px 0px #ded17c;    
}

.units:hover{
    text-decoration: underline;
}

.bmi_normal{
    color: green;        
}

.bmi_not_normal{
    color:red;
}

.bmi{
    text-align:left;
}

.about{    
    line-height: 1.4em;    
    padding: 1em;
}

.photo{
    float: left;
    padding: 1em;
}

.last_used{
    display: inline;
}



@media screen and (max-width:800px) {
    body {
        margin: 0 0 120px;
    }
}


@media screen and (max-width:700px) {    
    .units{        
        left:0.25em;
        bottom:0.25em;        
    }

    .calc form p input{
        display: block;
        margin: 0.5em 0 1em 27%;
    }

    .height form p label[for^="radio"]{
        text-align: center;
        margin-right: 27%;            
        vertical-align: middle; 
    }
}

@media screen and (max-width:400px) {		    
    body {
        margin: 0 0 120px;
    }

    .heigth{
        min-width:600px;
    }
}