/*---------*/
/* 20150611 */
/* For br_layout_Control */
/*---------*/
/* Ad Column */
/* *** AMW 20130508
.ad_column_left {border-right-color:#000000; border-right-style:solid;
     border-right-width:1pt; 
     padding-right:3pt;
     width:120;}
td.ad_column_right 
{
    background-color:White;
    border-left-color:#000000; border-left-style:solid;
    border-left-width:1pt; padding-left:3pt;
    width:120;}
*/
/*---------*/
body {
    margin-bottom:4em; /* Make room for cookie message */
}
/*---------*/
.align_left {text-align:left;
}
/*---------*/
/* Bookmark */
div#ad_line_top {
    background-color: var(--color-1-dark-contrast-dull);
}
div#ad_line_top h5 {
    margin: 0;
    padding-bottom: .5em;
    padding-top: .5em;
    text-align: center;
}
/*---------*/
/* Bookmark */
div.bookmark { clear:both; padding-top:3em; }
/*---------*/
/* Content column */
div.content, div.debug {
    background-color: White; /* Default content background to white */
    margin: 0;
    padding: .1em 2em 2em 2em; /* need .1em at top to collapse with prior div inserted by asp:menu */
    padding: 0 2em 2em 2em; /* need .1em at top to collapse with prior div inserted by asp:menu */
    /*padding:.4em; */
    width: auto; /* Less than 100 to avoid overlap */
}
/*---------*/
/* Copyright */
p.copyright 
{
    /*background-color:White;*/
    font-size:smaller; /*8pt;*/
    text-align:center;
}
/*---------*/
/* Where Am I system and database */
div#database_name {
    background-color: navajowhite;
    box-sizing:border-box;
    color: black;
    display: table;
    margin: 0;
    padding: .25em;
    width: 100%;
}
/*---------*/
/* Error */
.error { color:Red; }
.error_background { background-color:#FF9999; }
/*---------*/
/* Example */
.example { font-family:Monospace; }
div.example,pre.example { margin-left:3em; margin-right:3em; }
/*---------*/
/* Google */
.google {color:#000000; font-family:Verdana,Arial,Sans-Serif; font-size:smaller; font-weight:normal;}
.googletitle {color:#0000FF; font-weight:bold; text-decoration:underline;}
.googlewebsite {color:#009900; font-size:smaller; font-weight:normal;}
a.google:hover {text-decoration:none;}
//div.google_plus {display: inline-block;}
/*---------*/
/* Used by br_image_Control - brw:Image -> <div class="image"><img class="image">caption<div class="caption"></div></div>  */
div.image { display:inline-block; } 
div.image_caption { font-size:smaller; padding-bottom:.5em; text-align:center; }
img.image { border:none; } /* default for <brw:Image Class_Image= */
img.image_size_auto { border:none; height:100%; width:100%; } /* Set <brw:Image Class_Image="image_size_auto"
/*---------*/
div.layout_end
{
    background-color:White; /* Default layout end background to white */
    padding:1em 2em 1em 2em;
    }
div.layout_end > br { clear:both; }
/* Menus in Body - For Logo Bar and Menu Bar see page_style_standard_logo_menu_bar.css */
/*---------*/
/* Make a menu out of list items */
ul.menu_list {list-style-type:none; margin-left:0; padding-left:0;}
/*---------*/
/* Navigation in content link - top, bot, prev, next */
.navlink
{
    font-size:smaller;
}
/*---------*/
/* News table */
div.news
{
    background-color:Silver;
    border:solid 1pt Black;
    float:right;
    padding:1em;
    width:30%;
}
/*---------*/
/* Product */
img.product_detail
{
    border:none;
    float:left;
    padding-right:1.5em;
    padding-bottom:1.5em
}
/*---------*/
div.summary_top {font-size:xx-small;}
/*---------*/
/* Table Layout */
table.layout {width:100%} 
/*---------*/
/* Translate */
div.translate {display:table; margin:auto;}
/*---------*/
p#where_am_i {
    color: transparent;
    font-size: x-small;
    text-align: center;
}
/*---------*/
/* To put headings next to each other */
.zero_bottom {
    margin-bottom: 0;
}
.zero_top {
    margin-top: 0;
}
/*---------*/
@media screen and (max-width:768px) 
{
        body {
            font-size: 150%;
        }
        /*div.bookmark div.fb-like { display:block; margin-bottom:1em; } */
        div.bookmark div.fb-like i {
            height: 28px;
            width: 28px;
        }

        div.content {
            padding-left: 5px;
            padding-right: 5px;
        }

        div.bookmark a.button {
            font-size: larger;
        }

        div.google_plus {
            background-color: orangered;
            border: 1px solid black;
            border-radius: 4px 4px;
            display: inline-block;
            margin: 0 1em 1em 1em;
            padding: .5em 0 .5em 1em;
            width: 106px;
        }

        div#logon_bar {
            padding: .25em 0;
            // Add padding for fingers
        }
    }