/*   Mes styles*/

/*  ************************          Zoom Images       ************************/

            .vignette a {
	            position: absolute;
	            display: block;
	            width: 40px;
	            height: 40px;
	            margin: 0 1em 0 0;
	            border: 1px solid #cecece;
            }

           .zoom_video a {
              background: url(Photos/Ressources/Video_4_30.png) no-repeat top left;
          }
          .zoom_video a:hover {
              background: url(Photos/Ressources/Video_4_30.png) no-repeat bottom right;
          }

/*----------------------lien sans soulignement <a href="/" class="nounderline">Texte du lien</a>----------------------*/
a.nounderline:link {
    clear: both;
    margin: 0px 5px 30px 5px;
    text-decoration: none;
    font-weight: bold;
    font-style: italic;
} 

a.couleur:link {
    color: #800000;
    font-weight: bold;
    font-style: italic;
}


a.right:link {
    text-align:right;
}



.centrer_vertical_1 {
  vertical-align:middle;
}

.dessous {  
  position:relative;
  z-index:1;
}
.dessus {  
  position:relative;
  z-index:10;
}


/*----------------------class d'aspect ----------------------*/

.blanc {  color:White; }
.noir {  color:Black; }

.gris_silver {  color:Silver; }
.gris_gray {  color:Gray; }
.gris_darkGray {  color:DarkGray; }
.gris_lightSlateGray { color: LightSlateGray;}

.red {  color:red; }

.bleu {  color:blue; }
.bleu_aqua {  color:Aqua; }
.bleu_navy {  color:Navy; }
.bleu_teal {  color:Teal; }

.vert {  color:Olive; }
.vert_2 {  color:Lime; }

