* {

   font-family: 'MyriadPro-Regular', Arial, sans-serif;

   }

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 ; 
  }


th.list A:link {text-decoration: underline ; color : black ;}
th.list A:visited {text-decoration: underline ; color : black ;}
th.list A:active {text-decoration: underline ; color : black ;}
th.list A:hover {text-decoration: underline; color: black ;}


          
.list th {
      color : black ;
      background-color: #b3b3cc  ;
      border-bottom: 1px solid #ddd;
      font-size: x-small;
     }

.list tr:nth-child(even) {background-color: #f2f2f2;}
.list tr:hover {background-color: #f5f5f5;}
.list td {
  border-bottom: 1px solid #ddd;
  font-size: smaller;
  }
          
.browse { border: 1px solid #DDDDDD ; 
             border-collapse: collapse; } 

.editusrrep { border: 3px solid green ; 
             background-color: #CCFF99 ;
             border-collapse: collapse; } 
.browseusrrep { border: 0px solid green ; 
             background-color: #CCFF99 ;
             border-collapse: collapse; } 
             
.editREX { border: 3px solid green ; 
             background-color: #CCFFFF ;
             border-collapse: collapse;
             } 
.browseREX { border: 1px solid green ; 
             background-color: #CCFFFF ;
             border-collapse: collapse; } 
             
.edit { border: medium solid #666699 ; 
             border-collapse: collapse; }
             
.lettrine-help{text-align:justify ;
         min-height: 40px;
         border: thin solid  blue ;}
.lettrine-help:before{
  display:block;
  width:50px;
  height:50px;
  content : url(http://sara.ac-courbevoie.com/STYLE/info.gif);
  float:left;
  margin:2px 5px 5px 0;
  background-size : cover;
  overflow:hidden;
}  

.lettrine-fi-infos{text-align:justify ;
         min-height: 40px;
         border: thin solid  blue ;}
.lettrine-fi-infos:before{
  display:block;
  width:50px;
  height:50px;
  content : url(http://sara.ac-courbevoie.com/STYLE/prof.png);
  float:left;
  margin:2px 5px 5px 0;
  background-size : cover;
  overflow:hidden;
} 

.grostexteinput {
   font-size:24px;

   }

.lettrine-warning{text-align:justify ;
               border: thin solid #CC6600;
               COLOR: #000000;
	       background-color: #FFFF99 ;
	       FONT-WEIGHT: bold;
	
               
               }
.lettrine-warning:before{
  display:block;
  width:50px;
  height:50px;
  content : url(http://sara.ac-courbevoie.com/STYLE/attention.gif);
  float:left;
  margin:2px 5px 5px 0;
  background-size : cover;
  
  overflow:hidden;
} 


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; 
}

.valid {
	COLOR : green; 
}


.sefa {
	background-color : #99ccff; 
}

table.log , .log { border: 2px solid #000000; border-collapse: collapse; }
table.log tr { border: 1px solid #000000; }
table.log td {     border-right-width: 1px;  border-right-style: solid ; border-right-color: #000000; border-left-width: 1px; border-left-style: solid; border-left-color: #000000;   }

fieldset {
    border:2px solid #666699 ;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;	
    margin-top: 15px;
    }
    
legend {
  margin-bottom:0px;
  margin-left:16px;
  font-size: large;
}


/* 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 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;
   }
   
.surlignage {           
   background-color: yellow ;
   }
   
/* 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: #FAFAFA ;
   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: #b3b3cc;
	PADDING-LEFT: 20px;
	COLOR: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14pt;
	margin-top: 26px;
	background-image: url(http://sara.ac-courbevoie.com/STYLE//TitleBg.jpg) ;
        width: 750px;
	border: none;

}
H2      {
	BACKGROUND-COLOR: #b3b3cc;
        COLOR: black ; 
	PADDING-LEFT: 40px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	margin-top: 16px;
         
	border: none;
        }

H3 {
	BACKGROUND-COLOR: #d1d1e0;
        COLOR: black; 
        PADDING-LEFT: 80px;
	font-family: Arial,Helvetica,sans-serif;
        text-decoration: underline ; 
	font-size: 8pt;
	margin-top: 5px;
        
	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;
	}
    
table.enable td { 
   // background: #ccffdd;
   
   }
table.available td { 
   background: #e6e6e6; 
   margin: 15 ;
   padding: 0;
   }
   
.itemactif {
background: #ccffdd;

}
        
ul.enable { 
   list-style-type: square;
   list-style-position: inside;
   list-style-image: url('http://sara.ac-courbevoie.com/STYLE/arrow-disable-20.gif');
   background: #ccffdd;
   margin: 10 ;
   padding: 0;
   }
ul.available { 
   list-style-type: square;
   list-style-position: inside;
   list-style-image: url('http://sara.ac-courbevoie.com/STYLE/arrow-enable-20.gif');
   background: #e6e6e6; 
   margin: 15 ;
   padding: 0;
   }
	
.warning {
	COLOR: #000000;
	background-color: #FFFF99 ;
	FONT-WEIGHT: bold;
	border: thin solid #CC6600;
	/* width: 750px; */
	}	
        
.sev_1 {
	COLOR: #000000;
	}
.sev_2 {
	COLOR: #000000;
	background-color: yellow ;
	}
.sev_3 {
	COLOR: #000000;
	background-color: #FFFF99 ;
	border: thin solid #CC6600;
	}
        
.sev_4 {
	background-color: red;
	border: 2px solid black;
        font-weight: bold ;
        color: white;
	}
        
.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;
	border: 2px solid black;
        font-weight: bold ;
        color: white;
	}	
	
.night {
   background-color: #666666 ;
   color : #FFFFFF ;
   }
	
.landing {
   background-color: #C8CECA ;
   }
.takeoff {
   background-color: #9FD7B7 ;
   }
   
.todelete {
   background-color: #e3c967 ;
   }   
.young {
   background-color: green ;
   }
   
.cbt_1 {
	COLOR: #000000;
        background-color: #81F7F3 ;
	}
.cbt_2 {
	COLOR: #000000;
	background-color: #F7FE2E ;
	}
.cbt_3 {
	COLOR: white;
	background-color: #088A08 ;
	}
.tst_1 {
	COLOR: #000000;
        background-color: #F7FE2E ;
	}
.tst_2 {
	COLOR: #000000;
	background-color: #81F7F3 ;
	}
.tst_3 {
	COLOR: white;
	background-color: #088A08 ;
	}
   
.taxpaid {
   background-color: #A8FFA8 ;
   border: thin solid rgb(102, 102, 153);
   padding: 1px 5px;
   }
.taxnotpaid {
   background-color: #FFFF9B ;
   border: thin solid rgb(102, 102, 153);
   padding: 1px 5px;
   }
	
.cpoverbloc1 {
   background-color: #FFFF9B ;
   border: thin solid rgb(102, 102, 153);
   padding: 1px 5px;
   }
.cpoverbloc2 , .not_normal {
   background-color: #FFFF9B ;
   border: 3px double #FF3300;
   }
	
.cpunderbloc1 {
   border: 3px double #A8FFA8;
   }
.cpunderbloc2 {
   background-color: #A8FFA8 ;
   border: thin solid rgb(102, 102, 153);
   padding: 1px 5px;
   }

.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  ; 
   }

.myresa, .myreslist {
   color: #FFFFFF;
   background-color: #009933  ; 
   }

.myreslist {
   font-size: larger;
   font-weight: bold ; 
   }

.myresa, .resains {
   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:  #FFFFCC  ; 
   }


.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: #FFFFCC  ;
   }

.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: #FFFFCC ;
        }
.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;
        }
.daycurrent {
        border: 3px solid green ;
        }
.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 ; 
        }
        
        
