body {
   margin : 2px;
   font-family : Arial, Helvetica, sans-serif;
   font-size: 8pt;
   }

P {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: none;
}

.textarea {
  border: 1px solid black; 
  padding: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  }      

.history {
  /* border: 1px solid black; */
  color: grey ; 
  }

table.list { border: medium solid #666699 ; 
             border-collapse: collapse; }
th.list {  font-family: Arial, Helvetica, sans-serif; 
           font-size: 7pt; 
	   border: thin solid  #666699 ; 
	   font-weight: bold ;
	   padding: 1px; 
	   padding-right:5px;
	   padding-left:5px;
	   background-color: #666699 ; 
	   color : #DDDDDD ;
	   }
th.list A:link {text-decoration: underline ; color : #DDDDDD ;}
th.list A:visited {text-decoration: underline ; color : #DDDDDD ;}
th.list A:active {text-decoration: underline ; color : #DDDDDD ;}
th.list A:hover {text-decoration: underline; color: #DDDDDD ;}

td.list { font-family: Arial, Helvetica, sans-serif; 
          font-size: 8pt; 
          border: thin solid  #666699 ; 
          padding: 1px; 
	  padding-right:5px;
	  padding-left:5px;
	  }

td.extfly { font-family: Arial, Helvetica, sans-serif; 
   font-size: 8pt; 
   border: thin solid  #666699 ; 
   COLOR: green; 
   padding: 5px; }

.extfly { font-family: Arial, Helvetica, sans-serif; 
   font-size: 8pt; 
   COLOR: green; 
   }

.initfly { font-family: Arial, Helvetica, sans-serif; 
   font-size: 8pt; 
   border: thin solid  #666699 ; 
   background-color:  yellow ;
   padding: 5px; }

td.instfly { font-family: Arial, Helvetica, sans-serif; 
   font-size: 8pt; 
   border: thin solid  #666699 ; 
   COLOR: blue; 
   padding: 5px; }

P.valid {
	COLOR: green; 
}


/* Vertical menu */
P.menu0 {
	FONT: bold 8pt Arial,Helvetica,sans-serif
}
P.menu1 {
	FONT: 8pt Arial,Helvetica,sans-serif
}
P.menu2 {
	FONT: 6pt Arial,Helvetica,sans-serif
}
P.menu3 {
	FONT: 6pt Arial,Helvetica,sans-serif
}

   /* z-index: 99; */

div#MenuV {
   width: 140px;
   }
div#MenuV ul {
   padding: 0;
   width: 140px;
   border:1px solid;
   margin:0px;
   background-color: #DDDDDD ; 
   }

div#MenuV ul li {
   position:relative;
   list-style: none; 
   border-bottom:1px solid; 
   z-index: 99; 
   }
div#MenuV ul ul {
   position: absolute;
   top: 0;
   left: 140px; 
   display:none; 
   }  
div#MenuV li a {
   text-decoration: none; 
   } 

div#MenuV ul.MenuLvl0 li.SubMenu:hover ul.MenuLvl1,
div#MenuV ul.MenuLvll li.SubMenu:hover ul.MenuLvl2,
div#MenuV ul.MenuLvl2 li.SubMenu:hover ul.MenuLvl3 {
   display:block;
   }

div#MenuV a {
   color:#000000
   } 

div#MenuV li:hover {
   background: #DDDDDD ;
   }
div#MenuV li.SubMenu:hover {
   background: #DDDDDD ;
   }
div#MenuV li.SubMenu {
   background: url(fleche.gif) 95% 50% no-repeat;
   }
div#MenuV li a {
   text-decoration: none;
   padding: 4px 0 4px 8px;
   display:block; 
   border-left: 8px solid #BBB; width:124px
   } 

div#MenuV li a:hover {
   border-left-color: #666699 ;
   }
div#MenuV ul ul li a:hover {
   border-left-color: #00FF00;
   }
div#MenuV ul ul ul li a:hover {
   border-left-color: #0000FF;
   }

/* Horizontal menu */
.menu_h , .menu_h_a {
	padding-left: 5px ; 
	padding-right: 5px ;
	float: left; 
	margin-right: 2px ;
	height: 30px ; 

        text-align: center; 
	vertical-align: middle ; 

	border : 1px #666699 ;
	border-top-style:solid ;
	border-right-style:solid ;
	border-left-style:solid ;
        border-top-left-radius: 5px; 
        border-top-right-radius: 5px; 
	border-bottom-style:solid;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-radius: 5px;
   }
