/*************************************************************************************************************/
/*   KCI's in613.com Business-Directory App Media CSS page                                                   */
/*   last update: 200130 - V3d015 - Created a new BD Media CSS page for all BD pages of v3d version          */
/*************************************************************************************************************/


@media only screen              /* Extra Small screen devices - IPhone 5 - */
and (min-device-width: 320px) 
and (max-device-width :568px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation:landscape)  { 
    footer            { font-size: 0.75em;  }
    h1                { font-size: 1.55em; }
    h2                { font-size: 1.35em; }
    h3                { font-size: 1.15em; }
    h4                { font-size: 1.0em; }
    h5                { font-size: 0.95em;  font-style:italic; }
    #map_canvas { height:200px; width:100%; }
    .accordLR         { margin-left: 1%; margin-right: 1% }
    .apFoSz11         { font-size: 1.03em }
    .apFoSz1-15       { font-size: 1.02em }
    .apFontSiz        { font-size: 0.85em; }
    .mdFontSiz        { font-size: 1.05em; }
    .xsFontSiz        { font-size: 0.95em; }
    .policyHead       { font-size: 1.4em; font-variant:small-caps;  }
    .margLRvar  { margin: 0 5px 0 5px; }
    .majHdr     { margin: 15px 0 5px 0; }
}

@media only screen              /* Extra Small screen devices - IPhone 5 - */
and (min-device-width:320px) 
and (max-device-width:568px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation:portrait)  { 
    footer            { font-size: 0.75em;  }
    h1                { font-size: 1.55em; }
    h2                { font-size: 1.35em; }
    h3                { font-size: 1.15em; }
    h4                { font-size: 1.0em; }
    h5                { font-size: 0.95em;  font-style:italic; }
    #map_canvas { height:360px; width:100%; }
    .accordLR         { margin-left: 1%; margin-right: 1% }
    .apFoSz11         { font-size: 1.03em }
    .apFoSz1-15       { font-size: 1.02em }
    .apFontSiz        { font-size: 0.85em; }
    .mdFontSiz        { font-size: 1.05em; }
    .xsFontSiz        { font-size: 0.95em; }
    .policyHead       { font-size: 1.4em; font-variant:small-caps;  }
    .margLRvar  { margin: 0 5px 0 5px; }
    .majHdr     { margin: 15px 0 5px 0; }
}

@media (min-width:20.0000em) { /* min-width:320px - smartphones, iPhone, portrait 480x320 phones */
    footer            { font-size: 0.75em;  }
    h1                { font-size: 1.55em; }
    h2                { font-size: 1.35em; }
    h3                { font-size: 1.15em; }
    h4                { font-size: 1.0em; }
    h5                { font-size: 0.95em;  font-style:italic; }
    #map_canvas       { height: 360px; width:100%; }
    .accordLR         { margin-left: 1%; margin-right: 1% }
    .apFoSz11         { font-size: 1.03em }
    .apFoSz1-15       { font-size: 1.02em }
    .apFontSiz        { font-size: 0.85em; }
    .mdFontSiz        { font-size: 1.05em; }
    .xsFontSiz        { font-size: 0.95em; }
    .policyHead       { font-size: 1.4em; font-variant:small-caps;  }
}

@media (min-width:30.0625em) { /* min-width:481px - portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    footer            { font-size: .80em;  }
    h1                { font-size: 1.85em; }
    h2                { font-size: 1.60em; }
    h3                { font-size: 1.30em; }
    h4                { font-size: 1.05em; }
    h5                { font-size: 1.00em;  font-style:italic; }
    #map_canvas       { height: 445px; width:100%; }
    .accordLR         { margin-left: 2%; margin-right: 2% }
    .apFoSz11         { font-size: 1.09em }
    .apFoSz1-15       { font-size: 1.08em }
    .apFontSiz        { font-size: 0.90em; }
    .mdFontSiz        { font-size: 1.45em; }
    .xsFontSiz        { font-size: 1.00em; }
    .policyHead       { font-size: 1.5em; font-variant:small-caps;  }
}

@media (min-width:40.0625em) { /* min-width:641px - portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    footer            { font-size: 0.90em; }
    h1                { font-size: 1.85em; }
    h2                { font-size: 1.60em; }
    h3                { font-size: 1.35em; }
    h4                { font-size: 1.1em;  }
    h5                { font-size: 1.05em;  font-style:italic; }
    #map_canvas       { height: 635px; width:100%; }
    .accordLR         { margin-left: 3%; margin-right: 3% }
    .apFoSz11         { font-size: 1.165em }
    .apFoSz1-15       { font-size: 1.12em }
    .apFontSiz        { font-size: 0.95em;  }
    .mdFontSiz        { font-size: 1.11em; }
    .xsFontSiz        { font-size: 1.05em; }
    .policyHead       { font-size: 1.6em; font-variant:small-caps; }
}

@media (min-width:60.0625em) { /* min-width:961px - tablet, landscape iPad, lo-res laptops ands desktops */
    footer            { font-size: 0.95em; }
    h1                { font-size: 1.90em; }
    h2                { font-size: 1.65em; }
    h3                { font-size: 1.40em; }
    h4                { font-size: 1.20em; }
    h5                { font-size: 1.10em;  font-style:italic; }
    #map_canvas       { height: 445px; width:100%; }
    .accordLR         { margin-left: 11%; margin-right: 11% }
    .apFoSz11         { font-size: 1.165em }
    .apFoSz1-15       { font-size: 1.12em }
    .apFontSiz        { font-size: 1.0em;  }
    .mdFontSiz        { font-size: 1.11em; }
    .xsFontSiz        { font-size: 1.05em; }
    .policyHead       { font-size: 1.9em; font-variant:small-caps; }
}