.hourDC  {
        color: #336600; 
        font-weight: bold ;
        }
.hourSOLO  {
        color: #08088A ;
        }
.hourFI  {
        color: #CC0000;
        
        }

.hourSgFly  {
        font-weight: bold ;
        font-size: 130% ; 
        }
.hourSum  {
        font-size: 90% ; 
        }
        
        
.alertexp {
   border: 2px solid red;
   font-size: smaller;
   table-layout: auto;
   width : 150 px ; 
   }   
   
 .tab {
     display: none ;
     border: 1px solid #cccccc ;
}

.tab-active {
     display: block ;
}

.tab-nav li {
    display: inline-block ;
    width: 150px;
    text-align: center; 
    
}
.tab-nav {
    margin: 0px ;
    padding: 0px ;
    position: relative ;
    bottom: -1px ;
}

.tab-nav .tab-nav-active {
    background-color: #ffffff ;
}

.tab-nav a {
    display: block ;
    border: 1px solid #cccccc ;
    border-width: 1px 1px 0 1px ;
    padding: 10px 5px ;
    border-radius: 5px 5px 0 0 ;
    background-color: #cccccc ;
}
.tab-nav a:hover {
    background-color: #ffffff ;
}


 /* Callout box - fixed position at the bottom of the page */
.callout {
  position: fixed;
  top: 100px;
  left: 200px;
  margin-left: 20px;
  max-width: 300px;
}

