/* Basic tags */
body {
font-family: 'Bitstream Vera Sans', Arial, Helvetica, 'Luxi Sans', Verdana, Sans-Serif;
margin-top: 0px;
margin-left: 0px;
}

img {
max-width: 100%;
}

a img {
border: 0px;
}

pre {
white-space: pre-wrap;
}

table {
font-family: "Bitstream Vera Sans", sans-serif;
border-collapse: collapse;
}

tr {
border: 1px solid #000000; /* black */
}

tr:nth-child(odd) {
background-color: #f0f0f0; /* ~ very light grey */
}

th {
background-color: #f5ede3; /* ~ lite orange */
text-align: left;
border: 1px solid #000000; /* black */
}

td {
border: 1px solid #000000; /* black */
}

.left {
margin-right: 20px;
padding: 0px;
float: left;
}

.right {
padding-left: 5px;
float: right;
}

.content {
margin-left: 10px;
margin-right: 10px;
}
@media screen and (max-device-width: 500px) {
  .content {
  margin-left: 1px;
  margin-right: 1px;
  }
}

.step {
margin-bottom: 0.5em;
}

.nobullet {
list-style: none;
margin-bottom: 0.5em;
}

/* Header */
.hdr {
max-width: 100%;
height: 53px;
text-align: left;
background-color: #f5ede3; /* ~ lite orange */
border-bottom: 1px solid #e1d4c0; /* ~ mid orange */
}

.logo {
position: absolute;
top: 2px;
left: 10px;
border: 0px;
z-index: 10;
}
@media screen and (max-device-width: 500px) {
  .logo {
  top: 1px;
  left: 1px;
  }
}

.hdrtitle {
position: relative;
margin-top: 13px;
margin-left: 90px;
color: #0000a0; /* dark blue */
font-size: 1.5em;
float: left;
z-index: 12;
}

.abovead {
padding: 0.5em 0px;
margin-bottom: 10px;
margin-left: 10px;
}
@media screen and (max-device-width: 500px) {
  .abovead {
  margin-left: 0px;
  }
}

/* Documentation and more */
.noborder {  /* Use with table, tr, td for warnings, etc */
border: 0px;
}

.warning {
background: #f5a9a9; /* Pastel Red */
border: 1px solid #FF0000; /* Red */
padding-left: 10px;
padding-right: 10px;
}

.hangwarning {
text-indent: -6.5em;
margin-left: 6.5em;
}

.caution {
background: #f0e68c; /* Khaki */
border: 1px solid #bdb76b; /* DarkKhaki */
padding-left: 10px;
padding-right: 10px;
}

.hangcaution {
text-indent: -6em;
margin-left: 6em;
}

.tip {
background: #98fb98; /* PaleGreen */
border: 1px solid #00fa9a; /* MediumSpringGreen */
padding-left: 10px;
padding-right: 10px;
}

.hangtip {
text-indent: -3em;
margin-left: 3em;
}

.note {
background: #a9d0f5; /* Light Blue */
border: 1px solid #0080ff; /* Medium Blue */
padding-left: 10px;
padding-right: 10px;
}

.hangnote {
text-indent: -4em;
margin-left: 4em;
}

/* Footer */
.bottomad {
margin-top: 10px;
margin-left: 10px;
padding: 5px 0px 5px 0px;
color: #aaaaaa;
border-top: 1px solid #dddddd;
background-color: #fafafa;
}
@media screen and (max-device-width: 500px) {
  .bottomad {
  margin-left: 0px;
  }
}

.ftr {
margin-top: 10px;
line-height: 1.7em;
text-align: center;
vertical-align:	bottom;
clear: both;
padding: 5px 0px 5px 0px;
border-top: 1px solid #e1d4c0; /* ~ mid orange */
background-color: #f5ede3; /* ~ lite orange */
}

/* News page */
.newshdr {
font-size: larger;
background-color: #f5ede3; /* ~ lite orange */
border-left: 2px solid #f5ede3; /* ~ lite orange */
border-top: 1px solid #e1d4c0; /* ~ mid orange */
border-bottom: 1px solid #e1d4c0; /* ~ mid orange */
margin-top: 20px;
margin-left: 0px;
}

.newsbody {
background-color: #fafafa;
border: 2px solid #fafafa;
margin-left: 0px;
margin-bottom: 20px;
}

/* Latest release upper right */
.rightbox {
margin-right: 10px;
line-height: 1.7em;
max-width: 125px;
float: right;
background-color: #fafafa; /* very light grey */
}

.rightbox ul {
margin-left: 10px;
padding-left: 10px;
}

/* Hover Menu */
.hovermenu ul{
font-family: "Bitstream Vera Sans", sans-serif;
padding-left: 0;
margin-left: 10px;
margin-top: 10px;
height: 36px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 0.5em 0.75em;
text-decoration: none;
float: left;
color: blue;
background-color: #f5ede3; /* ~ lite orange */
border: 1px solid #e1d4c0; /* ~ mid orange */
}

.hovermenu ul li a:hover{
background-color: #e1d4c0; /* ~ mid orange */
border-style: outset;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}