/* InspectAPedia.com MainStyle.css                                        */
/* 2017/01/18  Added formatting to use pasted-in html comments box comments                       */
/* 2017/01/03  explained use of tabnav                                    */
/* 2017/01/03 deleted duplicate table specification & added comments      */
/* 2016/12/06 turned OFF the underscore on HOVER & synched these notes to current MainStyle.css   */
/* CSS Specification definitions are at https://www.w3.org/Style/CSS/specs.en.html                */

/* Main Font Specifications for web pages                                 */ 
/* .h specifies all headers, a = ?; body, p = paragraphs, td = table data q= ?   */

.h,
a,
body,
p,
td {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400
}

.h {
    font-size: 20px
}

.q {
    color: #00c
}

/* LINK FORMATTING                                          */
/* Set CURRENT PAGE LINK text to bold green DJ Friedman InspectAPedia.com  08/21/11                                        */
/* NICLESCU method for detecting the current URL, set a css-detectable variable .current  - see Current_Link_Handling.txt  */
/* Requires Java Script   highlight.js                                                                                     */ 
/* Requires <SCRIPT LANGUAGE="javascript" SRC="/Scripts/highlight.js"></SCRIPT>            in individual page HEAD section */
/* Requires <!-- START NAVBAR DIV CLASS --><DIV ID="navigation" STYLE="width:100%" >           at start of page links menu */
/* Requires <SCRIPT LANGUAGE="javascript">setPage()</SCRIPT><!-- END NAVBAR DIV CLASS --></DIV>  at end of page links menu */
/* put the A. prefix on .current to refer JUST to <A HREF fields and not other text following the address field            */                                                         
/* green background for Current page  A.current             */
/* 8/09/12 Green is 008000  background is E0E0E0            */
A.current {
    color: green;
    font-weight: 700;
    background-color: #E0E0E0
}


/* Standard LINK Colors    blue         */
A:link {
    text-decoration: none;
    color: #00f
}


/* turn off first format specification: underline 08/29/11   text-decoration: underline;   */
A:hover {
    font-weight: 700;
    color: RED;
    font-family: Arial, Helvetica, sans-serif
}

 
/* IMAGE FORMATTING             */
/* 2016/12/23 removed margin-top: 5px; here and in minified  mainstyle */

.Image_Standard {
    float: left;    
    margin-right: 25px;
    margin-bottom: 5px;
    border-top-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 3px
}
 

/* LIST FORMATTING  Could expand space around links but on mobile this desktop spacing is not carrying through  */
    
.LI_Spaced {
    margin-top: 10px;
    margin-bottom: 5px
}
 
     
/* -- SHOW / HIDE RELATED LINKS area control 03/19/2013  */
/* 2017/01/03 Active Use: show hide remains in use at  Location 12 FAQs                     */
/* 2017/01/03 Active Use: show hide remains in use at  Location 16 Article End References   */
/* 2017/01/03 no longer in use for Related Links at Location 06 - examples of that use are in .htm files from 2013 */

.hidden {
    display: none
}

.unhidden {
    display: block
}
 
         
     
/* TEXT FORMATTING                */

/* Green Text, Bold, Gray background - use in notices about using links  */
/* Set Indication of "current" text in body         */
/* change this to match current link indicator color and backgrounbd  */

.GreenText {
    font-weight: 700;
    color: green;
    background-color: #E0E0E0
}

   
<!-- CSS Tabs - Thanks to web designer: Joshua Kaufman http://unraveled.com/ - is licensed under Creative Commons Attribution 3.0 - http://creativecommons.org/licenses/by/3.0/ -->
/* TABNAV is used in Location_2_3_4_Combined_Includes.php to format InspectApedia.com page top links menu into horizontal bars     */
<!-- InspectApedia.com Tab Style Sheet 02/28/2011 -->
/* Standard formatting for horizontal tabs at page top and bottom link tabs in the horizontal menus */

ul#tabnav {  
/* General settings */
/* Width: 1200px; can prevent line wrapping - not recommended  */
    text-align: left;   /* set tabs to left, right or center   */
    margin-top: 2px;    /* Space outside borders - set top bottom margins */
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 2px;
    font: 700 10px arial, verdana, sans-serif;   /* set font as desired */
    border-bottom: 1px solid #46C7C7;            /* set bottom border COLOR as desired #6c6; #736F6E;   */
    list-style-type: none;