@media (min-width:64.0625em) { /* min-width:1025px - big landscape tablets, laptops, and desktops */
    footer            { font-size: 1.00em; }
    h1                { font-size: 1.95em; }
    h2                { font-size: 1.70em; }
    h3                { font-size: 1.45em; }
    h4                { font-size: 1.25em; }
    h5                { font-size: 1.15em;  font-style:italic; }
    #map_canvas       { height: 635px; width:100%; }
    .accordLR         { margin-left: 12%; margin-right: 12% }
    .apFoSz11         { font-size: 1.17em }
    .apFoSz1-15       { font-size: 1.15em }
    .apFontSiz        { font-size: 1.05em;  }
    .mdFontSiz        { font-size: 1.11em; }
    .xsFontSiz        { font-size: 1.05em; }
    .policyHead       { font-size: 1.9em; font-variant:small-caps; }
}

@media (min-width:80.0625em) { /* min-width:1281px - hi-res laptops and desktops */
    footer            { font-size: 1.05em; }
    h1                { font-size: 2.00em; }
    h2                { font-size: 1.75em; }
    h3                { font-size: 1.50em; }
    h4                { font-size: 1.30em; }
    h5                { font-size: 1.20em;  font-style:italic; }
    #map_canvas       { height: 690px; width:100%; }
    .accordLR         { margin-left: 14%; margin-right: 14% }
    .apFoSz11         { font-size: 1.17em }
    .apFoSz1-15       { font-size: 1.15em }
    .apFontSiz        { font-size: 1.10em; }
    .mdFontSiz        { font-size: 1.12em; }
    .xsFontSiz        { font-size: 1.05em; }
    .policyHead       { font-size: 2.0em; font-variant:small-caps; }
}


@media print {
    @page { margin: 0; }       
    a     { display:none;  }
    body  { background-color: #fff; color: #000; font-size: 7pt; height: 100%; width:100%; }
    code, pre      { font-size: 8pt;  background-color: transparent;  } /* in case browser configured to print backgrounds */
    h1, h2, h3, h4 { color: #000; text-transform: none;  } /* because sometimes all-caps set */
    h1             { font-size: 12pt; }
    h2             { font-size: 11pt; }
    h3             { font-size: 10pt; }
    h4             { font-size: 9pt; }
    h5, h6         { font-size: 8pt; }
    #Content a:after { content: " [" attr(href) "] "; text-decoration: none; display: inline; } /* select links in the content area only */
    #Nav, #FlyOutNav, #SubNav, .NoPrint, .CodeAlert, #SMLinks, 
    #SearchForm  { display: none; }
    #pnlDetails  { font-size:7pt;   }
    #PrintButton { display:none;  }
    .roomCol1    { color:#046D8B; font-size:6pt; text-align:center; width: 55px;  }
    .roomCol2    { color:#046D8B; font-size:6pt; text-align:left; width: 220px; }
    .roomCol3    { color:#046D8B; font-size:6pt; text-align:left; width: 400px;  }
    .sectTitle   { font-size:9pt; }
    .specCol1    { color:#046D8B; text-align:right; width: 140px; font-weight:bold; }
    .specCol2    { color:#046D8B; text-align:left; width: 160px; }
    .specCol3    { color:#046D8B; text-align:right; width: 110px; font-weight:bold; }
    .specCol4    { color:#046D8B; text-align:left; width: 160px;   }
    .specCol1to4 { color:#046D8B; vertical-align: top; width: 720px;  }
    .specCol234  { color:#046D8B; text-align:left; text-wrap:normal; vertical-align: top; width: 540px; }
    .SpecSect    {  font-size: 7pt; color: #000; height:220px; }
    .taLeft      { text-align:left;  }
    .W700        { width:700px; margin-top:-1px; margin-bottom:-12px; }
}