html, body 
{ 
  font-family: 'Verdana', 'Tahoma', 'Helvetica', 'arial', 'sans-serif', 'Lucida Sans Unicode', 'Lucida Console' ; 
  font-size:9pt;
 
   background-image:url(/temp/ph000001861.jpg);  background-repeat: no-repeat;  background-size: cover; 

   background-color: #f2f2f2 ; 

  

  display:block;

  padding:0pt ;

  clear:both;
  
  margin-left  : auto ;
  margin-right : auto ;
  margin-top   :0px;
  
  height:100% ;
}   

  //  created in u303_css.php!!!!  dont change this

#dek  {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
  
.std_tab
{
 width:95%;
 align:center;
 }
 
                                                                     
.but_admin
{
  width:80%;

  margin-top:12px; 

  margin-left:auto;
  margin-right:auto;
  
  font-weight:bold ;
  text-align:center ;
  padding:6px; 
  font-weight:bold;
  background-color: red;
  color: white;  


  border-radius: 6px;
  border:1px solid red ; 
 
}  

.but_admin:hover
{
  background-color: white;
  color: red ;   
}   
   

                                                          
.round 
{
  border-radius: 6px;
}

.round3 
{
  border-radius: 3px;
}



select.sel1, .pub1, .per1, .pri1
{
  text-align:left;
  font-size:9pt; 

  padding:4px ;
  border-radius: 4px ; 

  border:1px solid gray;  
 -moz-border-radius: 4px;
 -webkit-border-radius:4px;
 -goog-ms-border-radius: 4px;
 -ms-border-radius: 4px;
}                        