.menu_h {
	background-color: silver;
	border-bottom-color:#666699 ;
   }
.menu_h_a {
	background-color: #FFFFFF ; 
	border-bottom-color:white;
   }



P.user_msg {
	FONT-WEIGHT: bold
}
P.news_perm {
	
}
P.news_title {
	FONT-WEIGHT: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}
P.news_author {
	COLOR: #000000;
	FONT-WEIGHT: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: italic;
}
P.news_content {
	COLOR: #000000;
	FONT-WEIGHT: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}
P.dow_title {
	BACKGROUND-COLOR: #b9c9ee; COLOR: white; FONT-WEIGHT: bold
}
P.author {
	FONT: 8pt Arial,Helvetica,sans-serif
}

P.mandatory {
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
        text-decoration: underline ; 
	}
.mandatory_input {
   border: 1px solid red;
   }
.mandatory_input_invalid {
   border: 2px solid red;
   }
.mandatory_input_ok {
   border: 1px solid green;
   }

.browse {
   background: #DDDDDD ;
   border: 1px solid black;
   }

P.cachecache { display:none; }	

A {
	TEXT-DECORATION: none
}
A.menu {FONT: bold 10pt Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
A:link { text-decoration:none }
A:visited { text-decoration:none ; }
A:active { text-decoration:none }
A:hover { text-decoration:underline; }

H5 {
	BACKGROUND-COLOR: #CCCCCC;
	text-align: center;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: medium;

}
H1 {
	BACKGROUND-COLOR: #1F5693;
	PADDING-LEFT: 20px;
	COLOR: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14pt;
	margin-top: 26px;
	background-image: url(http://www.casgac.com/saranext/STYLE//TitleBg.jpg) ;
	border: none;

}
H2      {
	BACKGROUND-COLOR: #DDDDDD;
	PADDING-LEFT: 20px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9pt;
	margin-top: 16px;
	border: none;
        }

H3 {
	PADDING-LEFT: 40px;
	font-family: Arial,Helvetica,sans-serif;
        text-decoration: underline ; 
	font-size: 8pt;
	margin-top: 14px;
	border: none;



}
H4 {
	PADDING-LEFT: 60px;
	font-family: Arial,Helvetica,sans-serif;
	font-style: italic;
	font-size: 8pt;



}
TH {
	font-size: 8pt;
	font-style: italic;
	FONT-FAMILY: Arial,Helvetica,sans-serif
}
TD {
	FONT-FAMILY: Arial,Helvetica,sans-serif ;
	font-size: 8pt;
}

TD.mandatory {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
        text-decoration: underline ; 
	}

TD.menu0 {
	FONT: bold 8pt Arial,Helvetica,sans-serif
}
TD.menu1 {
	FONT: 8pt Arial,Helvetica,sans-serif
}
TD.menu2 {
	FONT: 6pt Arial,Helvetica,sans-serif
}
TD.menu3 {
	FONT: 6pt Arial,Helvetica,sans-serif
}
LI {
	FONT-FAMILY: Arial, Helvetica, sans-serif ; 
	font-size: 8pt;
}

LI.missingmandatory {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #FF9933;
	}
	
.warning {
	COLOR: #000000;
	background-color: #FFFF99 ;
	FONT-WEIGHT: bold;
	border: thin solid #CC6600;
	/* width: 750px; */
	}	
	
.inscrenew { /* Membership renewal */
	background-color: yellow;
	border: thin solid blue;
	}	
	
.inscnew { /* New Membership */
	background-color: yellow;
	border: 2px solid green;
	}	
	
.inscrej { /* Membership Reject*/
	background-color: yellow;
	border: 2px solid red;
	}	
	
	
.message {
	border: thin solid blue;
	}	

.error {
	background-color: red;
	}	
	
.night {
   background-color: #666666 ;
   color : #FFFFFF ;
   }
	
.landing {
   background-color: #C8CECA ;
   }
.takeoff {
   background-color: #9FD7B7 ;
   }
   
.young {
   background-color: green ;
   }
   
	
.taxpaid {
   background-color: #A8FFA8 ;
   }
.taxnotpaid {
   background-color: #FFFF9B ;
   }
	
.cpoverbloc1 {
   background-color: #FFFF9B ;
   }
.cpoverbloc2 {
   background-color: #FFFF9B ;
   border: 3px double #FF3300;
   }
	
.cpunderbloc1 {
   border: 3px double #A8FFA8;
   }
.cpunderbloc2 {
   background-color: #A8FFA8 ;
   }

.missingmandatory {
   background-color: #FF9933;
   color: white;
   }
.missingmandatory1 {
   background-color: yellow;
   }
.missingmandatory2 {
   background-color: #FF9933;
   color: white;
   }

.credit_cp, .debit_cp {
   font-size: large; 
   }
.credit_cp {
   color: red;
   }

.debit_cp {
   color: green;
   }

/* Tableau de reservation */
.planning {
   /* border-collapse: collapse; */
   FONT-FAMILY: Arial,Helvetica,sans-serif ;
   }

/* Reservations */
.resa, .immo, .resains, .myresa, .leg , .myleg, .intent {
   border-radius: 5px; 
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   }

.resa, .immo, .resains, .myresa , .instdispo , .myresainst, .leg, .myleg,  .intent {
   FONT-FAMILY: Arial,Helvetica,sans-serif ; 
   border-style: solid ; 
   border-width: 1px ; 
   padding: 1px ; 
   margin: 0px ; 
   }

.resa {
   background-color:  #A8FFA8  ; 
   }

.immo {
   color: #FFFFFF;
   background-color:  #DC9105  ; 
   }

.resains { /* meme chose mais clickable par instructeur */
   background-color:  #A8FFA8  ; 
   cursor:pointer;
   }

.myresa {
   color: #FFFFFF;
   background-color: #009933  ; 
   cursor:pointer;
   }

.immofrm, .resafrm , .intentfrm {
   text-align: left ; 
   border-style: solid ; 
   border-width: 4px ; 
   }

.immofrm {    
   border-color: #DC9105  ; 
   background-color:  #663300  ; 
   }

.resafrm {
   border-color: #009933  ; 
   background-color:  #CCFFCC  ; 
   }

.intentfrm {
   border-color: #FF6633  ; 
   background-color:  #FFFF9B  ; 
   }


.legfrm {
   border-width: 2px ; 
   border-style: solid ; 
   border-color: DarkBlue  ; 
   background-color:  SkyBlue  ; 
   }

.myresainst {
   color: #FFFFFF;
   background-color: #009933  ; 
   cursor:pointer;
   }

.intent, .myintent {
   background-color: #FFFF9B  ;
   }

.leg, .myleg {
   background-color:  SkyBlue  ; 
   }

.txtimmo, .txtresa, .txtintent {
   font-size: large;
   font-weight: bold ;
   }
.txtimmo {
   color:  #DC9105  ;
   }
.txtresa {
   color:  #009933 ; 
   }
.txtintent {
   color:  #FF6633 ; 
   }

.myimmo {
   color: #FFFFFF;
   FONT-FAMILY: Arial,Helvetica,sans-serif ; 
   border-style: solid ; 
   background-color: #DC9105  ; 
   border-width: 1px ; 
   padding: 1px ; 
   margin: 0px ; 
   cursor:pointer;
   }

/*  timescale */
.reservlimit, .reservable, .reservnight, .reservdayend  {
   FONT-FAMILY: Arial,Helvetica,sans-serif ; 
   border-style: solid ; 
   border-width: 0px ; 
   padding: 0px ; 
   margin: 0px ; 
   }

.reservlimit, .reservable, .reservnight  {
   cursor:pointer;
   }

.reservlimit {
   font-size: xx-small;
   background-color: silver ;
   }

.reservable {
   background-color: #DDDDDD ; 
   }

.reservnight {
   background-color: #666666 ;
   }

.reservdayend {
   background-color: #E5E5E5 ;
   }

.instdispo {
   background-color: yellow;
   }

/* Pour afficher la barre de temps */
.timer0 {
   font-size:  2px;
   FONT-FAMILY: Arial,Helvetica,sans-serif ;
   border-collapse: collapse;
   height: 4px ; 
   margin: 0 ; 
   border: 0 ; 
   padding: 0 ; 
   }
.timer1 {
   font-size: 2px;
   FONT-FAMILY: Arial,Helvetica,sans-serif ;
   background-color: silver;
   border-collapse: collapse;
   height: 4px ; 
   margin: 0 ; 
   border-style: solid ; 
   border-width: 1px ; 
   border-left-color:  #1F5693;
   border-right-color:  #1F5693; 
   padding: 0 ; 
   }
.timer2 {
   font-size: 2px;
   FONT-FAMILY: Arial,Helvetica,sans-serif ;
   border-collapse: collapse;
   height: 4px ; 
   margin: 0 ; 
   border-style: solid ; 
   border-width: 1px ; 
   border-left-color:  #1F5693;
   border-right-color:  #1F5693; 
   padding: 0 ; 
   }
/* Affichage chiffre heure */
.timer3 {
   font-size: xx-small;
   FONT-FAMILY: Arial,Helvetica,sans-serif ;
   border-collapse: collapse;
   margin: 0 ; 
   border: 0 ;
   padding: 0 ; 
   }

.popupevttitle_1 .popupevttitle_2 .popupevttitle_4      {
	PADDING-LEFT: 20px;
	font-family: Arial,Helvetica,sans-serif;
	border: none;
        }

.popupevttitle_1 {
	BACKGROUND-COLOR: #A8FFA8 ;
        }
.popupevttitle_12 {
	BACKGROUND-COLOR: #DC9105  ; 
        }
.popupevttitle_2 {
	BACKGROUND-COLOR: #FFFF9B ;
        }
.popupevttitle_4 {
	BACKGROUND-COLOR:  SkyBlue ;
        }

.arrayheader      {
	BACKGROUND-COLOR: #DDDDDD;
	PADDING-LEFT: 20px;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold ;
        }

.titledate {
   font-size: large;
   FONT-FAMILY: Arial,Helvetica,sans-serif ; 
   }

.agendaheader  {
        text-align: center;
	background-color: #DDDDDD ;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold ;
	border: none;
        }
.agenda , .agenda_we , .agenda_days {
        font-size: 8pt;
        text-align: right;
	border: 0;
	margin: 0;
	padding: 0 ; 
        }
.agenda  {
	background-color: #EEEEEE ;
        }
.agenda_we  {
	background-color: #CCCCCC ;
        }
.agenda_days  {
	text-align: center;
	background-color: #CCCCCC ;
        }

.student  {
        border-left: solid 4px blue ; 
        }
.licensedpilote  {
        border-left: solid 4px green ; 
        }
.instructor  {
        border-left: solid 4px red ; 
        }
.supersolo  {
        border: solid 2px red ; 
        }

.machine_2 { 
   background-color: #99FFFF ; 
   color: #000000 ; 
   } 
.machine_3 { 
   background-color: #99FFFF ; 
   color: #000000 ; 
   } 
.machine_5 { 
   background-color: #99CCCC ; 
   color: #000000 ; 
   } 
.machine_6 { 
   background-color: #FFCC33 ; 
   border: solid 2px #3333CC ; 
   color: #000000 ; 
   } 
.machine_8 { 
   background-color: #99FF33 ; 
   color: #000000 ; 
   } 
.machine_9 { 
   background-color: #FF99CC ; 
   color: #000000 ; 
   } 
.machine_10 { 
   background-color: #99FFFF ; 
   color: #000000 ; 
   } 
.machine_11 { 
   background-color: #3333CC ; 
   color: #FFFFFF ; 
   } 
.machine_12 { 
   background-color: #99FF33 ; 
   } 
.optype_1 { 
   background-color: #CCFFFF ; 
   } 
.optype_107 { 
   background-color: #FFFF66 ; 
   } 
.optype_108 { 
   background-color: #FFFF66 ; 
   } 
.optype_109 { 
   background-color: #FFFF33 ; 
   border: solid 2px #FF3300 ; 
   } 
.optype_110 { 
   background-color: #FFFF66 ; 
   } 
.optype_113 { 
   background-color: #66FF66 ; 
   } 
.optype_115 { 
   background-color: #66FF66 ; 
   } 
.optype_104 { 
   background-color: #66FF66 ; 
   } 
.optype_254 { 
   background-color: #66CCFF ; 
   } 
.optype_255 { 
   background-color: #66CCFF ; 
   } 
.optype_256 { 
   background-color: #66CCFF ; 
   } 
.optype_257 { 
   background-color: #FF0066 ; 
   border: solid 2px #000000 ; 
   color: #FFFFFF ; 
   } 
.fiopt_2521 { 
   background-color: #66FFFF ; 
   } 
.fiopt_230 { 
   background-color: #FFFFFF ; 
   color: #000099 ; 
   } 
.fiopt_107 { 
   background-color: #99CC66 ; 
   border: solid 2px #CCCCCC ; 
   color: #363636 ; 
   } 
.fiopt_163 { 
   background-color: #FF3333 ; 
   border: solid 2px #0066FF ; 
   color: #000000 ; 
   }