/* Padding: 4px 3px 5px 5px; Padding inside borders - THIRD number must change with respect to padding-top (X) below top bottom right left */
    padding-top: 4px;
    padding-bottom: 5px;
    padding-right: 3px;
    padding-left: 5px;
    background-color: #CFF;     /* tab area surrounding background */
    line-height: 210%           /* Force big line height to accomodate tab line wrapping */
}

/* DO NOT CHANGE: this causes tabs to display horizontally rather than vertically stacked */ 
ul#tabnav li {
    display: inline
}

/* tabnav settings for selected tab link */
body#tab1 li.tab1 a,
body#tab2 li.tab2 a,
body#tab3 li.tab3 a,
body#tab4 li.tab4 a {
    background-color: #736F6E;  /* set selected tab background color as desired */
    color: #0F0;                /* set selected tab link color as desired orig #FFF*/
    position: relative;
    top: 1px;
    padding-top: 4px            /* must change with respect to padding (X) above and below */
}  

/* tabnav settings for all tab links */
ul#tabnav li a {
    padding-top: 4px; /* set padding around content as desired; FIRST number must change with respect to padding-top (X) above */
    padding-bottom: 5px;
    padding-right: 3px;
    padding-left: 5px;
    border: 1px solid #46C7C7;    /* set border COLOR as desired; usually matches border color specified in #tabnav   #6c6;  */
    border-bottom: none;          /* none;   */
/* background-color: #CCFFFF; OFF for use with .current set active url page to green - orig: set unselected tab background color as desired */
/* color: BLUE;      OFF for use with .current set active url page to green - orig: set unselected tab link color as desired  #2554C7; */
    font: 700 10px arial, verdana, sans-serif;   /* ADDED bold 08/21/11 to force bold - set font as desired */
    margin-top: 2px;
    margin-right: 2px;            /* set additional spacing between tabs as desired */
    margin-left: 0;
    : margin-bottom;
    : 2px;
    text-decoration: none          /* none;  underline;   */
}

/* tabnav settings for hover effect */
ul#tabnav a:hover {
    background: #fff;    /* set desired tab link text hover background color */ 
/*     text-decoration: underline; hover decoration OFF 2016/12/06 */
    color: red           /* set selected tab link hover color */
}

/* END css tabnav definitions of page top and page bottom tabs */


table {
    width: 100%
}

over {
    background: #fff;
    text-decoration: underline;
    color: red
}
/* Deleted from minified mainstyle the following table spec that to be a duplicate? 
table {
    width: 100%
}
*/


/* Support for red text formatting, used for Watch Out: notices   */

.RedText {
    color: RED;
    font-weight: bold
}

/* Support for orange text formatting, used for Really? notices   */
.OrangeText {
    color: ORANGE;
    font-weight: bold
}

/* Support for smaller text used in page top areas and other applications */
.Size-1 {
    font-size: smaller
}

/* Sidebarclass is the page left column of ads and previously also links */
/* See LOCATION 02 - 04 Page Top & Left Areas 2016/12/26  and  /Includes/Location_2_3_4_Combined_Includes.php                   */
/* 2017/01/03 in use, maximum width is 35% of window, goes to zero on small windows or mobile displays. See media query below   */

[class*=“sidebarclass”] {
    float: left;
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 10px;
    width: 35%;
    max-width: 300px;
    align: left
}

/* Support for sticky page left banner ad at LOCATION 4            */
[class*=“sticky”] {
    float: left;
    padding-top: 10px;
    padding-left: 0px;
    max-width: 300px;
    align: left
}

/* Main body area of web page                                      */
[class*="bodytext"] {
    float: left;
    padding-left: 20px;
    width: 65%
} 

/* 2015/12/20 MEDIA QUERY used to collapse page left links column in small windows                 */
/* Width selected to collapse sidebar before the sticky page left ad intrudes onto page right text */
@media(max-width:1024px) {
    #sidebar,
    #sidebar+p {
        display: none
    }
    [class*="bodytext"] {
        width: 100%;
    /*    padding: 10  OFF 2016/12/23 for testing here and in minified MainStyle.css*/ 
    }
}

/* 2016/12/20 EXPIRES moved to where they work, in the .htaccess file   */ 

/* COMMENTS FORMATTING             */
/* 2017/01/18 added to formate pasted-in comments & replies loaded per page from http://www.htmlcommentbox.com/received.html */
p.recent-comment-hdr
{
font-weight:bold;
}

/* Page top Title Area Formatting to force comments and banners below the top title section 2017/01/21 */
#articletopic { min-height: 240px; }

/* Hide the mobile title on desktop. */
#dm-title {
    display: none;
}

/* END of MainStyle.css        */