.gry0 { background-color: #e5e5e5; }
.bla0 { background-color: #000000; }
.red1 { background-color: #ff0000; }
.pin2 { background-color: #ffc6c6; }
.yel3 { background-color: #f2f200; }
.lgr4 { background-color: #84ff84; }
.grn5 { background-color: #00bd00; }
  

// font-stretch: expanded; ultra-condensed extra-condensed condensed semi-condensed 
.fs6, .s { font-size:60%; }
.fs7  { font-size:80%; }
.fs8  { font-size:90%; }
.fs9  {  }
.fs10 { font-size:110% ; }
.fs11 { font-size:120% ; }
.fs12 { font-size:130% ; }

.fs13 { font-size:13pt ; }
.fs14 { font-size:14pt ; }
.fs15 { font-size:15pt ; }
.fs16 { font-size:16pt ; }
.fs20 { font-size:20pt ; }


.fwn, .n  { font-weight:normal; }
.fwb, .b  { font-weight:bold ;}
.fwbb     { font-weight:bolder; }
.fwl      { font-weight:lighter; }

       
.l  { text-align:left;  }     
.r  { text-align:right ; }
.c  { text-align:center ;}

.ul  { text-decoration: underline; }   
.ol  { text-decoration: overline; }   

.nwrap  { white-space: nowrap; }
.nowrap { white-space: nowrap; }
.strike { text-decoration: line-through;}

     
.ftn     {font-style:normal;  }
.fti, .i {font-style:italic; }
.fto     {font-style:oblique; } 

.ff1 { font-family:  Helvetica,Verdana, Tahoma,  arial, sans-serif, symbol ; }
.ffs { font-family: 'Times New Roman', Times, serif ;} 
.ffc { font-family: 'courier' ;} 
.ffn { font-family:  arial-narrow, arial, Verdana, Tahoma, Helvetica, sans-serif, symbol ; }
   
.fvsc { font-variant:small-caps ; }

.fc_blue   { color: #0000ff ; }
.fc_red    { color: #ff0000 ; }

.bgwhite   { background-color:white ;} 
 
.m0   { margin:0px;} 

.mt0  { margin-top: 0px ; }
.mt4  { margin-top: 4px ; }
.mt6  { margin-top: 6px ; }
.mt8  { margin-top: 8px ; }
.mt10 { margin-top: 10px ; }
.mt12 { margin-top: 12px ; }
.mt16 { margin-top: 16px ; }
.mt20 { margin-top: 20px ; }
.mt24 { margin-top: 24px ; }

.mr0  { margin-right: 0px ; }
.mr4  { margin-right: 4px ; }         
.mr8  { margin-right: 8px ; }         
.mr12 { margin-right: 12px ; }
.mr16 { margin-right: 16px ; }
.mr20 { margin-right: 20px ; }
.mr24 { margin-right: 24px ; }
.mr28 { margin-right: 28px ; }
.
.ml0  { margin-left: 0px ; }
.ml2  { margin-left: 2px ; }         
.ml4  { margin-left: 4px ; }         
.ml6  { margin-left: 6px ; }
.ml8  { margin-left: 8px ; }
.ml10 { margin-left: 10px ; }
.ml12 { margin-left: 12px ; }
.ml16 { margin-left: 16px ; }
.ml20 { margin-left: 20px ; }
.ml24 { margin-left: 24px ; }
.ml28 { margin-left: 28px ; }
.ml30 { margin-left: 30px ; }     

.mb0  { margin-bottom: 0px ; }
.mb4  { margin-bottom: 4px ; }
.mb6  { margin-bottom: 6px ; }
.mb8  { margin-bottom: 8px ; }
.mb10 { margin-bottom: 10px ; }
.mb12 { margin-bottom: 12px ; }
.mb16 { margin-bottom: 16px ; }
.mb20 { margin-bottom: 20px ; }


.menu1
{
  padding     :8px  ;
  padding-left:2px  ;
  padding-right:2px ;
}
 
.p2
{
  margin:0px;
  margin-left:20px;
  padding:0px;
  font-style:italic;
  font-size:8pt;
}

.pd12 { padding:12px; }
.pd10 { padding:10px; }
.pd8  { padding:8px; }
.pd6  { padding:6px; }
.pd4  { padding:4px; }
.pd3  { padding:3px; }
.pd2  { padding:2px; }
.pd1  { padding:1px; }
.pd0  { padding:0px; }

.pl   { padding-left:4px ; }
.pl0  { padding-left:0px ; }
.pl4  { padding-left:4px; }
.pl7  { padding-left:7px; }
.pl8  { padding-left:8px; }
.pl10 { padding-left:10px; }
.pl12 { padding-left:12px; }
.pl16 { padding-left:16px; }
.pl20 { padding-left:20px; }
.pl24 { padding-left:24px; }
.pl30 { padding-left:30px; }


.pr   { padding-right:4px; }
.pr0  { padding-right:0px; }
.pr4  { padding-right:4px; }
.pr8  { padding-right:8px; }
.pr16 { padding-right:16px; }
.pr24 { padding-right:24px; }

.pt0  { padding-top:0px; }
.pt2  { padding-top:2px; }
.pt4  { padding-top:4px; }
.pt6  { padding-top:6px; }
.pt8  { padding-top:8px; }
.pt10 { padding-top:10px; }
.pt12 { padding-top:10px; }

.pb0  { padding-bottom:0px; }
.pb2  { padding-bottom:2px; }
.pb4  { padding-bottom:4px; }
.pb8  { padding-bottom:8px; }
.pb12 { padding-bottom:12px; }


.w320 { width:320px;}
.w100 { width:100px}
.w96  { width:96%;}
.w50  { width:50px}

  
.std1    { zzzfont-size:110% ; color: #000000 ;}

.edit100 { width:96% ; color: #000000 ;}    

 
.page1 
{  
  background-color: #f3fafa;
}
.page2 
{  
  background-color: #005454;
}


.header1 
{  
  padding-top:4px ;
  background-color: #e6f4f4;
  cursor: pointer;
}
.header1:hover 
{  
  background-color: #cce8e8; 
}

   
                                
.bl  { border-left:   1px solid #007e7e ; }
.bl2 { border-left:  2px solid #007e7e ; }
.bl3 { border-left:  3px solid #007e7e ; }

.br  { border-right:  1px solid #007e7e ; }
.br2 { border-right:  2px solid #007e7e ; }
.br3 { border-right:  3px solid #007e7e ; }

.bt  { border-top:    1px solid #007e7e ; }
.bt2 { border-top:    2px solid #007e7e ; }
.bt3 { border-top:    3px solid #007e7e ; }

.bb  { border-bottom: 1px solid #007e7e ; }
.bb2 { border-bottom: 2px solid #007e7e ; }
.bb3 { border-bottom: 3px solid #007e7e ; }

.bx  { border:        1px solid #007e7e ; }
.bx3 { border:        3px solid #007e7e ; }

  
input, textarea, select 
{ 
  background-color: white;
  border:2px solid  #99d1d1 ;
  border-radius: 4px;
  padding:3px; 
  font-family:   Verdana, Tahoma, Helvetica, arial, sans-serif, symbol ;
  font-size:11pt;    
}
input:active, input:hover, input:focus, textarea:active, textarea:focus,  select:active, select:focus 
{ 
  background-color: white;
  border: 2px solid #4daeae;
  outline: none;    // add this
}
    
input.checkbox
{
   height:14px;
   width:14px;
   border: 0px solid gray ;
   background-color:transparent;
    
}

.reverse1
{
  background-color: #007e7e ;
  color: #f3fafa ;
}  
  
.but_bg
{
  font-weight:bold ; 
  padding:4px;
  cursor: pointer;
}  
 
.but_bgn  { cursor: pointer; }  

.but_bg:hover, .but_bgn:hover   
{
  background-color: #cce8e8;
  color : #000000 ;
  cursor: pointer;
}  

.but_bg:active
{

}

    
.date10, .date10b 
{
  background-color:   #e6f4f4 ;
  border-bottom: 2px solid  #007e7e ;
  color: #000000  ;
  font-weight:bold ;
}

.date10b:hover
{
  background-color: #cce8e8 ;
  cursor: pointer;

}
               
.box10
{
  border-bottom: 1px solid #007e7e;  
  border-right:  1px solid #007e7e;  
} 
 
.box10:hover   
{
  background-color: #4daeae ;
  color : white ;
  cursor: pointer;
}

.box20
{
  background-color: #e6f4f4 ;
 
  border: 1px solid #007e7e;  
  border-radius: 6px;

  color: #000000  ;

  width:94%;

  margin-left:auto;
  margin-right:auto;
  
  margin-top:8px;
  padding:4px;
 
  box-shadow: 5px 3px 3px #99d1d1 ; 
} 

.shadow
{
  box-shadow: 5px 3px 3px #{c[6]} ; 
}               



.box21
{
  background-color: white;
 
  border: 1px solid #007e7e;  
  border-radius: 6px;

  color: #000000  ;

  width:94%;

  margin-left:auto;
  margin-right:auto;
  
  margin-top:8px;
  padding:4px;
 
} 


.button_blue
{
  border-radius: .5em ;
  padding: 3px;

  background: linear-gradient(to bottom, #b6b6ff , #f1f1ff  ); 
  border: solid 1px #363680  ;
  color: #000000  ;
}

.button_blue:hover
{
  background: linear-gradient(to bottom,  #f1f1ff , #b6b6ff   ) ; 
  cursor: pointer;
}
.button_blue:active
{
  background: linear-gradient(to bottom, #b6b6ff , #f1f1ff  ); 
  border: solid 1px #363680  ;
}
  
.button_green
{
  border-radius: .5em ;
  padding: 3px;

  background: linear-gradient(to bottom, #80c080 , #e6f3e6  ); 
  border: solid 1px #004000  ;
  color: #000000  ;
}

.button_green:hover
{
  background: linear-gradient(to bottom,  #e6f3e6 , #80c080  ) ; 
  cursor: pointer;
}
.button_green:active
{
  background: linear-gradient(to bottom, #f3fafa , #80c080  ); 
  border: solid 1px #004000  ;
}
  
.button_red
{
  border-radius: .5em ;
  padding: 3px;

  background: linear-gradient(to bottom, #ffa0a0 , #ffc4c4 ); 
  border: solid 1px #f00000  ;
  color: #000000  ;
}

.button_red:hover
{
  background: linear-gradient(to bottom,  #ffc4c4 , #ffc4c4  ) ; 
  cursor: pointer;
}
.button_red:active
{

  background: linear-gradient(to bottom,  #f3fafa , #ffa0a0   ); 
  border: solid 1px #f00000  ;
}
  
.button_white
{
  border-radius: .5em ;
  padding: 3px;

  background: linear-gradient(to bottom,  #ffffff , #ffffff ); 
  border: solid 1px black ;
  color: #000000  ;
}

.button_white:hover
{
  background: linear-gradient(to bottom,   #ffffff , #ffffff ) ; 
  cursor: pointer;
}
.button_white:active
{

  background: linear-gradient(to bottom,  #f3fafa , #ffffff ); 
  border: solid 1px black ;
}

.button_gray
{
  border-radius: .5em ;
  paddicccng: 3px;

  background: linear-gradient(to bottom,  #ffffff , #c7c7c7 ); 
  border: solid 1px #818181  ;
  color: #000000  ;
}

.button_gray:hover
{
  background: linear-gradient(to bottom,   #c7c7c7 , #ffffff ) ; 
  cursor: pointer;
}
.button_gray:active
{
  background: linear-gradient(to bottom,  #f3fafa , #ffffff ); 
  border: solid 1px #818181  ;
}

.button_gray1  {

  color:#000000 ;
  padding: 6px;  

  border: solid 1px #727272 ;
  border-radius: .5em  ;

  background: #ffffff

  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d1d1d1));
  background: -moz-linear-gradient(top,  #ffffff,  #d1d1d1);
  background: -ms-linear-gradient(top, #ffffff, #d1d1d1);
  background: -o-linear-gradient(top, #ffffff, #d1d1d1);
  background: linear-gradient(to bottom, #ffffff, #d1d1d1); 

  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d1d1d1');
  
}

.button_gray1:hover {

  color:#000000 ;
  background: #d1d1d1;
  background: -webkit-gradient(linear, left top, left bottom, from(#d1d1d1), to(#FFFFFF) );
  background: -moz-linear-gradient(top,  #d1d1d1,  #FFFFFF);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#FFFFFF');
  cursor: pointer;
  
}

.button_gray1:active {
  color: #949494 ;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d1d1d1));
  background: -moz-linear-gradient(top,  #ffffff,  #d1d1d1);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#d1d1d1');
}

  
.button_purple
{
  border-radius: .5em ;
  padding: 3px;
  background: linear-gradient(to bottom, #ce80ff , #f6e6ff  ); 
  border: solid 1px #4f0080  ;
  color: #000000  ;
}

.button_purple:hover
{
  background: linear-gradient(to bottom,  #f6e6ff , #ce80ff  ) ; 
  cursor: pointer;
}
.button_purple:active
{
  background: linear-gradient(to bottom, #f3fafa , #ce80ff  ); 
  border: solid 1px #4f0080  ;
}