/*
html       { font-family: verdana,arial,sans-serif; font-size: 11px; }
body       { font-family: verdana,arial,sans-serif; font-size: 11px; color: #000000; background: #FFFFFF;}
 */




/* =====================*/
/* Fonts
/* =====================*/

@font-face
{
    font-family: 'orbitron_regular';
    src: url('../_common/public_fonts/Orbitron-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face
{
    font-family: 'orbitron_bold';
    src: url('../_common/public_fonts/Orbitron-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face
{
    font-family: 'quicksand_regular';
    src: url('../_common/public_fonts/Quicksand-Regular.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face
{
    font-family: 'quicksand_light_regular';
    src: url('../_common/public_fonts/Quicksand_light_regular.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face
{
    font-family: 'quicksand_medium';
    src: url('../_common/public_fonts/Quicksand-Medium.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face
{
    font-family: 'source_sans_pro_regular';
    src: url('../_common/public_fonts/SourceSansPro-Regular.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face
{
    font-family: 'roboto_light';
    src: url('../_common/public_fonts/Roboto-Light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}




/* =====================*/
/* =====================*/
/* =====================*/

















table      { font-family: verdana,arial,sans-serif; font-size: 11px; }

table.tb_visualisation_list
{
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    border-collapse: separate;
    border-spacing: 0;
    border: 6px;
    border-style:solid;
    border-color: #ffbb80;
    border-width: 2px;
    border-radius: 6px;
}

th.th_visualisation_list
{
    font-family: verdana,arial,sans-serif;
    font-size: 13px;
    color: #1a1a1a;
    background: #ffbb80;
    vertical-align: top;
    font-weight: bold;
    text-align: left;
    padding-left: 1px;
    padding-right: 8px;
}


h1         { font-family: verdana,arial,sans-serif; font-size: 24px; }
h2         { font-family: verdana,arial,sans-serif; font-size: 18px; }
h3         { font-family: verdana,arial,sans-serif; font-size: 16px; }
h3.tras    { font-family: verdana,arial,sans-serif; font-size: 16px; color: #FFFFFF;  }
h4         { font-family: verdana,arial,sans-serif; font-size: 14px; }
h5         { font-family: verdana,arial,sans-serif; font-size: 12px; }
th         { font-family: verdana,arial,sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF; background: #000000; vertical-align: top; }
th.print   { font-family: verdana,arial,sans-serif; font-size: 12px; font-weight: normal; 
             color: #000000; background: #E0E0E0; 
             border: thin solid;
             vertical-align: top; }
th.gray    { font-family: verdana,arial,sans-serif; font-size: 12px; font-weight: normal; 
             color: #000000; background: #C0C0C0; vertical-align: top;
              text-align: right; width: 220px;}
th.light   { font-weight: bold; vertical-align: middle; text-align: left; color: #000000; background: transparent; width: 150px;}
th.th_form
{
    font-family: verdana,arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #404040;
    background: #C0C0C0;
    padding: 8px;
    vertical-align: top;
}
th.th_form_soft
{
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #404040;
    background: #E0E0E0;
    padding: 4px;
    vertical-align: top;
}

td.td_form
{
    font-family: verdana,arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    background: #E0E0E6;
    padding: 8px;
    vertical-align: top;
}

th.list    { vertical-align: top; text-align: left;  color: #FFFFFF; height: 30px; }
th.header    { vertical-align: middle; 
             text-align: center;  
             color: #000000; 
             font-size: 12px; 
             height: 18px; 
             background: #FFC64D; 
           }
th.vert       { border-color: #00FF00;
                border-style:       solid; 
                border-width:         1px; 
                border-top-width:     1px; 
                border-left-width:    1px; 
                color: #000000;
                background: #F0F0F0;  }

tr         { font-family: verdana,arial,sans-serif; font-size: 11px; }
td         { font-family: verdana,arial,sans-serif; font-size: 11px; font-weight: normal; color: #000000; vertical-align: top; }
td.fixed80     { height: 80px;  vertical-align: bottom;}
td.m       { vertical-align: middle; }
td.barre      { background: #B7BFF1; text-align: center; }
td.light      { background: #E0E0E0; }
td.dark       { background: #D0D0D0; }
td.blue       { background: #D0D0FF; }
td.white      { background: #FFFFFF; }
td.yes         { background: #F8A59C; text-align: center; vertical-align: middle; }
td.no        { background: #DBF6AC; text-align: center; vertical-align: middle; }
td.odd     { background: #E0E0E6;}
td.even    { background: #D0D0D4;}

td.td_odd_visualisation_list
{
    background: #fff1e6;
    text-align: left;
}

td.td_even_visualisation_list
{
    background: #ffc999;
    text-align: left;
}

td.odd_visualisation_list_centered_bold
{
    background: #ffc999;
    text-align: center;
    font-weight: bold;
}

td.even_visualisation_list_centered_bold
{
    background: #ffc999;
    text-align: center;
    font-weight: bold;
}


td.middle    { vertical-align: middle; }
td.bottom    { vertical-align: bottom; }
td.red       { border-color: #FF0000;
                border-style:       solid; 
                border-width:         1px; 
                border-top-width:     1px; 
                border-left-width:    1px; 
                color: #000000;
                background: #F0F0F0;  }



tr.tr_visible { display: table-row }
tr.tr_hidden  { display: none }

td.option     { background: #F7DC93; text-align: center; vertical-align: middle; }

table.intro { border-color: #C09812; border-style: solid; border-width: 3px; }
ul         { font-family: verdana,arial,sans-serif; font-size: 11px; color: #000000;}
LI.square  { list-style-type: square; margin-left:50; line-height: 200%; text-align: justify; text-indent: 1em  }

td.calendar_empty   { background: #FFFFFF; }
td.calendar_day     { background: #606080; text-align: center; vertical-align: middle; width: 28px; color: #FFFFFF; }
td.calendar_title   { background: #000000; text-align: center; vertical-align: middle; color: #FFFFFF; font-size: 15px; }

td.calendar_week
{
    text-align: center; 
    color     : #000000;
    background: #C0C0FF;
    border    : 0px;
    width     : 2em;
}


input.calendar_week
{
    text-align: center; 
    color     : #000000;
    background: #C0C0FF;
    border    : 0px;
    width     : 2em;
}

input.calendar_sun
{
    text-align: center; 
    color     : #FF0000;
    background: #C0C0FF;
    border    : 0px;
    width     : 2em;
}

input.calendar_wholeweek
{
    text-align: center; 
    color     : #000000;
    background: #8080FF;
    border    : 0px;
    width     : 2em;
}

input.right
{
    text-align: right; 
}


td.bord_droite {
                border-collapse: collapse; 
                border: thin solid;
                border-left: hidden; 
                border-top: hidden; 
                border-bottom: hidden;
               }

td.titre       { font-family: verdana,arial,sans-serif; font-size: 18px; color: #000000; font-weight: bold; text-align: center; }

td.body
{
    background: #F8F0FF;
    border-style:       solid; 
}


input.panel_A  {height: 32px; 
                width: 230px; 
                font-size: 10pt; 
                -moz-border-radius: 15px; 
                border-radius: 15px; 
                background: #FBFAA3; 
                vertical-align: middle; 
                text-align: center; 
                border-color: #000000;
                border-style:       solid; 
                border-width:         1px; 
                border-top-width:     1px; 
                border-left-width:    1px; 
              }

div.panel_B  {  height: 32px; 
                width: 220px; 
                font-size: 12px; 
                -moz-border-radius: 15px; 
                border-radius: 15px; 
                background: #FDCF60; 
                vertical-align: middle; 
                text-align: center; 
                border-color: #000000;
                border-style:       solid; 
                border-width:         1px; 
                border-top-width:     1px; 
                border-left-width:    1px; 
              }

div.panel_C  {  height: 60px; 
                width: 280px; 
                font-size: 15px; 
                -moz-border-radius: 15px; 
                border-radius: 15px; 
                background: #FDCF60; 
                vertical-align: middle; 
                text-align: center; 
                border-color: #000000;
                border-style:       solid; 
                border-width:       3px; 
                border-top-width:     1px; 
                border-left-width:    1px; 
              }


input.go  {     height: 30px; 
                width: 220px; 
                -moz-border-radius: 15px; 
                border-radius: 15px; 
                border-top-left-radius: 5px 5px; 
                border-top-right-radius: 5px 5px; 
                border-bottom-left-radius: 5px 5px; 
                border-bottom-right-radius: 5px 5px;  
                background: #FBFAA3; 
                vertical-align: middle; 
                text-align: center; 
                border-color: #000000;
                border-style:       solid; 
                border-width:       2px; 
              }


                             
input.submit
{
    color     : #000000;
    background: #B7BFF1;
    border    : 2px #C0C0C0 outset;
    text-align: center; 
}

input.submit-button
{
    color     : #000000;
    background: #B7BFF1;
    border    : 2px #C0C0C0 outset;
    width     : 10em;
    text-align: center; 
}

input.submit-button_wide
{
    color     : #000000;
    background: #B7BFF1;
    border    : 2px #C0C0C0 outset;
    text-align: center; 
}

input.submit-button15
{
    color     : #000000;
    background: #B7BFF1;
    border    : 2px #C0C0C0 outset;
    width     : 15em;
    text-align: center; 
}

input.submit-light
{
    color     : #000000;
    background: #E0E0E0;
    border    : 1px #C0C0C0 outset;
    width     : 10em;
}

input.normal
{
    color     : #000000;
    background: #CCCCFF;
    border    : 1px #C0C0C0 outset;
    width     : auto;
}

input.menu
{
    color     : #000000;
    background: #E4CD9C;
    border    : thin solid;
    width     : 7em;
                  border-left-width: 0px; 
                  border-top-width:   0px; 
}

input.temperature
{
    text-align: center; 
    color     : #FF0000;
    background: #C0C0FF;
    border    : 0px;
    width     : 5em;
}




p          { font-size: 11px; font-weight: normal; color: #000000; text-align: justify; margin-left: 20px; margin-right: 20px; text-decoration : none;}

div             { font-family: verdana,arial,sans-serif; font-size: 10px; color: #550000;}
div.titre       { font-family: verdana,arial,sans-serif; font-size: 16px; color: #000000; font-weight: bold; }

div.my_description { font-family: verdana,arial,sans-serif; 
                  font-size: 11px; 
                  font-weight: normal; 
                  color: #000000; 
                  text-align: justify; 
                  margin-left: 5em; 
                  margin-right:5em; 
                  line-height: 2em;
                }                     

div.tiny        { font-family: verdana,arial,sans-serif; 
                  font-size: 9px; 
                  color: #000000; 
                }
div.listing     { margin-left:20; margin-right:20; background-color: #E0E0E0 }

div.fill_the_rest_of_the_screen
{
    flex-grow: 1;
}



LI.my_list      { list-style-type: square; 
                  margin-left:     2em; 
                  margin-right:    2em; 
                  line-height:     200%; 
                  text-align:      justify;
                  text-indent:     0em  }
pre             { margin-left:20; margin-right:20; background-color: #E0E0E0 }

div.my_titre_noir   { font-family: verdana,arial,sans-serif; 
                  font-size:   14px; 
                  font-weight: bold; 
                  color:       #FFFFFF; 
                  background: #000000;  
                  text-align: center; 
                  text-decoration:    none; 
                }
                
div.my_titre1   { font-family: verdana,arial,sans-serif; 
                  font-size:   32px; 
                  font-weight: bold; 
                  color:       #000000; 
                  text-align: center; 
                  text-decoration:    none; 
				  vertical-align: bottom;
                }

div.my_titre2   { font-family: verdana,arial,sans-serif; 
                  font-size:   20px; 
                  font-weight: bold; 
                  color:       #000000; 
                  text-align:  left; 
                  text-decoration:    none; 
                }

table.red       { 
                    border: 5px solid #FF0000; 
                    background: #C0C0C0;  
                }

table.choix     { 
                    width: 300px;
                    border: 2px solid #000000; 
                    background: #DFDFE8;  
                }

table.choix_small     { 
                    border: 2px solid #000000; 
                    background: #DFDFE8;  
                }

table.choix_wide     { 
                    width: 500px;
                    border: 2px solid #000000; 
                    background: #DFDFE8;  
                }

table.page      { 
                   width: 700px;
                   border-color: #000000; 
                   background: #FFFFFF; 
                   border-right-width:  5px; 
                   border-left-width:   2px; 
                   border-bottom-width: 5px; 
                   border-top-width:    2px; 
                }

div.centered
{
    text-align: center;
}

div.category    { font-size: 17px; font-weight: bold;   color: #000000; text-align: center; vertical-align: middle; margin-left:50; margin-right:50; }
div.discret     { font-size: 9px;  font-weight: normal; color: #808080; vertical-align: middle; margin-left:50; margin-right:50; }
div.legend      { font-size: 9px;  font-weight: normal; }

div.element     { font-size: 10px; font-weight: normal; color: #000000; margin-left:50;}
div.attribute   { font-size: 10px; font-weight: normal; color: #000000; margin-left:90;}


IMG.middle { vertical-align: middle }
img.img_float_right { float: right;}

a              {   font-family: verdana,arial,sans-serif; font-size: 11px;  color:#0000BF;  font-weight: normal; text-decoration : underline;}
a:link         {   }
a:visited      {    }
a:active       {   color:#3F3F7F; }

a.titre         { font-family: verdana,arial,sans-serif; font-size: 12px;  text-align: center; COLOR: #000000; text-decoration: None;  font-weight: bold;}
a.titre:visited { COLOR: #000000; }
a.titre:active  { COLOR: #000000; }
a.titre:hover   { COLOR: #000000; }


a.noir         { font-family: verdana,arial,sans-serif; font-size: 11px;  text-align: center; COLOR: #404040; text-decoration: underline;  font-weight: normal;}
a.noir:visited { COLOR: #404040; }
a.noir:active  { COLOR: #404040; }
a.noir:hover   { COLOR: #404040; }

a.noline   { text-decoration: none; font-size: 10pt; color: #000000; }


a.MenuHeader         { font-family: verdana,arial,sans-serif; font-size: 11px;  text-align: center; COLOR: #404040; text-decoration: None;  font-weight: bold;}
a.MenuHeader:visited { COLOR: #404040; }
a.MenuHeader:active  { COLOR: #404040; }
a.MenuHeader:hover   { COLOR: #404040; }

a.MenuItem           { COLOR: #000000; font-size: 9px; text-decoration: None;  font-weight: normal;}
a.MenuItem:link      { COLOR: #000000; text-decoration: None;  font-weight: normal;}
a.MenuItem:visited   { COLOR: #000000; text-decoration: None;  font-weight: normal;}
a.MenuItem:active    { COLOR: #000000; text-decoration: None;  font-weight: normal;}
a.MenuItem:hover     { COLOR: #FFFFFF; text-decoration: None;  font-weight: normal;}

td.bouton  { 
                background: #C0C0C0; 
                vertical-align: middle; 
                text-align: center; 
                border-color: #404040; 
                border-style: solid; 
                border-width: 1px; 
                font-size: 14px; 
              }
td.bouton_selected 
            { 
                background: #CEACC8; 
                vertical-align: middle; 
                text-align: center; 
                border-color: #404040; 
                border-style: solid; 
                border-width: 1px; 
            }


a.a_MenuMainItem           {  COLOR: #000000; font-size: 14px; text-decoration: None;  font-weight: normal;}
a.a_MenuMainItem:link      {  COLOR: #000000; text-decoration: None;  font-weight: normal;}
a.a_MenuMainItem:visited   {  COLOR: #000000; text-decoration: None;  font-weight: normal;}
a.a_MenuMainItem:active    {  COLOR: #000000; text-decoration: None;  font-weight: normal;}
a.a_MenuMainItem:hover     {  COLOR: #FFFFFF; text-decoration: None;  font-weight: normal;}

td.menu    { 
             vertical-align: middle; 
             text-align: left;  
             color: #000000; 
             font-size: 12px;              height: 18px; 
             background: #FFD321; 
                  border-style:       solid; 
                  border-width:       2px; 
                  border-left-width: 0px; 
                  border-top-width:   0px; 
           }


a.menu           { COLOR: #000000; 
                     font-size: 12px; 
                     text-decoration: None;  
                     font-weight: normal; 
                   }


table.menu  { COLOR: #000000; 
              width: 100%; 
              border-spacing: 2px;
              padding: 4px; 
             }





table.tab  { COLOR: #000000; 
              width: 100%; 
              border-spacing: 0px;
              padding: 0px; 
             }

td.tab_fill_water             { background: #8080FF; text-align: center; vertical-align: middle; height: 24px; color: #FFFFFF;
                  border-style:       solid; 
                  border-width:       2px; 
                  border-color:       #000000; 
                  border-left-color:  #C0C0C0; 
                  border-top-color:   #C0C0C0;
                  width: 180px;                  
                    }
td.tab_fill_heat             { background: #FFB119; text-align: center; vertical-align: middle; height: 24px; color: #FFFFFF;
                  border-style:       solid; 
                  border-width:       2px; 
                  border-color:       #000000; 
                  border-left-color:  #C0C0C0; 
                  border-top-color:   #C0C0C0;
                  width: 180px;                  
                    }
td.tab_fill_gaz               { background: #D19B3B; text-align: center; vertical-align: middle; height: 24px; color: #000000;
                  border-style:       solid; 
                  border-width:       2px; 
                  border-color:       #000000; 
                  border-left-color:  #C0C0C0; 
                  border-top-color:   #C0C0C0; 
                  width: 180px;                  
                    }
td.tab_fill_gaz_corrector    { background: #FFDE43; text-align: center; vertical-align: middle; height: 24px; color: #000000; 
                  border-style:       solid; 
                  border-width:       2px; 
                  border-color:       #000000; 
                  border-left-color:  #C0C0C0; 
                  border-top-color:   #C0C0C0; 
                  width: 180px;                  
                   }
td.tab_fill_electricity       { background: #0CE07A; text-align: center; vertical-align: middle; height: 24px; color: #000000;
                  border-style:       solid; 
                  border-width:       2px; 
                  border-color:       #000000; 
                  border-left-color:  #C0C0C0; 
                  border-top-color:   #C0C0C0; 
                  width: 180px;                  
                    }
td.tab_fill_electricity_indus { background: #EA3F52; text-align: center; vertical-align: middle; height: 24px; color: #000000;
                  border-style:       solid; 
                  border-width:       2px; 
                  border-color:       #000000; 
                  border-left-color:  #C0C0C0; 
                  border-top-color:   #C0C0C0; 
                  width: 180px;                  
 }
td.tab_fill_custom_meter_style { background: #6599FF; text-align: center; vertical-align: middle; height: 24px; color: #000000;
                  border-style:       solid;
                  border-width:       2px;
                  border-color:       #000000;
                  border-left-color:  #C0C0C0;
                  border-top-color:   #C0C0C0;
                  width: 180px;
 }


td.tab_water              {      border: 4px solid #8080FF; width: 700px;}
td.tab_gaz                {      border: 4px solid #D19B3B; width: 700px; }
td.tab_gaz_corrector      {      border: 4px solid #FFDE43; width: 700px; }
td.tab_electricity        {      border: 4px solid #0CE07A; width: 700px; }
td.tab_electricity_indus  {      border: 4px solid #EA3F52; width: 700px; }
td.tab_custom_meter_style {      border: 4px solid #6599FF; width: 700px; }

div.sql         { 
                    margin-left:20; 
                    margin-right:20; 
                    font-size: 10px; 
                    font-style: italic; 
                    text-align: left;
                    background-color: #F0F0F0;
                    white-space: pre;
                    border-style:       solid; 
                    border-width: 2px; 
                }


/* 2023.05.24 GVu: div.red deleted.*/


div.digit {         display: inline-block;
}


span.span_float_right 
       { float: right; 
      margin-right: 10px;
    }


span.span_tras_server_clock_error {    color: #000000; 
					font-size: 10px; 
                    text-align: justify; 
                    background: #F2A2A2; 
                    width: 150px;
                    display: inline-block;
                    padding: 2px;
                    padding-top: 6px;
                    padding-left: 6px;
                    margin: 2px;
                    margin-top: 0px;
                    border-style:       solid; 
                    border-width:         1px; 
                    border-top-width:     0px; 
                    border-left-width:    0px; 
                }          

span.span_tras_server_too_late {    color: #000000; 
					font-size: 10px; 
                    text-align: justify; 
                    background: #FF0000; 
                    width: 150px;
                    display: inline-block;
                    padding: 2px;
                    padding-top: 6px;
                    padding-left: 6px;
                    margin: 2px;
                    margin-top: 0px;
                    border-style:       solid; 
                    border-width:         1px; 
                    border-top-width:     0px; 
                    border-left-width:    0px; 
                }          

span.span_tras_server_alive {    color: #000000; 
					font-size: 10px; 
                    text-align: justify; 
                    background: #B3FFBA; 
                    width: 150px;
                    display: inline-block;
                    padding: 2px;
                    padding-top: 6px;
                    padding-left: 6px;
                    margin: 2px;
                    margin-top: 0px;
                    border-style:       solid; 
                    border-width:         1px; 
                    border-top-width:     0px; 
                    border-left-width:    0px; 
                }
                
span.span_tras_server_disabled {    color: #000000; 
					font-size: 10px; 
                    text-align: justify; 
                    background: #808080; 
                    width: 150px;
                    display: inline-block;
                    padding: 2px;
                    padding-top: 6px;
                    padding-left: 6px;
                    margin: 2px;
                    margin-top: 0px;
                    border-style:       solid; 
                    border-width:         1px; 
                    border-top-width:     0px; 
                    border-left-width:    0px; 
                }          
                                
                
                
                
                
span.span_tras_check_ok {    color: #000000; 
					font-size: 10px; 
                    text-align: justify; 
                    background: #00FF00; 
                    width: 300px;
                    display: inline-block;
                    padding: 2px;
                    padding-top: 6px;
                    padding-left: 6px;
                    margin: 2px;
                    margin-top: 0px;
                    border-style:       solid; 
                    border-width:         1px; 
                    border-top-width:     0px; 
                    border-left-width:    0px; 
                }          
span.span_tras_check_terminated_unack {    color: #000000; 
					font-size: 10px; 
                    text-align: justify; 
                    background: #B3FFBA; 
                    width: 300px;
                    display: inline-block;
                    padding: 2px;
                    padding-top: 6px;
                    padding-left: 6px;
                    margin: 2px;
                    margin-top: 0px;
                    border-style:       solid; 
                    border-width:         1px; 
                    border-top-width:     0px; 
                    border-left-width:    0px; 
                }          
span.span_tras_check_error {    color: #000000; 
					font-size: 10px; 
                    text-align: justify; 
                    background: #FF0000; 
                    width: 300px;
                    display: inline-block;
                    padding: 2px;
                    padding-top: 6px;
                    padding-left: 6px;
                    margin: 2px;
                    margin-top: 0px;
                    border-style:       solid; 
                    border-width:         1px; 
                    border-top-width:     0px; 
                    border-left-width:    0px; 
                }          
                
span.span_tras_check_pending {  color: #000000; 
					font-size: 10px; 
                    text-align: justify; 
                    background: #FFCF69; 
                    width: 300px;
                    display: inline-block;
                    padding: 2px;
                    padding-top: 6px;
                    padding-left: 6px;
                    margin: 2px;
                    margin-top: 0px;
                    border-style:       solid; 
                    border-width:         1px; 
                    border-top-width:     0px; 
                    border-left-width:    0px; 
                }          
                
span.span_tras_check_dont_know {  color: #000000; 
					font-size: 10px; 
                    text-align: justify; 
                    background: #808080; 
                    width: 300px;
                    display: inline-block;
                    padding: 2px;
                    padding-top: 6px;
                    padding-left: 6px;
                    margin: 2px;
                    margin-top: 0px;
                    border-style:       solid; 
                    border-width:         1px; 
                    border-top-width:     0px; 
                    border-left-width:    0px; 
                }          
                

span.sp_fixed_pre
{
    white-space: pre-wrap; 
    font-family: "Courier New", Courier, monospace;
	font-size: 12px; 
}

div.visualisation_first_level_header
{
    font-family: verdana,arial,sans-serif;
    color: #3b4246;

    font-size: 25px;
    font-weight: bold;
    text-decoration : none;
    text-align: left;
    font-style: normal;
    margin-left:0px;
}

div.visualisation_second_level_header
{

    font-family: verdana,arial,sans-serif;

    color: #3b4246;

    display: inline-block;

    font-size: 18px;
    font-weight: bold;

    border-color: #D9D9D9;
    border-style: solid;
    border-radius: 7px;
    -moz-border-radius: 7px;
    border-width: 2px;

    background: #FFFFFF;

    margin-left: 0px;
    margin-right:10px;

    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 2px;
}


a.transparent
{
    background-color:   transparent;
    text-decoration: none;
    color: black;

    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;


    border : 2px;
    border-color: #C0C0C0;
    border-style: solid;

}
a.transparent:hover
{
    border-color: #A0FFA0;
}

button.transparent
{
    background-color:   transparent;

    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;


    border : 2px;
    border-color: #C0C0C0;
    border-style: solid;

}
button.transparent:hover
{
    border-color: #A0FFA0;
}