/****************************************************************
 * Filename: gradEdStyles.php                                   *
 * Author:   Justin Spargur                                     *
 * Date:     02/08/2008                                         *
 *                                                              *
 * Description: This file is used to apply styles to the GradEd *
 *              tutorials being developed in Spring, 2008.      *
 *                                                              *
 ****************************************************************/

div.gradEd
{
   padding:2%;
   width:96%;
}


/*******************************/
/* Global link styles used on  */
/* every page.                 *
/*******************************/
   .petal0
   {
      background-color:#000000;
      color:#FFFFFF;
   }

   .petal1
   {
      background-color:#9999FF;
      color:#000;
   }

   a.petal1:hover
   {
      background-color:#CCCCFF;
      color:#000;
   }

   .petal2
   {
      background-color:#0000FF;
      color:#FFF;
   }

   a.petal2:hover
   {
      background-color:#6666FF;
      color:#FFF;
   }

   .petal3
   {
      background-color:#FF99AA;
      color:#000;
   }

   a.petal3:hover
   {
      background-color:#FFC0CB;
      color:#000;
   }

   a.petal4
   {
      background-color:#00AA00;
      color:#FFF;
   }

   a.petal4:hover
   {
      background-color:#99FF66;
      color:#000;
   }

   a.petal5
   {
      background-color:#FF00FF;
   }

   a.petal5:hover
   {
      background-color:#FF99FF;
      color:#000;
   }

   a.petal6
   {
      background-color:#FFFF00;
      color:#000;
   }

   a.petal6:hover
   {
      background-color:#FFFF66;
      color:#000;
   }

   a.petal7
   {
      background-color:#FF0000;
      color:#FFF;
   }

   a.petal7:hover
   {
      background-color:#FF6666;
      color:#000;
   }

   a.petal8
   {
      background-color:#FF6600;
      color:#000;
   }

   a.petal8:hover
   {
      background-color:#FFaa66;
      color:#000;
   }

/*******************************/
/* Flower-specific styles      */
/*******************************/

   #flowerMenu
   {
      background-image:url('http://intranet.library.arizona.edu/learn/development/gradEd/flowerLines.png');
      background-repeat:no-repeat;
      width:450px;
      height:450px;
      float:left;
   }

   #flowerMenu a
   {
      text-align:center;
      float:left;
      position:relative;
      width:60px;
      height:60px;
      text-align:center;
      background-image:url('http://intranet.library.arizona.edu/learn/development/gradEd/petalbg.png');
      background-repeat:no-repeat;
      padding:20px;
      overflow:hidden;
   }

   #flowerMenu a:hover
   {
      font-weight:bold;
   }

/********************************/
/* Styles specific to the links */
/* in the flower on the first   */
/* page.                        */
/********************************/
   #flowerMenu a.petal1
   {
      left:175px;
      margin-bottom:-47.5px;
   }


   #flowerMenu a.petal2
   {
      clear:both;
      left:50px;
      margin-bottom:22.5px;
      background-image:url('http://intranet.library.arizona.edu/learn/development/gradEd/petalbg_upper_left.png');
   }

   #flowerMenu a.petal3
   {
      left:200px;
            margin-bottom:22.5px;
      background-image:url('http://intranet.library.arizona.edu/learn/development/gradEd/petalbg_upper_right.png');
   }

   #flowerMenu a.petal4
   {
      left:0px;
      clear:both;
      margin-bottom:20px;
   }

   #flowerCenter
   {
      left:75px;
            margin-bottom:20px;
      text-align:center;
      float:left;
      position:relative;
      width:100px;
      height:60px;
      text-align:center;
      background-image:url('http://intranet.library.arizona.edu/learn/development/gradEd/petalbg_center.png');
      background-repeat:no-repeat;
      padding-top:20px;
      padding-bottom:20px;

   }

   #flowerMenu a.petal5
   {
      left:150px;
            margin-bottom:20px;
   }

   #flowerMenu a.petal6
   {
      left:50px;
      margin-bottom:-25px;
      clear:both;
      background-image:url('http://intranet.library.arizona.edu/learn/development/gradEd/petalbg_bottom_left.png');
   }

   #flowerMenu a.petal7
   {
      left:200px;
            margin-bottom:-25px;
      background-image:url('http://intranet.library.arizona.edu/learn/development/gradEd/petalbg_bottom_right.png');
   }

   #flowerMenu a.petal8
   {
      left:175px;
      clear:both;
   }

