/* LANGUAGE SWITCH langbutton CSS RENDERING */

/*
// REMINDER: 
/////////// TB SaiDai Colour Scheme ///////////////
// Darkest Green:  # 006600  
// Dark Green:     # 009933
// Bright Green:  # 00990d
// Pale Green:   # 669933   
// Pale browny-green (light):   # 999933
// Pale Yellow:    # FFFF66
// FYI, not used:  PURE GREEN: # 009933
*/

.langbutton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 1px 5px;
    border: 1px solid #999933;
    border-radius: 6px;
    background: #669933;
    background: -webkit-gradient(linear, left top, left bottom, from(#669933), to(#006600));
    background: -moz-linear-gradient(top, #669933, #006600);
    background: linear-gradient(to bottom, #669933, #006600);
    -webkit-box-shadow: #0e2423 0px 0px 2px 0px;
    -moz-box-shadow: #0e2423 0px 0px 2px 0px;
    box-shadow: #0e2423 0px 0px 2px 0px;
    font: normal normal normal 11px arial;
    color: #ffffdd;
    text-decoration: none;
}
.langbutton:hover,
.langbutton:focus {
    border: 1px solid #c7c742;
    background: #00b83d;
    background: -webkit-gradient(linear, left top, left bottom, from(#00b83d), to(#007a00));
    background: -moz-linear-gradient(top, #00b83d, #007a00);
    background: linear-gradient(to bottom, #00b83d, #007a00);
    /*  OPTION TO MAKE BOLD ON HOVER & FOCUS: 
	font: normal normal bold 11px arial;
	*/
    color: #ffff66;
    text-decoration: none;
}
.langbutton:active {
    background: #005c1f;
    background: -webkit-gradient(linear, left top, left bottom, from(#005c1f), to(#006600));
    background: -moz-linear-gradient(top, #005c1f, #006600);
    background: linear-gradient(to bottom, #005c1f, #006600);
}



.error_msg {
    font-weight: bold;
    font-style: italic;
    color: maroon;
    background: yellow;
}


.bold {
    font-weight: bold;
}
.italics {
    font-style: italic;
}
.colour1 {
    color: maroon;
}
 table.padding {
	padding: 4px;
}
 .padding {
	padding: 4px;
}

table.topnote {
    width:80%; 
    margin-left:10%; 
    margin-right:10%;
    border: 1px solid #c7c742;
  }
 .paddingdouble {
	padding: 8px;
}
.colourhighlight {
    background-color: #fdff32;
}


/*
TB ADD sub menu nav for anchor tags on page
first section main_
*/

nav_anchor ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

nav_anchor a {
    display: inline;
    margin-bottom: 0px;
    padding: 0px 0;

    text-align: center;
    text-decoration: none;
    /* font-weight: bold; */

    color: #009933;
    background: #FFFFFF;
}

nav_anchor a:hover,
nav_anchor a:visited {
    color: #999933;
}

nav_anchor a:hover {
    color: #FFFF66;
	background:#00990d;
    /* text-decoration: underline;  */
}

/* 
TB further add 
lower down main_
 */
@media only screen and (min-width: 480px) {

    nav_anchor a {
        float: left;
		/* https://github.com/verekia/initializr-template/issues/4 */
        /* width: 12%;  */
        margin: 0 .3%;
        padding: 3px 1%;
        margin-bottom: 0;
    }

    nav_anchor li:first-child a {
        margin-left: 0;
    }

    nav_anchor li:last-child a {
        margin-right: 0;
    }


    nav_anchor ul li {
        display: inline;
    }

    .oldie nav_anchor a {
        margin: 0 0.7%;
    }
}

/* 
TB further add 
lower down main_
 */

@media only screen and (min-width: 768px) {

    nav_anchor {
        float: right;
		/* https://github.com/verekia/initializr-template/issues/4 */
        width: 58%;
    }

}