/* Callout header */
.callout-header {
  padding: 25px 15px;
  background: orange;
  font-size: 20px;
  color: white;
}

/* Callout container/body */
.callout-container {
  padding: 15px;
  background-color: #ccc;
  color: black
}

/* Close button */
.closebtn {
  position: absolute;
  top: 5px;
  right: 15px;
  color: white;
  font-size: 30px;
  cursor: pointer;
}

/* Change color on mouse-over */
.closebtn:hover {
  color: lightgrey;
} 
        

.machine_1 { 
   background-color: #FFFF00 ; 
   } 
.machine_2 { 
   background-color: #FF0000 ; 
   color: #FFFFFF ; 
   } 
.machine_11 { 
   background-color: #0047b3 ; 
   color: #FFFFFF ; 
   } 
.machine_3 { 
   background-color: #660000 ; 
   color: #FFFFFF ; 
   } 
.machine_4 { 
   background-color: #0066FF ; 
   color: #FFFFFF ; 
   } 
.machine_5 { 
   background-color: #CC00FF ; 
   border: solid 2px #FFFFFF ; 
   color: #000000 ; 
   } 
.machine_6 { 
   background-color: #66CCFF ; 
   color: #000000 ; 
   } 
.machine_7 { 
   background-color: #66CCFF ; 
   color: #000000 ; 
   } 
.machine_8 { 
   background-color: #3399FF ; 
   } 
.machine_9 { 
   background-color: #6666FF ; 
   border: solid 2px #6666FF ; 
   color: #FFFFFF ; 
   } 
.optype_1 { 
   background-color: #CCFFFF ; 
   } 
.optype_352 { 
   background-color: #FFCCCC ; 
   color: #000000 ; 
   } 
.optype_5 { 
   background-color: #0000FF ; 
   color: #FFFFFF ; 
   } 
.optype_109 { 
   background-color: #99FF66 ; 
   border: solid 2px #FF3300 ; 
   } 
.optype_270 { 
   background-color: #66CC00 ; 
   border: solid 2px #000000 ; 
   color: #000000 ; 
   } 
.optype_294 { 
   background-color: #66CC66 ; 
   } 
.optype_257 { 
   background-color: #FF0066 ; 
   border: solid 2px #000000 ; 
   color: #FFFFFF ; 
   } 
.optype_267 { 
   background-color: #FFCC00 ; 
   } 
.optype_268 { 
   background-color: #CC9900 ; 
   } 