/*******************************/
/* Specific to the pop-up text */
/* found on the first page.    */
/*******************************/
   #popUpContent
   {
      margin-left:500px;
   }

   #popUpContent h2{
                   margin:15px 0 5px 5px;
                   font-size:110%;
                   color:#036;
                   }

   #popUpContent h3{
                   margin:15px 0 5px 5px;
                   font-size:100%;
                   color:#036;
                   background-color:#eed;
                   }

   #popUpContent h4{
                   margin:15px 0 5px 20px;
                   font-size:100%;
                   color:#036;
                   background-color:#eee;
                   }

   #popUpContent h5{
                   margin:15px 0 5px 20px;
                   font-size:80%;
                   color:#036;
                   }

   #popUpContent h6{
                   margin:15px 0 5px 20px;
                   font-size:70%;
                   color:#036;
                   }


/*******************************/
/* Styles specific to the side */
/* menu found on all subpages. */
/*******************************/
#sideMenu
{
   width:20%;
   margin-right:3%;
   float:left;
}

#sideMenu ul, #sideMenu li
{
   list-style:none;
   margin:0;
   padding:0;
}

#sideMenu ul ul
{
   margin-left:15%;
}

#sideMenu li a
{
   display:block;
   width:75%;
   padding:2% 5%;      
   margin:3%;
?>

}

#sideMenu li li a
{
   display:block;
   width:73%;
   margin:3%;
?>

   padding:2% 5%;
}


/***************************************/
/* Following styles are from Adam E.   */
/* in an attempt to improve the menu.  */
/***************************************/

/***************************************/
/* The new petals introduce a solid    */
/* background color and a softened     */
/* background color.  All link text is */
/* black and bolded with no text       */
/* decoration.  The current state sets */
/* the background to transparent.  The */
/* top and bottom borders remain in    */
/* the current and hover states, which */
/* provides visual separation between  */
/* the menu items.                     */
/***************************************/
#sideMenu li a
{
   border-style:solid;
   border-width:1px 0;
   border-left-width:10px;
}

#sideMenu .petal0 {
   background-color:#DDD;
   border-color:#DDD;
   border-left-color:#000000;
}

#sideMenu .petal1 {
   background-color:#ffe9ed;
   border-color:#ffe9ed;
   border-left-color:#FF99AA;
}
#sideMenu .petal2 {
   background-color:#ffc9ff;
   border-color:#ffc9ff;
   border-left-color:#FF00FF;
}
#sideMenu .petal3 {
   background-color:#ffc9c9;
   border-color:#ffc9c9;
   border-left-color:#FF0000;
}
#sideMenu .petal4 {
   background-color:#ffdfc9;
   border-color:#ffdfc9;
   border-left-color:#FF6600;
}
#sideMenu .petal5 {
   background-color:#ffffc9;
   border-color:#ffffc9;
   border-left-color:#FFFF00;
}
#sideMenu .petal6 {
   background-color:#c9edc9;
   border-color:#c9edc9;
   border-left-color:#00AA00;
}
#sideMenu .petal7 {
   background-color:#c9c9ff;
   border-color:#c9c9ff;
   border-left-color:#0000FF;
}
#sideMenu .petal8 {
   background-color:#e9e9ff;
   border-color:#e9e9ff;
   border-left-color:#9999FF;
}

/* The following styles change all link states such that the text displays the same */

#sideMenu a:link, #sideMenu a:hover, #sideMenu a:visited {
   text-decoration:none;
   font-weight:bold;
   color:#000;
}

#sideMenu .current {
   background-color:transparent;
}

#sideMenu a:hover
{
   text-decoration:underline;
      background-color:transparent;
}

/*
   The following style introduces consistent
   spacing around the menu text.  It requries
   the menu text to be wrapped in <p></p> tags
*/

/**************************/
/* Styles specific to the */
/* content on the Grad Ed */ 
/* pages.                 */
/**************************/
.gradEdContent
{
   margin-left:20%;
      width:75%;
}

#printIcon
{
   float:right;
   padding-left:20px;
   background-image:url('http://intranet.library.arizona.edu/learn/development/gradEd/print.gif');
   background-repeat:no-repeat;
   background-position:0 3px;
}

/*****************************/
/* Styles used when printing */
/*****************************/
@media print
{
   #printIcon          { display:none;    }
   #sideMenu           { display:none;    }
   #flowerMenu         { display:none;    }
   #popUpContent       { margin-left:0;   }

   #popUpContent div   {
                         display:block !important;
                         width:100%;
                       }


   #popUpContent div p {
                         margin-top:0;
                       }


   .gradEdContent      {
                         margin-left:0%;
                         width:100%;
                       }
}