/* /////////////////////////////////////////////////////////////////////
// Copyright (C) 2007 Manuel Vila, Pascal Vilarem

// This file is part of The grenouille.com Project.

// The grenouille.com Project is free software: you can redistribute it and/or
// modify it under the terms of the Affero General Public License as
// published by Free Software Foundation either version 3 of the License, or
// (at your option) any later version.

// The grenouille.com Project is distributed in the hope that it will be
// useful, but WITHOUT ANY WARRANTY; without even the implied warranty
// of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// Affero General Public License for more details.

// You should have received a copy of the Affero General Public
// License in the COPYING file that comes with The grenouille.com Project.
// If not, see <http://www.gnu.org/licenses/>.
//---------------------------------------------------------------------- */

/* styles generiques */

p { margin:0; padding:0; border: none; }

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

li { list-style-type: disc; margin-left: 0.3em; margin-bottom: 0.2em; list-style-position: inside;}

table { margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; }

tr, td { margin: 0; padding: 0; border: 0; }

/* anciens styles grenouille */

.grheaderbig { color: green; font-weight: bold; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva }
.grheaderbiginverse { color: #fff; font-weight: bold; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva }
.grheadermedium { color: green; font-weight: bold; font-size: 10px; font-family: Verdana, Helvetica, Arial, Geneva }

.grheadermediuminverse { color: #fff; font-weight: bold; font-size: 10px; font-family: Verdana, Helvetica, Arial, Geneva; vertical-align: middle; padding-bottom: 2px;  }
.grheadermediuminverse a { color: #fff; font-weight: bold; font-size: 10px; font-family: Verdana, Helvetica, Arial, Geneva }

.grheadersmall { color: green; font-weight: bold; font-size: 9px; font-family: Verdana, Helvetica, Arial, Geneva }
.grtextbig { font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva }
.grtextmedium { font-size: 10px; font-family: Verdana, Helvetica, Arial, Geneva }
.grtextmediumcolor { color: green; font-size: 10px; font-family: Verdana, Helvetica, Arial, Geneva }
.grtextmediumgray { color: gray; font-size: 10px; font-family: Verdana, Helvetica, Arial, Geneva }

.grtextmediuminverse { color: #fff; font-size: 10px; font-family: Verdana, Helvetica, Arial, Geneva; vertical-align: middle; padding-bottom: 2px; }
.grtextmediuminverse a { color: #fff; font-size: 10px; font-family: Verdana, Helvetica, Arial, Geneva }

.grtextsmall { font-size: 9px; font-family: Verdana, Helvetica, Arial, Geneva }
.grtextsmallgray { color: gray; font-size: 9px; font-family: Verdana, Helvetica, Arial, Geneva }

/* nouveaux styles grenouille */

table.rubrique { margin-bottom: 0px; }

table.rubrique td.gauche { width: 10px; }

table.rubrique  td.gauche img { height: 20px; width: 10px; }

table.rubrique  td.droit { width: 10px; }

table.rubrique  td.droit img { height: 20px; width: 10px; }

table.rubrique  td.centre { background-color: green; }

/* arbre d'administration */

li.ZONE_COUNTRY { 
  list-style-image: url(../images/quebec/triangle_gris_ferme.gif); 
  background-color: lightgrey;
}

li.ZONE_COUNTRY_OPEN { 
  list-style-image: url(../images/quebec/triangle_gris_ouvert.gif); 
  background-color: lightgrey;  
}

li.ZONE_ISP { list-style-image: url(../images/quebec/triangle_vert_ferme.gif); background-color: white; }

li.ZONE_ISP_OPEN { list-style-image: url(../images/quebec/triangle_vert_ouvert.gif); background-color: white; }

li.ZONE_CITY { list-style-image: url(../images/quebec/triangle_gris_ferme.gif); }

li.ZONE_CITY_OPEN { list-style-image: url(../images/quebec/triangle_gris_ouvert.gif); }

li.ZONE_TESTER { list-style: none; background-color: white; margin-left: 2em;}

/* table meteo */

table#meteo  table.rubrique  td.centre { width: 230px;}

table#meteo td div img.vert { width: 250px; height: 3px;}

table#meteo td div img.gris { width: 237px; height: 3px;}

table#meteo td.icon { text-align: right; }

table#meteo td.rien { width: 13px; text-align: right; }

table#meteo td.type { width: 64px; text-align: left; }

table#meteo td.value { width: 78px; text-align: right; }

table#meteo td.date { width: 57px; text-align: right; }

table#meteo td.time { width: 38px; text-align: right; }

table#meteo td.wanted { width: 38px; height: 17px; text-align: left; }