body {
    font-family:Helvetica, Arial, Sans-Serif;
    background-color:#ffffff;
    font-size:1.0em;
    font-size:14pt;
    line-height:1.25;
    margin:0px;
}
p,ul,ol { 
    margin-left: 5%; 
    margin-right:5%; 
    margin-top:10px;
    margin-bottom:20px;
}

li ol,li ul,li i{ /* no margin if indented list */
    margin-left:0px;
}
hr,h1,h2,h3,h4 { clear:both; }
p { clear:both; }
span.red {
    color:red; 
}

pre.blue {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
#pixM {
    margin:0px;
    margin-bottom:10px;
}
#res { 
    color:red; 
}
/*
i.pics { 
    display:block;
    margin:0px; 
    margin-top:0px;
}
*/
div.box {
    margin-left:5%;
    margin-right:5%;
    margin-top:10px;
    margin-bottom:10px;
    display:inline-block;
    border: 1px solid red;
    text-align:left;
    padding:5px;
}
div.in {
    text-align:left;
    margin-left:20px;
}

div.pics {
    float:left;
    white-space:nowrap;
    margin:10px;
    margin-left:5%;
}

div.msg {
    margin-left:4%;
    margin-right:4%;
    margin-top:10px;
    margin-bottom:20px;
    white-space:normal;
}

li { margin-top: 10px; }
hr {
    margin:20px;
}
h1,h2,h3,h4 {
    margin-top:20px;
    margin-left:2%;
    /*margin-left:60px; */
    margin-left:2%;
}
th.r { text-align:right; background-color: #abdbfd; padding:4px;}
td.c { text-align:center; background-color: #eee;  padding:4px;}
p.copy {
    color:#aaaaaa;
    margin:20px;
    font-size:14px;
    text-align:center;
}

a {
    outline:0;
    display:inline-block;
    vertical-align: middle;
}
a.legal {
    color:#aaaaaa;
    font-size:14px;
}
a.head { display:block; } 
a:link {
    color: #777;
/*
    text-decoration:none;
    font-weight:bold;
*/
}
a:visited { color: #777; }
a:hover   { color: #222; }
a:active  { color: #777; }

ul.mbar {
    display:block;
    background-color: #ffffff;
    padding:0px;
    margin:0px;
    text-align:center;
}
form.menu {
    margin-right: 10px;
}
li.menu {
    display:inline-block;
    margin:0px;
    padding:1px;
    width:auto;
}
div.qarea { text-align:center; }
div.inline { display:inline-block; }
div.quick {
    display:inline-block;
    text-align:center;
    margin: 20px;
    border: 1px solid #eee;
    padding:10px;
}

p.yah {
    margin:0px;
    margin-left:60px;
    padding-top: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
a.menu:link {
    color: #777;
    text-decoration:none;
    font-weight:bold;
}
a.menu:visited { color: #777; }
a.menu:hover   { color: #222; }
a.menu:active  { color: #777; }
a.msel:link    { text-decoration:underline; }

div.mitem { 
    margin:0px; 
    padding:5px;
    text-align:left;
}
div.smenu { 
    display:none; 
    text-align:center;
}
a.smenu {
    font-size:50px;
}

img.pics {
    /* max-height:400px; */
    max-width:90%;
    margin-left:5%;
}

img.quick {
    display:inline-block;
}
img.headur {
    position:absolute;
    top:5px;
    right:5px;
}
a.headbr {
    display:inline-block;
    float:right;
}
img.headbr {
    display:none;
    float:right;
}
img.head {
    display:block;
    margin:10px;
    margin-left:auto;
    margin-right:auto;
    width:625px;
    max-width:75%;
}
hr.menu { 
    margin:0px;
    margin-top:10px;
    border: 0; 
    height: 1px; 
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
}

@media only screen and (min-width:1024px) { /* For desktop */
    body { margin-left:10%; margin-right:10%; }
}

@media only screen and (min-width:769px) and (max-width: 1024px) { /* For tablets: */
    
}
@media only screen and (max-width: 768px) { /* For mobile phones: */
    div.mitem { 
        width:200px; 
        background-color:#cee;
    }
    img.quick { max-width:90%; }
    div.smenu { display:block; }
    ul.mbar   { display:none; }

    li.menu   { width:100%; }

    img.headur { display:none; }
    img.headbr { display:inline-block; }
    a.smenu:link    { text-decoration:none; }
}

button.myTC {
border: none; /* Remove borders */
outline: none; /* Remove outline */
background-color: red; /* Set a background color */
color: white; /* Text color */
cursor: pointer; /* Add a mouse pointer on hover */
padding: 15px; /* Some padding */
border-radius: 10px; /* Rounded corners */
font-size: 18px; /* Increase font size */

}
button.myTC:hover {
background-color: #555; /* Add a dark-grey background on hover */
}
button.myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 20px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  min-width:0;
}

button.myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}
input.bLink {
  font-size:12pt;
  background: none!important;
  border: none;
  padding: 0!important;
  /*optional*/
  font-family: arial, sans-serif;
  /*input has OS specific font-family*/
  color: #777;
  font-weight:bold;
  text-decoration: underline;
  cursor: pointer;
}
input.bLinkM {
  font-size:15pt;
  background: none!important;
  border: none;
  padding: 0!important;
  /*optional */
  font-family:Helvetica, Arial, Sans-Serif;
  /*input has OS specific font-family*/
  color: #777;
  font-weight:bold;
  //text-decoration: underline;
  cursor: pointer;
}
input.unline {
  text-decoration: underline;
}