.optype_264 { 
   background-color: #33FF00 ; 
   border: solid 2px #FF0000 ; 
   } 
.optype_265 { 
   background-color: #FFFF00 ; 
   border: solid 2px #FF3300 ; 
   } 
.optype_266 { 
   background-color: #FFFF00 ; 
   border: solid 2px #FF0000 ; 
   } 
.optype_269 { 
   background-color: #FF33FF ; 
   } 
.optype_271 { 
   background-color: #FF66FF ; 
   color: #000000 ; 
   } 
.optype_272 { 
   background-color: #99CC99 ; 
   } 
.optype_273 { 
   background-color: #3F3F3F ; 
   color: #FFFFFF ; 
   } 
.optype_274 { 
   background-color: #0066FF ; 
   color: #FFFFFF ; 
   } 
.optype_277 { 
   background-color: #33FF33 ; 
   border: solid 2px #0000FF ; 
   color: #000000 ; 
   } 
.optype_278 { 
   background-color: #FF99FF ; 
   } 
.optype_279 { 
   background-color: #FFFF00 ; 
   border: solid 2px #FF3300 ; 
   } 
.optype_281 { 
   background-color: #FF9900 ; 
   } 
.optype_282 { 
   background-color: #FF9999 ; 
   border: solid 2px #FF0000 ; 
   } 
.optype_283 { 
   background-color: #FF9999 ; 
   border: solid 2px #FF0000 ; 
   } 
.optype_286 { 
   background-color: #CCCC00 ; 
   } 
.optype_285 { 
   background-color: #FF9999 ; 
   border: solid 2px #FF0000 ; 
   } 
.optype_8 { 
   background-color: #00CC66 ; 
   color: #FFFFFF ; 
   } 
.optype_10 { 
   background-color: #00CC66 ; 
   color: #FFFFFF ; 
   } 
.optype_287 { 
   background-color: #CC00FF ; 
   color: #FFFFFF ; 
   } 
.optype_297 { 
   background-color: #99FF66 ; 
   border: solid 2px #0000FF ; 
   color: #000000 ; 
   } 
.optype_289 { 
   background-color: #00FF00 ; 
   } 
.optype_290 { 
   background-color: #00FF00 ; 
   } 
.optype_291 { 
   background-color: #CC66FF ; 
   } 
.optype_292 { 
   background-color: #00FF00 ; 
   border: solid 2px #FF33FF ; 
   color: #000000 ; 
   } 
.optype_293 { 
   background-color: #33FF00 ; 
   border: solid 2px #FF0000 ; 
   } 
.optype_307 { 
   background-color: #00FF00 ; 
   border: solid 2px #0033FF ; 
   color: #0033FF ; 
   } 
.optype_301 { 
   background-color: #FF66FF ; 
   } 
.optype_302 { 
   background-color: #CC66FF ; 
   } 
.optype_303 { 
   background-color: #9966FF ; 
   } 
.optype_304 { 
   background-color: #6666FF ; 
   } 
.optype_305 { 
   background-color: #00FF00 ; 
   } 
.optype_306 { 
   background-color: #33FF00 ; 
   } 
.optype_310 { 
   background-color: #00FF00 ; 
   } 
.optype_312 { 
   background-color: #000000 ; 
   color: #FFFFFF ; 
   } 
.optype_313 { 
   background-color: #606060 ; 
   color: #FFFFFF ; 
   } 
.optype_314 { 
   background-color: #909090 ; 
   color: #FFFFFF ; 
   } 
.optype_315 { 
   background-color: #C0C0C0 ; 
   color: #000000 ; 
   } 
.optype_324 { 
   background-color: #9900FF ; 
   color: #000000 ; 
   } 
.optype_325 { 
   background-color: #9900CC ; 
   color: #000000 ; 
   } 
.optype_327 { 
   background-color: #990099 ; 
   color: #000000 ; 
   } 