.marron { color: #800000;}
.marron_burlyWood { color: BurlyWood;}
.marron_dimgrey { color: dimgrey;}
.marron_maroon { color: Maroon;}
.marron_brown { color: Brown;}
.marron_tan { color: Tan;}

.beige_darkkhaki { color: darkkhaki;}
.beige_1 { color: #ECE0BF;}
.beige_2 { color: crimson;}
   
.rouge {  color: red; }  
.rouge_1 {  color: #FC1F20; } 
.rouge_2 {  color: #EC0505; } 
   
/*----------------------class texte hauteur rem----------------------*/


.txt_h09 { font-size:0.9em;}
.txt_h10 { font-size:1.0em;}
.txt_h11 { font-size:1.1em;}
.txt_h12 { font-size:1.2em;}
.txt_h13 { font-size:1.3em;}
.txt_h14 { font-size:1.4em;}
.txt_h15 { font-size:1.5em;}
.txt_h16 { font-size:1.6em;}
.txt_h18 { font-size:1.8em;}
.txt_h20 { font-size:2.0em;}
.txt_h22 { font-size:2.2em;}

   
/*----------------------class disposition ----------------------*/

.bloc-gauche { left:0px;}
.bloc-droite { right:0px;}
.centre { text-align:center; }
.txt_centrer{ margin-left: auto;   margin-right: auto; width: 30%;}

.txt_centrer_auto{ margin-left: auto;   margin-right: auto; width: auto;}

.gras {font-weight:bold; } 
.italic { font-style: italic;} 
.maj {
    font-variant: small-caps;
} 

   

/*----------------------Saut de ligne  .hr_invisible { clear:both;}     ----------------------*/

.margeBas2 { margin-bottom: 2%;}
.margeBas3 { margin-bottom: 3%;}
.margeBas5 { margin-bottom: 5%;}
.margeBas8 { margin-bottom: 8%;}
.margeBas10 { margin-bottom: 10%;}
.margeBas15 { margin-bottom: 15%;}
.margeBas20 { margin-bottom: 20%;}
.margeBas25 { margin-bottom: 25%;}
.margin20 { margin-bottom: 20px;}
.margeBas30 { margin-bottom: 30%;}
.margeBas90 { margin-bottom: 90%;}



.margeHaut2 { margin-top: 2%;}
.margeHaut3 { margin-top: 3%;}
.margeHaut5 { margin-top: 5%;}
.margeHaut8 { margin-top: 8%;}
.margeHaut10 { margin-top: 10%;}
.margeHaut15 { margin-top: 15%;}
.margeHaut20 { margin-top: 20%;}
.margeHaut25 { margin-top: 25%;}
.margeHaut30 { margin-top: 30%;}









/*-----------------------coins arrondis-----------------------*/
.coins_arrondis{
/* les coins arrondis*/    
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    behavior: url(/PIE.htc);
}

.coins_arrondis8{
/* les coins arrondis*/    
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    behavior: url(/PIE.htc);
}

.coins_arrondis24{
/* les coins arrondis*/    
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    behavior: url(/PIE.htc);
}

.ListDeroul {
    /*  */
    font-size: 1.3em; 
    padding: 10px 10px 5px 10px;

}

.fond_degrad_1 {
    /*      un dégradé */
    color: #2C2C2C;/* couleur lettres*/
     background: #2C28B3;
     background: -webkit-linear-gradient( #B5F9FA, #2C4581);
     background:    -moz-linear-gradient( #B5F9FA, #2C4581);
     background:     -ms-linear-gradient( #B5F9FA, #2C4581);
     background:      -o-linear-gradient( #B5F9FA, #2C4581);
     background:         linear-gradient( #B5F9FA, #2C4581);

    /* L’ombre du texte tout d’abord.*/ 
     text-shadow: 0px 3px 0px rgba( 255, 255, 255, 0.2);
     /*  ombres sur la boite avec */
      box-shadow: 0 0 10px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}

.fond_degrad_2 {
    /*      un dégradé */
    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #f8ffe8 0%, #e3f5ab 50%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(135deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 );
   

    /* L’ombre du texte tout d’abord.*/ 
     text-shadow: 0px 3px 0px rgba( 255, 255, 255, 0.2);
     /*  ombres sur la boite avec */
      box-shadow: 0 0 10px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}


.fond_degrad_3 {
    /*      un dégradé */
    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #F8FBF6 0%, #EFF2E9 50%, #AA9739 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#AA9739), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #F8FBF6 0%,#EFF2E9 50%,#AA9739 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #F8FBF6 0%,#EFF2E9 50%,#AA9739 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #F8FBF6 0%,#EFF2E9 50%,#AA9739 100%); /* IE10+ */
    background: linear-gradient(135deg,  #F8FBF6 0%,#EFF2E9 50%,#AA9739 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8FBF6', endColorstr='#AA9739',GradientType=1 );
   

    /* L’ombre du texte tout d’abord.*/ 
     text-shadow: 0px 3px 0px rgba( 255, 255, 255, 0.2);
     /*  ombres sur la boite avec */
      box-shadow: 0 0 10px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}

.bords_degrad_1 {
 -webkit-box-shadow: 0 0 65px #cdbe9f inset, 0 0 20px #beae8c inset;  
    -moz-box-shadow:    0 0 65px #cdbe9f inset, 0 0 20px #beae8c inset;  
   box-shadow:         0 0 65px #cdbe9f inset, 0 0 20px #beae8c inset;  


}

.bords_degrad_2{  
    -moz-box-shadow: 0 0 65px #cdbe9f inset, 0 0 20px #beae8c inset, 0 0 5px #816f47;  
    -webkit-box-shadow: 0 0 65px #cdbe9f inset, 0 0 20px #beae8c inset, 0 0 5px #816f47;  
    box-shadow: 0 0 65px #cdbe9f inset, 0 0 20px #beae8c inset, 0 0 5px #816f47;  
}

.bords_degrad_3:before {
	transform: rotate(-5deg);
	box-shadow: 7px 6px 15px #333;
}
.bords_degrad_3:after {	
	transform: rotate(5deg);
	box-shadow: -7px 6px 15px #333;
}

.bords_degrad_4
{
  -moz-box-shadow: 4px 4px 10px #888;  
  -webkit-box-shadow: 4px 4px 10px #888;  
  box-shadow:4px 4px 6px #888;
}

.bords_degrad_20
{
    width:20%;
    padding:5px 3px 5px 3px;
  -moz-box-shadow: 4px 4px 10px #888;  
  -webkit-box-shadow: 4px 4px 10px #888;  
  box-shadow:4px 4px 6px #888;
}

.bords_degrad_30
{
    width:30%;
    padding:5px 3px 5px 3px;
  -moz-box-shadow: 4px 4px 10px #888;  
  -webkit-box-shadow: 4px 4px 10px #888;  
  box-shadow:4px 4px 6px #888;
}

.bords_degrad_50
{
    width:50%;
    padding:5px 3px 5px 3px;
  -moz-box-shadow: 4px 4px 10px #888;  
  -webkit-box-shadow: 4px 4px 10px #888;  
  box-shadow:4px 4px 6px #888;
}

.bords_degrad_80
{
    width:80%;
    padding:5px 3px 5px 3px;
  -moz-box-shadow: 4px 4px 10px #888;  
  -webkit-box-shadow: 4px 4px 10px #888;  
  box-shadow:4px 4px 6px #888;
}

.bords_degrad_auto
{
    width:auto;
    padding:5px 3px 5px 3px;
  -moz-box-shadow: 4px 4px 10px #888;  
  -webkit-box-shadow: 4px 4px 10px #888;  
  box-shadow:4px 4px 6px #888;
}




/*   class   */

.conteneur_images {
    background:#FFFFFF;
    border: 1px solid black;
    height: 127px;
    margin: 0 auto;
    width: 510px;
}


/*   Image normal sans survol ou clicImage et Imagecaption*/
.img:hover {
    background:#FFFFFF;
    border: 1px solid black;
    height: 250%;
    left: -110px;
    padding: 3px;
    position: relative; 
    top: -50px;
    width: 250%;
}


.image_h
{
    float: left;
    margin-left:0.1%;
    height: 100%;
   
}

.image_h img:hover 
    {
    /*format pendant le survol*/
        height:20%;
}
       




/* ********************************  zomm image survol clic Image:hover et  Image:focus */
.Image {

    /*    
    width: 18em; 
    margin: 1em 5em 0 0;  */
    float: left;
    position: relative;
    font-size: small;
    margin: 1em 2em 0 0; 
    color: #800000;
    /*     background: white;  
    border: 10px solid white;   */
   

    -webkit-box-shadow: 0 3px 10px #ccc;
    -moz-box-shadow: 0 3px 10px #ccc;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 1s ease;
}

.Imagecaption 
{
  text-align: center;
  display: block;
  /*   font-size: 12px;
  font-style: italic;         */
 
}

.Image:hover {
    /* height: 50%; 
         */
    /* zoom*/
     width: 20%;  
    background-image: url('../../Images/Ressources/RetourPagePrec.png');
    background-repeat: no-repeat;

    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(1deg);
    -webkit-box-shadow: 0 3px 10px #666;
    -moz-box-shadow: 0 3px 10px #666;
}

.Image:focus
{
  outline: none;
  -webkit-transform: rotate(-3deg) scale(2.5); 
  -moz-transform: rotate(-3deg) scale(2.5);
   -webkit-box-shadow: 0 3px 10px #666; 
   -moz-box-shadow: 0 3px 10px #666;
  z-index: 9999;
  
}

ol.PiedPage li {
    font-size: 1.3em; 
    padding:0.2em;
    color: #993300;
    position: relative;
}




/*  ------------------------------ Lien menuhlien menu tableau de bord-----------------------------*/
.menuhlien {

    z-index: 5;

   width: 20px; 
   height: 15px; 

    background-image: url('../../Images/Ressources/oeil_30.png');
    background-repeat: no-repeat; 


    float: left;
    position: relative;

    color: #800000; 
    
    -webkit-box-shadow: 0 3px 10px #ccc;
    -moz-box-shadow: 0 3px 10px #ccc;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 1s ease;
    /* 
    margin: 1em 5em 0 0;
    font-size: small;     b
        ackground: white;  
    border: 10px solid white;   
    */
}


.menuhlien:hover {
    /*   
   padding: 0em 0em 2em 2em;    */
    z-index: 20;
    width: 50px; 
   height: 38px; 

    background-image: url('../../Images/Ressources/oeil_50.png');
    background-repeat: no-repeat;

    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(1deg);
 -webkit-box-shadow: 0 3px 10px #666;
    -moz-box-shadow: 0 3px 10px #666;
     /* 
         height: 50%; 
    padding: 20px 10px 10px 10px;
    height: auto;   
          */
}

.menuhlien:focus
{
  outline: none;
  -webkit-transform: rotate(-3deg) scale(2.5); 
  -moz-transform: rotate(-3deg) scale(2.5);
   -webkit-box-shadow: 0 3px 10px #666; 
   -moz-box-shadow: 0 3px 10px #666;
  z-index: 9999;
  
}

.menuhlien caption 
{
  text-align: center;
  display: block;
  /*   font-size: 12px;
  font-style: italic;         */
 
}




/*  ------------------------------ Page prédédente-----------------------------*/
.PagePrec {
    
    z-index:10;
    background-image: url('../../Images/Ressources/RetPPrec_2.png');
    background-repeat: no-repeat;
    
     width: 20px;  
     height:  20px;  
    float: left;
    position: relative;
    font-size: small;

    /*    
    width: 18em; 
    margin: 1em 5em 0 0;  */
    /*   
    color: #800000;  background: white;  
    border: 10px solid white;   */
   
    /*ombre*/
    -webkit-box-shadow: 0 3px 10px #ccc;
    -moz-box-shadow: 0 3px 10px #ccc;

    /*rotation */
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 1s ease;
}

    /* ombre*/
    
.ombre_5 {
  border: 5px solid #fff;
  -moz-box-shadow: 10px 10px 16px #aaa; 
  -webkit-box-shadow: 10px 10px 16px #aaa; 
  box-shadow: 10px 10px 16px #555; 
  
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=15);
    zoom: 1;
}

.ombre_1 {
  border: 5px solid #fff;
  -moz-box-shadow: 8px 8px 12px #aaa; 
  -webkit-box-shadow: 8px 8px 12px #aaa; 
  box-shadow: 8px 8px 12px #555; 
  
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
    zoom: 1;
}
.ombre_2 {
  border: 5px solid #fff;
  -moz-box-shadow: 1px 1px 12px #555;
  -webkit-box-shadow: 1px 1px 12px #555;
  box-shadow: 1px 1px 12px #555;

  filter:progid:DXImageTransform.Microsoft.Glow(Color=#c0c0c0,Strength=8);
  zoom: 1;

}
.ombre_3 {
  border: 5px solid #fff;
  -moz-box-shadow: 8px -4px 8px #333333, 2px 2px 2px #333333
  -webkit-box-shadow: 8px -4px 8px #333333, 2px 2px 2px #333333
  box-shadow: 8px -4px 8px #333333, 2px 2px 2px #333333

  filter:progid:DXImageTransform.Microsoft.Glow(Color=#333333,Strength=8);
  zoom: 1;

}
    

    /**************************     zoom  ******************/
  



.PagePrec:hover {
    z-index:2;
     width: 85px;  
     height:  60px;  
    background-image: url('../../Images/Ressources/RetPPrec_2.png');
    background-repeat: no-repeat;

    
    /*ombre*/
    -webkit-box-shadow: 0 3px 10px #666;
    -moz-box-shadow: 0 3px 10px #666;
    
    /*rotation */
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(1deg);
    /* height: 50%; 
         
    padding: 20px 10px 10px 10px ;*/
}

.PagePrec:focus
{
  outline: none;
  -webkit-transform: rotate(-3deg) scale(2.5); 
  -moz-transform: rotate(-3deg) scale(2.5);
   -webkit-box-shadow: 0 3px 10px #666; 
   -moz-box-shadow: 0 3px 10px #666;
  z-index: 9999;
  
}

.PagePrec caption 
{
  text-align: center;
  display: block;
  /*   font-size: 12px;
  font-style: italic;         */
 
}



/* ---------------------------------*/
.Rotat {
    float:right;
    margin-top: 20px;
    width: 1200px;
    bottom: 15px;
    top: 25px;
    left: 15px;
}


 .left {
            float: left;
            width: 100px;
            background: blue;
            height: 100%;
        }
.right {
            width: auto; /* This is the default */
            float: none;
            margin-left: 100px;
            background: red;
            height: 100%;
        }

.right_iframe {
            background: yellow;
            width: 100%;
            height: 100%;
        }

.iframe1 {
    overflow:hidden;
}

 
.iframe2 {
display: block;  
overflow:hidden;  
overflow-x: hidden;  
overflow-y: auto;  
overflow : -moz-scrollbars-vertical;  
}



.ol#menu2 {
}



/*   ID   */
ul#menu1 {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
    margin-right:150px;
}

.panelClass {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    background-color: #CCCC00;
}


accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.decalage_gauche
{
    display: inline;
    margin-left:0px;
    padding-left:3em; 
    
}

.centrer_sans_trait 
{
     margin-left: auto;
     margin-right: auto;
     width: 40em;
     text-align: center;
      text-decoration:underline;
      margin-bottom:1em; 

}

.hr_invisible {
    clear: both;
    border: 0;
    border-top: none;/*invisible*/
    height: 0.1em;
    margin-top: 2em;
    margin-left: 0em;
    margin-bottom: 2em;
}

.decalage_Vertical_4 {
    clear: both;
    border: 0;
    border-top: none;/*invisible*/
    height: 0.1em;
    margin-top: 4em;
    margin-left: 0em;
    margin-bottom: 2em;
}

.declage_txt 
{
      margin-left:5%;
      margin-top:0.5%;
      padding:0px 0px 0px 20px;      
}

.declage_txt1 
{
      margin-left:10%;
      margin-top:0.5%;
      margin-bottom:0.2%;
      padding:0px 0px 0px 20px;     
}

.declage_txt2 
{
      margin-left:15%;
      margin-top:0.5%;
       margin-bottom:0.2em;
      padding:0px 0px 0px 20px;     
}

.declage_txt3 
{
      margin-left:20%;
       margin-bottom:0.2em;
      padding:0px 0px 0px 20px;     
}


.declage_txt4 
{
      margin-left:25%;
      margin-top:0.5%;
       margin-bottom:0.2em;
      padding:0px 0px 0px 20px;     
}

.prh
{
    float: left;
      padding:1em 2em 5em 0.5em;
}

.reponse
{
    float: left;
    font-size: 1.1em;
      padding:1em 1em 0.6em 0.5em ;
    
}


 /* textbox de formulaires */

.saut_ligne
{
   
    clear: both; 
    
}

.textbox_10 {
    width:10%;
    color: #0000FF;
    background-color: #0000FF;

    font-family: Arial, Sans-Serif;
    font-size: 1.4em;
    font-weight: bold;

    padding: 5px 5px 5px 15px;
    margin-top: 5px;

    cursor: pointer;

    border: 1px solid #2F4F4F;
    border-radius: 8px 8px 8px 8px;

    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #f8ffe8 0%, #e3f5ab 50%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(135deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 );
    background-color: #0000FF;
}

.textbox_20 {
    width:20%;

    color: #0000FF;
    background-color: #0000FF;
    font-family: Arial, Sans-Serif;
    font-size: 1.4em;
    font-weight: bold;

    padding: 5px 5px 5px 15px;
    margin-top: 5px;

    cursor: pointer;

    border: 1px solid #2F4F4F;
    border-radius: 8px 8px 8px 8px;

    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #f8ffe8 0%, #e3f5ab 50%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(135deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 );
    background-color: #0000FF;
}

.textbox_30 {
    width:30%;

    color: #0000FF;
    background-color: #0000FF;
    font-family: Arial, Sans-Serif;
    font-size: 1.4em;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    margin-top: 5px;
    cursor: pointer;

    border: 1px solid #2F4F4F;
    border-radius: 8px 8px 8px 8px;

    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #f8ffe8 0%, #e3f5ab 50%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(135deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 );
    background-color: #0000FF;
}

.textbox_40 {
    width:40%;
    color: #0000FF;
    background-color: #0000FF;
    font-family: Arial, Sans-Serif;
    font-size: 1.4em;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    margin-top: 5px;
    cursor: pointer;

    border: 1px solid #2F4F4F;
    border-radius: 8px 8px 8px 8px;

    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #f8ffe8 0%, #e3f5ab 50%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(135deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 );
    background-color: #0000FF;
}

.textbox_50 {
    width:50%;

    color: #0000FF;
    background-color: #0000FF;
    font-family: Arial, Sans-Serif;
    font-size: 1.4em;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    margin-top: 5px;
    cursor: pointer;
    border: 1px solid #2F4F4F;
    border-radius: 8px 8px 8px 8px;

    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #f8ffe8 0%, #e3f5ab 50%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(135deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 );
    background-color: #0000FF;
}

.textbox_60 {
    width:60%;
    color: #0000FF;
    background-color: #0000FF;
    font-family: Arial, Sans-Serif;
    font-size: 1.4em;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    margin-top: 5px;
    cursor: pointer;

    border: 1px solid #2F4F4F;
    border-radius: 8px 8px 8px 8px;

    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #f8ffe8 0%, #e3f5ab 50%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(135deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 );
    background-color: #0000FF;
}

.textbox_70 {
    width:70%;
    color: #0000FF;
    background-color: #0000FF;
    font-family: Arial, Sans-Serif;
    font-size: 1.4em;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    margin-top: 5px;
    cursor: pointer;

    border: 1px solid #2F4F4F;
    border-radius: 8px 8px 8px 8px;

    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #f8ffe8 0%, #e3f5ab 50%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(135deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 );
    background-color: #0000FF;
}

.textbox_80 {
    width:80%;
    color: #0000FF;
    background-color: #0000FF;
    font-family: Arial, Sans-Serif;
    font-size: 1.4em;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    margin-top: 5px;
    cursor: pointer;

    border: 1px solid #2F4F4F;
    border-radius: 8px 8px 8px 8px;

    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #f8ffe8 0%, #e3f5ab 50%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(135deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 );
    background-color: #0000FF;
}

.textbox_90 {
    width:90%;
    color: #0000FF;
    background-color: #0000FF;
    font-family: Arial, Sans-Serif;
    font-size: 1.4em;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    margin-top: 5px;
    cursor: pointer;

    border: 1px solid #2F4F4F;
    border-radius: 8px 8px 8px 8px;

    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #f8ffe8 0%, #e3f5ab 50%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(135deg,  #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 );
    background-color: #0000FF;
}