/*---------*/
/* 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;}
*/
/*---------*/
.align_left {text-align:left;
}
/* Author */
.author {text-align:right;}
/*---------*/
/* 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;}
/*---------*/
/* 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
    }
}