/* reg_style.css For online registrion page
   Copyright (C) 2009 - 2011  Jeffrey Hennick, o l r e g @ j e f f - h . c o m
   Part of Registration / Administation System. GLP License in ../copyleft.php.
*/
/*
 12/31/09 Broke out from reg.php.  Jeff Hennick
 1/3/10 Added stuff for floating intro.  JH
 1/4/10 Floating intro to Z-index 4 to overlya the Help Button.  JH
 1/15/10 Move IE hack for filter back to reg.php as a conditional. JH
 2/11/10 @media print and .screen added.  JH
 7/16/10 class dates rules added. JH
 7/19/10 .inner_intro wider, addedheight. JH
 8/ 7/10 .inner_intro centered better. JH
 8/ 9/10 .nextbuttext added. JH
 1/22/11 Added closed. JH
 1/23/11 Added .transcript_block stuff. JH
*/

 .col4 {  /* Charge column of class list display */
        text-align:right;
  }
 .noshowit { /* for hiding various instructions, etc, in various phases */
        display:none;
  }
  .showit {  /* for un-hiding various instructions, etc, in various phases */
        display:;
  }
  span[class=dates] {  /* Section meeting dates, before selection */
        display:none;
  }
  tr[class~=checked] .dates {  /* Section meeting dates, after selection */
        display:inline;
        color:red;
  }
 .showrow { /* for redisplaying a row when going back to the full list */
        display:table-row;
 }
 .nowstep { /* highlighting the current phase in progress meter */
        font-weight:bold;
        color:green;
        border:solid green 2px;
 }
 .helpbut {  /* outer help button positioning */
       position: fixed;
       top: 5ex;
       left: 30em;
 }
 .helpbuttext {  /* inner help button */
       background-color: #77ff77;
       font-weight: bolder;
       font-size: 200%;
       border-width:8px;
 }
 .nextbuttext {  /* inner help button */
       background-color: #aaaaff;
       font-weight: bolder;
       font-size: 200%;
       border-width:8px;
 }
 .help_disp {  /* help display blocks */
      position: relative;
      background-color:lime;
 }
 .logo { /* Computer College at Shell Point */
      float: left;
      margin-right: 1em;
 }
 .red_warning { /* no javascript */
     border:red solid;
     color:red;
     font-weight:bold;
 }
 .red_bold { /* duplicate registration warning */
    color:red;
    font-weight:bold;
 }
 .red_bold_cent { /* errors */
    text-align:center;
    color:red;
    font-weight:bold;
 }
 .you {   /* name, address, etc. block */
     background-color:#ccccff;
 }
 .transcript_block { /* table of previous classes */
     background-color:#ff8;
 }
 .transcript_block td { /* table of previous classes */
     padding-right: 1em;
 }
 .class_block {  /* table of class offerings */
    background-color:#ccffcc;
 }
 .aright { /* Total Charge */
    text-align:right;
 }
 .selected { /* phase activated action button */
    background-color:lime;
    font-weight:bolder;
 }
 .pink_bold { /* "Return for Changes" button */
   background-color:pink;
   font-weight:bolder;
 }
 .float_intro { /* introduction overlay full screen mask */
   opacity:0.4;
   position: fixed;
   background-color:lime;
   width: 100%;
   height: 100%;
   z-index:4;
 }
 .inner_intro { /* introduction overlay box */
   position:fixed;
   top: 20ex;
   width:60%;
   left:19%;
   height:80%;
   border: solid green 5px;
   z-index:4;
   background-color: white;
   padding-left:2em;
   padding-right:2em;
 }
.full_screen { /* introduction overlay box positioning parent */
   width: 100%;
   height: 100%;
   z-index:4;
 }
 .add_info {
          visibility:hidden;
          position:absolute;
          z-index:2;
          background-color:#aaaaff;
         }
 .new_college {
         text-align:center;
         background-color:white;
         }
 .new_type {
         text-align:center;
         background-color:white;
         }
 .new_level {
        text-align:center;
        background-color:white;
        font-style:italic;
        font-weight:900;
       }
 .level_0 { color:#00ff00 }
 .level_1 { color:#bf9000 }
 .level_2 { color:#990000 }
 .level_3 { color:#ff0000 }

 .closed_span {color:red}

@media print {
 .screen {
   display: none;
   visibility: hidden;
 }
}