html { font-size: 13pt }
@media (orientation: portrait) and (max-width: 320px) {
   html { font-size: 20pt }
}
@media (orientation: portrait) and ((min-width: 320.1px) and (max-width: 580px)) {
   html { font-size: 16pt }
}
@media (max-width:992px) {
   img { max-width: 90vw }
}
body {
   margin: 20 auto; background: white }
body, table, div, select {
   font: 1rem verdana, arial, sans-serif }
body, table, div { border-color: #dfdddb }

h1 { font: bold 1.8rem arial, verdana, helvetica; color: #ffc; margin: 0 }
h2 { font: bold 1.6rem verdana; color: #753; margin: 8 }
h3 { font: bold 1.4rem verdana; color: #357; margin: 12 }
h3 b { color: maroon }
h4 { font: bold 1.3rem arial; color: #46a; margin: 0 }
h5 { font: bold 1.2rem verdana; color: #046; margin: 0 }

p { text-indent: 25pt; text-align: justify }
.data p, ul p, ol p { text-indent: 0 }

a:link, a:visited { color: #005 }
a:active { color: #500 } 
a:hover { color: #500 }

hr { color: blue }
b, strong { color: #030 }
i, em, dfn {
   font-family: "Bookman Old Style", serif;
   font-size: 1.1em; font-weight: bold; color: #500 }
h2 i { color: #005 }

ul, ol, dl {
   margin-left: 80px; margin-right: 40px; padding: 5px; text-align: left }
dl {
   margin-bottom: -10px }
ul ul, ul ol, ol ol, ol ul {
   margin-top: 5px; margin-left: 40px; margin-bottom: 0px }
ul li { padding: 4px }
ol li { padding: 1px }
li div { padding-top: 16px; padding-bottom: 12px }

dt a:link, dt a:visited {
   width: 100%; padding: 5px; font-weight: bold }
/*dt a:hover {
   background: ddc }*/
dt a:hover {
   font: small-caps bold; background: sienna; color: khaki }
dd {
   margin-left: 30px; padding-top: 5px; padding-bottom: 15px }
cite {
   font-weight: 500; color: navy }
pre cite {
   color: #040 }
code {
   font-size: 1.15rem; font-weight: bold; color: #004040 }

img {
   border-color: darkslategray }
input, textarea { font-size: 0.92rem }
select {
   background: whitesmoke }
small {
   font-size: 0.78rem }
sup {
   font-size: 0.65rem }
tt {
   font-size: 1rem; font-weight: 600; color: navy }

table { margin-top: 6px }
table.data th {
   background: linear-gradient( #68a5d6, #7fbfc2 ); padding: 10 }
table.data td {
   background-color: whitesmoke; vertical-align: top; padding: 10 }
table.data pre {
   font-family: Verdana }

table.data table.data td {
   background-color: ghostwhite; vertical-align: top; }

table.menu th {
   background-color: #bbccdd; padding: 5px; border: 1px outset }
table.menu td {
   font-size: 0.92rem; background-color: #f3f3ef; vertical-align: top }

table.code {
   width: 90%; background-color: rgb( 240, 240, 232 ) }
.code td { padding: 15px }
td.tab {
   width: 15%; font: 0.65rem verdana; text-align: center; padding: 3px;
   background-color: #eed; border: 1px inset; cursor: hand; }
td.backtab {
   width: 15%; font: 0.65rem verdana; text-align: center; padding: 3px;
   background-color: #ccb; border: 1px inset; cursor: hand; }
td.space {
   width: 55%; font: 0.65rem verdana; padding: 0;
   background-color: white }
table.reference {
   font: 0.65rem verdana; padding-bottom: 1px; padding-left: 1px;
   padding-right: 1px; padding-top: 1px; width: 90% }
table.reference td {
   padding-bottom: 2px; padding-left: 5px; width: 25% }
table.reference td a {
   color: black }
table.reference td a:hover {
   color: #600 }

.indent {
   margin-left: 30px; margin-right: 30px; 
   margin-top: 20px; padding: 10px;
   background-color: whitesmoke; border: 1px inset;
   text-indent: 0 }
.indent ul {
   margin-left: 60 }
.indent ul ul {
   margin-left: 20 }
.indent div {
   padding: 3px }
.data .indent {
   margin-left: 8px; margin-right: 8px; margin-bottom: 10px;
   background: rgb( 240, 240, 232 ) }
ul .indent, ol .indent {
   margin-left: 0; margin-right: 10px; margin-bottom: 10px;
   background: whitesmoke }
.code {
   color: navy }
.code b {
   color: #600 }
.code cite {
   font-weight: normal }
div.code {
   padding-left: 25px }

ul table, ol table {
   margin-left: -20px; margin-top: 20px; margin-bottom: 10px }

.small {
   font-size: 0.78rem; text-indent: 0; text-align: center }
.snippet {
   /*font: 0.78rem verdana, arial, sans-serif;*/ 
   background: rgb( 240, 240, 232 ); color: navy;
   margin-left: 30px; margin-right: 30px; margin-top: 20px;
   padding: 10px; border: 1px inset }
.snippet b { color: #600 }
.data .snippet {
   margin-left: 8px; margin-right: 8px }
ul .snippet, ol .snippet {
   margin-left: -10px; margin-right: 0 }
.snippet cite {
   font-weight: normal }

.sample td { background: #dda; padding: 10px }

.header { text-shadow: 2px 2px 4px #333 }
.content {
   background: rgb( 230, 230, 232 ) }
.content th { padding: 5px }
.content td { padding: 5px; border: 1px ridge }
.notes { font: bold 0.65rem verdana, arial, sans-serif; 
   color: #339; text-align: right }
.refs {
   font-size: 0.92rem; font-weight: 600;
   background: #345; color: #bca; ;
   margin-left: 30px; margin-right: 30px; padding: 10px }
.refs a:link, .refs a:visited, .refs a:active {
   font-weight: 600; color: lightsteelblue;
   text-decoration: none }
.refs a:hover {
   font: small-caps bold; background: darkgreen; color: khaki }
.refs dd {
   margin-left: 20px; padding: 3px }
.showme {
   text-indent: 0; text-align: right;
   margin: 20px 30px }
.showme a:link, .showme a:visited {
   font: bold 0.78rem arial; background: navy; color: lime;
   text-decoration: none; padding: 8px; border-radius: 12px }
.showme a:hover {
   background: maroon; color: yellow;
   text-transform: uppercase }
.showme a:active {
   background: darkslategray; color: khaki }
.thumbs {
   font-size: 0.76rem; text-align: center;
   margin: 15px }
.thumbs a {
   font-size: 0.76rem }
.caption {
   color: #030; font: bold 0.76rem arial;
   padding: 3px }
.lang {
   font: bold 0.65rem arial; color: navy }
.url {
   color: #00a }

/*.top { background: black url('images/top.jpg') no-repeat; }*/
.navbar { background: linear-gradient( darkslategray, steelblue ) }
.navbar td { text-shadow: 2px 2px 4px black }
.navbar td, .navbar a:link, .navbar a:visited {
   font-weight: 600; color: lightcyan; text-decoration: none }
.navbar a:active { background-color: maroon; color: khaki }
.navbar a:hover { color: khaki }

.travel { font: bold 1.1rem 'Bookman Old Style', serif }
.travel_ { font: bold 0.92rem 'Bookman Old Style', serif }
.menus { padding: 10px }
.menus p {
   text-indent: 0; text-align: right }

.index { margin: 20 auto; 
   background: #dfdfce; box-shadow: -8px 8px 8px gray; }
.index th { background: steelblue url('/shared/images/backgrounds/index_header.png');
   color: beige; padding: 5px; text-align: right }
.index tr { vertical-align: top }
.index dl { margin: 10px }
.index dt a:link, .index dt a:visited {
   display: block; width: 100%; background: whitesmoke; padding: 5px; font-weight: bold;
   border: 1px outset silver }
.index dt a:hover {
   font: small-caps bold; background: sienna; color: khaki;
   border-radius: 8px; box-shadow: 4px 4px 4px gray }

.demo { transition: all 2s }
.divDemo {
   width: 100px; height: 100px;
   border: 2px inset; border-radius: 10px;
   background: linear-gradient(skyblue, orange);
   transition: 1.5s;
}
.syntax {
   background: ghostwhite; color: navy;
   margin-left: 40px; margin-right: 40px;
   padding: 10px; border: 1px inset; font-weight: bold }
.syntax b {
   color: #036 }
.syntax i {
   color: #400 }
.syntax tt {
   font: normal 0.85rem 'Bookman Old Style'; color: #420 }
.syntax cite { color: navy }

.tree { margin: 10 30 }
.tree a:hover {
   font: small-caps bold; background: sienna; color: khaki }

table table.members {
   margin-top: 10px }

table.nspace {
   border: 1px inset }
table.nspace td {
   padding: 5px; vertical-align: top;
   background: whitesmoke }

/* travel */

.hilite p { text-indent: 0; text-align: center;
   font: bold 14pt verdana, arial, sans-serif; color: #030 }
.header { text-shadow: 2px 2px 2px gray }

.tops { background: #404000 }
.tops td { padding: 3px }

.side { background: linear-gradient(rgba(0, 30, 30, 0.6)), 
   url('side.jpg'); background-position: center; horizontal-align: center }
.sidebarheader {
   font-weight: bold; background-color: sienna; color: beige }
.msg {
   font: bold 13pt arial; color: navy }
.hotelLink a:link, .hotelLink a:visited {
   width: 98%; background: #e3e6d3; padding: 8px; font-size: 12pt; font-weight: bold;
   border: 1px outset; text-decoration: none; display: block }
.hotelLink a:hover {
   font-variant: small-caps; background: sienna; color: khaki }

.destHeader {
   width: 100%; font: bold 18pt verdana; line-height: 20pt; color: khaki;
   text-align: center; text-shadow: 2px 2px 3px #333 }
.desc {
   background: ghostwhite; border: 1px inset }
sup { font-size: 7pt }

table { border-color: whitesmoke }
table.linksTab th {
   background-color: steelblue; height: 26pt }
table.linksTab th a {
   color: beige; text-decoration: none }
table.linksTab th a:hover { 
   background-color: maroon; color: khaki }

table.qfacts { width: 96%; font-size: 11pt; box-shadow: 6px 6px 9px gray }
table.qfacts th {
   background-color: darkolivegreen; color: beige; font-style: italic; vertical-align: top;
   text-align: right; white-space: no-wrap; padding: 8px }
table.qfacts td {
   background-color: khaki; vertical-align: top; padding: 8px }

table.lm p { text-indent: 15px; text-align: left; font-size: 10pt }
table.lm ul { margin-left: 10 }

table.lmfacts { margin-top: 0; margin-bottom: 24; font-size: 11pt;
   box-shadow: 6px 6px 9px gray }
table.lmfacts th { background-color: #044; color: beige; font-style: italic; 
   vertical-align: top; text-align: center; padding: 8px }
table.lmfacts td { background-color: #eee; vertical-align: top; padding: 8px }
table.lmfacts td:last-child { text-align: right }

.pager { font: bold 11pt verdana, arial, sans serif; color: beige;
   vertical-align: middle;   
   text-shadow: 2px 2px 1px #202020 }
.pager td { padding: 3 3 3 8 }
.pager a:link, .pager a:visited, .pager a:active { 
   font: bold 11pt verdana, arial, sans serif; color: beige;
   text-decoration: none }
.pager a:hover { background: #800; color: khaki }