header {width:100%;margin:0px auto;position:fixed;top:0px;}
header #header-info {width:100%;height:65px;margin:0px auto;padding-top:5px;padding-bottom:5px;background-color:#1D1D1B;}
header #header-info p, #header-info span, #header-info a {color:white;}
header #header-info span {margin-left:10px;margin-right:10px;cursor:pointer;}
header #header-info a {margin-right:10px;margin-left:10px;}
header #header-info a:hover {color:orange;}
header #langauge-bar {float:right;position:fixed;right:0px;}
header #header-image {height:60px;float:right;position:fixed;left:0px;margin:0px 20px;}
header #banner {height:60px;margin-right:50px;}

footer {width:100%;margin:0px auto;position:fixed;bottom:0px;}
footer #footer-info {width:100%;margin:0px auto;padding-top:5px;padding-bottom:5px;background-color:#1D1D1B;}
footer #footer_menubar {width:100%;margin:10px auto 5px;color:white;border-radius:8px;text-align:center;}
footer #footer_menubar a {color:white;}
footer #footer_menubar a:hover {color:orange;}
footer #footer_copyright {width:100%;margin:5px auto 10px;text-align:center;overflow:hidden;}
footer #footer_copyright p {color:white;font-size:10px}

body {width:100%;margin:90px auto 10px;}

.container{margin:10px auto;}
.container-header{
    text-align:left;
    width:100%;margin:0px;background-color:#60b00f;border-radius:5px;
    background: -webkit-linear-gradient(left, #60b00f, #60b00f,  #dedede);
    background: -o-linear-gradient(right, #60b00f, #60b00f, #dedede);
    background: -moz-linear-gradient(right, #dedede, #60b00f, #60b00f);
}
.container-header h5{height:20px;padding:3px 10px;margin:0px;font-size:14px;vertical-align:central;font-weight:bold;color:white}

.green {background-color:#32CD32;}
.yellow {background-color:#FFD700;}
.blue {background-color:#5BADFF;}
.red {background-color:#FF3737;}
.violet {background-color:violet;}
.gray {background-color:#999999;}
.dark_gray {background-color:#444444;}
.light-gray {background-color:#CCCCCC;}

.font_white {color:white;}
.font_red {color:red;}

/*--------------------------------- Button -----------------------------------*/
.green-button {background-image:none;background-color:#4cae4c !important;border-color:#4cae4c;color:white;}
.green-button:hover {
    background-image:none;background-color:green !important;border-color:green;
     /* For Safari 5.1 to 6.0 */
    background:-webkit-gradient(linear, left top, left bottom, from(green), to(#4cae4c));
    /* For Opera 11.1 to 12.0 */
    background: -o-linear-gradient(right, green, #4cae4c);
    /* For Firefox 3.6 to 15 */
    background:-moz-linear-gradient(left top, green, #4cae4c);
    /* Standard syntax */
    background:linear-gradient(left top, green, #4cae4c);
}
.orange-button {background-image:none;background-color:orange !important;border-color:orange;color:white;}
.orange-button:hover {
    background-image:none;background-color:darkorange !important;border-color:darkorange;
     /* For Safari 5.1 to 6.0 */
    background:-webkit-gradient(linear, left top, left bottom, from(darkorange), to(orange));
    /* For Opera 11.1 to 12.0 */
    background: -o-linear-gradient(right, darkorange, orange);
    /* For Firefox 3.6 to 15 */
    background:-moz-linear-gradient(left top, darkorange, orange);
    /* Standard syntax */
    background:linear-gradient(left top, darkorange, orange);
}