.optype_328 { 
   background-color: #990066 ; 
   color: #000000 ; 
   } 
.optype_332 { 
   background-color: #FFFFCC ; 
   color: #000000 ; 
   } 
.optype_333 { 
   background-color: #FFFFCC ; 
   color: #000000 ; 
   } 
.optype_334 { 
   background-color: #FFFFCC ; 
   color: #000000 ; 
   } 
.optype_335 { 
   background-color: #FFFFCC ; 
   color: #000000 ; 
   } 
.optype_337 { 
   background-color: #CCFF99 ; 
   color: #000000 ; 
   } 
.optype_338 { 
   background-color: #CCFF99 ; 
   color: #000000 ; 
   } 
.optype_339 { 
   background-color: #CCFF99 ; 
   color: #000000 ; 
   } 
.optype_340 { 
   background-color: #CCFF99 ; 
   color: #000000 ; 
   } 
.optype_347 { 
   background-color: #CCFFFF ; 
   color: #000000 ; 
   } 
.optype_348 { 
   background-color: #CCFFFF ; 
   color: #000000 ; 
   } 
.optype_349 { 
   background-color: #CCFFFF ; 
   color: #000000 ; 
   } 
.optype_350 { 
   background-color: #CCFFFF ; 
   color: #000000 ; 
   } 
.optype_351 { 
   color: #000000 ; 
   } 
.optype_353 { 
   background-color: #FFCCCC ; 
   color: #000000 ; 
   } 
.optype_354 { 
   background-color: #FFCCCC ; 
   color: #000000 ; 
   } 
.optype_355 { 
   background-color: #FFCCCC ; 
   color: #000000 ; 
   } 
.optype_356 { 
   background-color: #FFFF99 ; 
   color: #000000 ; 
   } 
.optype_357 { 
   background-color: #FFFF99 ; 
   color: #000000 ; 
   } 
.optype_358 { 
   background-color: #FFFF99 ; 
   color: #000000 ; 
   } 
.optype_359 { 
   background-color: #FFFF99 ; 
   color: #000000 ; 
   } 
.optype_360 { 
   background-color: #00FF99 ; 
   color: #000000 ; 
   } 
.optype_361 { 
   background-color: #00FF99 ; 
   color: #000000 ; 
   } 
.optype_362 { 
   background-color: #00FF99 ; 
   color: #000000 ; 
   } 
.optype_363 { 
   background-color: #00FF99 ; 
   color: #000000 ; 
   } 
.fiopt_4 { 
   background-color: #FF0000 ; 
   } 
.fiopt_265 { 
   background-color: #0066FF ; 
   border: solid 2px #FF00FF ; 
   color: #99FF66 ; 
   } 
.fiopt_216 { 
   background-color: #FFFF33 ; 
   border: solid 2px #FF3300 ; 
   color: #000000 ; 
   } 
.fiopt_128 { 
   background-color: #33FFFF ; 
   border: solid 2px #33FFFF ; 
   color: JFV ; 
   } 
.fiopt_222 { 
   background-color: #FFFF33 ; 
   border: solid 2px #00CCFF ; 
   color: #000000 ; 
   } 
.fiopt_693 { 
   background-color: #33CC66 ; 
   border: solid 2px #000000 ; 
   color: #000000 ; 
   } 
.fiopt_714 { 
   color: #000066 ; 
   } 
.grpaccount_1 { 
   background-color: #33FF66 ; 
   color: #000000 ; 
   } 
.grpaccount_2 { 
   background-color: #FFFF00 ; 
   } 
.grpaccount_3 { 
   background-color: #FF6633 ; 
   } 
.grpaccount_4 { 
   background-color: #0066FF ; 
   } 
.grpaccount_5 { 
   background-color: #33FFCC ; 
   } 
.grpaccount_6 { 
   background-color: #FF66FF ; 
   } 
.grpaccount_7 { 
   background-color: #33CCFF ; 
   }