/*CSS - Main*/

/* Elements */
html {
    
}
body {
    margin: 0 0 0 0;
    font-family: Helvetica, sans-serif;
    font-size: 15px;
}
h1 {
    font-size: 1.8em;
    font-weight: normal;
    margin: 15px 0 10px 0;
    clear: both;
}
h2 {
}
h3 {
    font-size: 1.2em;
    margin: 12px 0px 8px;
}
h4 {
    font-size: 1.1em;
    margin: 12px 0px 3px;
}
img [src$=".png"], img[src$=".gif"] {
    /*image-rendering: crisp-edges;*/
}

/* Font styling */
.font_color_crimson { color: #c00000; } /*crimson*/
.font_color_black { color: black; }
.font_color_green { color: green; }
.font_color_green_light { color: #33cc33; /*#99cc00*/ }
.font_color_gray { color: gray; }
.font_color_red { color: red; }
.font_color_blue { color: blue; }
.font_color_white { color: #fff; }
.font_weight_bold { font-weight: bold; }
.font_weight_normal { font-weight: normal; }
.font_style_italic { font-style: italic; }
.text_decor_underline { text-decoration: underline; }

/* Background styling */
.bg_color_white { background-color: white; }
.bg_color_yellow { background-color: yellow; }
.bg_color_orange { background-color: orange; }

/* Display */
.display_none { display: none; }

/* List styling */
ul.list1 {
    padding: 0 0 0 0;
    list-style: none;
}
ul.list1 li {
    padding-left: 2.67em ;
    text-indent: -2.67em ;
}
ul.list2 {
    padding: 0 0 0 0;
    list-style: none;
    margin: 0 0 0 0;
}
ul.list3 {
    padding: 0 0 0 0;
    list-style: none;
}
ul.list3 li {
    padding-left: 1.67em ;
    text-indent: -1.67em ;
}

/* External Wrapper */
div#body {
    position: relative;
    min-width: 800px;
    max-width: 1500px;
    margin: auto;
    padding: 0 8px;
    visibility: hidden; /* changed to visible in JS */
}

div#body > div#header {
    position: relative;
    border-bottom: solid 1px #ddd;
    padding: 1em 0 1em 0;
}

div#body > div#footer {
    position: relative;
    border-top: solid 1px #ddd;
    padding: 1em 0 1em 0;
}


div#body > div#content {
    position: relative;
    margin: 0 0 0 0;
}


/* --- Header --- */
div#header > div {
    display: inline-block;
    vertical-align: bottom;
    width: 49.5%;
}
div#header div.sect1 {
}
div#header div.sect2 {
    text-align: right;
}
/* sect1 */
div#header div.sect1 div.logo {
    
}
div#header div.sect1 div.logo img {
    /*width: 28em; height: 2.8em;*/
}
div#header div.sect1 div.text {
    margin: 0.2em 0 0 3.2em;
}
div#header div.sect1 div.text span {
    font-size: 0.85em;
    font-weight: bold;
}
/* sect2 */
div#header div.sect2 div.menu {
    /*visibility: hidden;*/
} 
div#header div.sect2 div.menu a {
    font-size: 0.8em;
    color: #888;
} 
div#header div.sect2 div.menu a:hover {
    color: #000;
}
div#header div.sect2 h2 {
    margin: 0.2em 0 0 0;
    font-weight: normal;
}
div#header div.sect2 div.text {
    
}
div#header div.sect2 div.text span {
    color: #c00000; /*crimson*/
    font-size: 0.8em;
    font-weight: normal;
    font-style: italic;
    /*font-family: serif;*/
}


/*  --- Page-level Tab --- */

div#tab1 {
    position: relative;
    margin: 0 0 0 0;
    width: auto; height: auto;
    padding-bottom: 4em;
}
/* Tab titles */
div#tab1 ul.tab_titles li a {
    padding: 10px 28px;/**/
    font-size: 1.1em;
    text-align: center;
}
/* Tab panels */
div#tab1 div.tab_panels {
    width: auto;
    margin: 1em 1em 0 1em;
    overflow-x: auto;
    overflow-y: visible;
    /*border-top: dashed 1px silver;*/
}
div#tab1 div.tab_panels div.panel {
    position: relative;
    padding: 0;
    /*background: yellow;*/
}
div#tab1 div.tab_panels div.panel h2 {
    font-weight: normal;
}
div#tab1 div.tab_panels div.view { /* inside div.panel */
    position: relative;
    padding: 0;
    /*background: yellow;*/
}
div#tab1 div.tab_panels div.view > h3 {
    color: gray;
}
div#tab1 div.tab_panels > div.anchor {
    margin: 0 0 0 0;
    /*border-top: dashed 1px silver;*/
}


/* --- Anchor --- */
div.anchor {
    clear: both;
}


/* --- Include --- */
div.viewText {
    max-width: 1000px;
}
div.viewText div.body {
    padding: 1em 0 0 0;
}
div.viewText div.body h3 {
    margin: 0 0 0 0;
    padding: 0 0 1em 0;
}
div.viewText div.body h3 span {
    font-size: 1.2em;
}
div.viewText div.body div.section {
    margin: 0 0 0 0;
    padding: 0 0 1em 0;
}
div.viewText div.body div.section h4 {
    margin: 0 0 0 0;
    padding: 0 0 0.7em 0;
}
div.viewText div.body div.section h4 > span {
    font-size: 1.2em;
}
div.viewText div.body div.section h5 {
    margin: 0 0 0 0;
    padding: 0 0 0.7em 0;
}
div.viewText div.body div.section h5 > span {
    font-size: 1.2em;
}
div.viewText div.body div.section ul,
div.viewText div.body div.section ol {
    margin: 0 0 0 0;
    padding-bottom: 0.7em;
    line-height: 1.4em;
}
div.viewText div.body div.section p {
    margin: 0 0 0 0;
    padding: 0 0 0.7em 0;
    line-height: 1.4em;
}
div.viewText div.body div.section p > span,
div.viewText div.body div.section li > span {
    font-size: 16px;
}
div.viewText div.body div.section p > span a,
div.viewText div.body div.section li > span a {
    color: #ac1b33;
}
div.viewText div.body div.section p > span a:hover,
div.viewText div.body div.section li > span a:hover {
    color: #000;
}
div.viewText div.body div.section p > span img.triangle {
    width: 12px; height: 12px;
    vertical-align: baseline;
}


/* --- Images --- */
img.triangle {
    width: 12px; height: 12px;
}


/* --- Footer --- */
div#footer > div {
    text-align: center;
}
div#footer div.logo {
}
div#footer div.logo img {
    width: 27em;
}
div#footer div.text {
    margin: 0.5em 0 0 0;
}
div#footer div.text div {
    margin: 0.2em 0 0 0;
}
div#footer div.text div.line1 span {
    font-size: 1em;
}
div#footer div.text div.line1 span a {
    color: #777;
}
div#footer div.text div.line1 span a:hover {
    color: #000;
}
div#footer div.text div.line2 span {
    font-size: 0.8em;
}


/* --- Warning about Browser --- */
div#warningBrowser {
    margin: 0.5em 2em;
    padding: 0.5em 0.2em;
    background: #ffe8e7;
    color: red;
    text-align: center;
    border: solid 1px red;
    /*border-top: solid 1px red;*/
    /*border-bottom: solid 1px red;*/
}
div#warningBrowser span.text {
    font-size: 1.1em;
}
div#warningBrowser i.material-icons {
    vertical-align: -2px;
}