Med hub

CSS

/* CSS placed here will be applied to all skins */ .outer {

   position:relative;
   float:left;
   height: 168px;
   width: 350px;
   margin: 5px;
   border-radius: 20px;
   background-image:url(/img_auth.php/6/6e/2001tilebackground.png);
  

} /* CSS placed here will be applied to all skins */ /* Infobox template style */

.infobox {

  border: 1px solid #aaa;
  background-color: #f9f9f9;
  color: black;
  margin-bottom: 0.5em;
  margin-left: 1em;
  padding: 0.2em;
  float: right;
  clear: right;

} .infobox td, .infobox th {

  vertical-align: top;

} .infobox caption {

  font-size: larger;
  margin-left: inherit;

} .infobox.bordered {

  border-collapse: collapse;

} .infobox.bordered td, .infobox.bordered th {

  border: 1px solid #aaa;

} .infobox.bordered .borderless td, .infobox.bordered .borderless th {

  border: 0;

}

.infobox.sisterproject {

  width: 20em;
  font-size: 90%;

}

@media print {

   .infobox.sisterproject {
       display: none;
   }

}

/* CSS placed here will be applied to all skins */

/* Specifies colors of links within body of each page */ a:link {color:#d71900;} a:visited {color:#d71900;} a:hover {color:#FF4D00;} a:active {color:#FF4D00;}

/* Ensures footer links remain white when no cursor hovers over them */

1. footer-wrap-inner a {

       color: #FFFFFF;

}

/* Determines positioning and formatting for the 2nd level of the Nav bar */ .dropDownMenu li ul {

             display: block;
             position: absolute;
             width: auto;
             visibility: hidden;
             background-color: #707879;
             margin-left: -0.55em; 
             padding: 0.3em;
             padding-left: 0.65em;
             border-top-style: solid;
             border-top-width: 2px;
             box-shadow: 5px 5px 5px #888888;

}

/* Changes cursor to a hand when hovering over Nav bar */ .dropDownMenu:hover { cursor:pointer ; }

/* Causes Nav bar links to glow when hovering over them */ .dropDownMenu a:hover, .dropDownMenu a:focus {

      text-shadow: 0px 0px 15px #FFF ;
      transition-duration: 0.5s ;    
      color: #FF4D00 !important;

}

/* Causes footer links to glow when hovering over them */

1. footer-wrap-inner a:hover, #footer-wrap-inner a:focus {

      color: #FF4D00;

}

1. catlinks {

      background: transparent, !important;
      opacity: 0;

}

/* Identifies and positions the header image*/

1. top-wrap {

      position: fixed;
      width: 100%;
      z-index: 100;

}

/*Positions body of page below header*/

1. main {

      padding-top: 130px;

}

/*Positions left column divs on home page*/ .left { position:relative; float:left; width:49.2%; }

/*Positions right column divs on home page*/ .right { position:relative; float:right; width:49.2%; background-color:#dee6e8; border-radius:10px; margin-bottom:20px; text-align:center; }

/*Positions left column divs on scheduler*/ .lefts { position:relative; float:left; width:39.9%; }

/*Positions right column divs on scheduler*/ .rights { position:relative; float:right; width:59.9%; }

/*When the viewing screen drops below 800px wide, the left and right divs on the home page are positioned vertically*/ @media screen and (max-width: 800px) {

   .left {
       display: block;
       width: 100%;
   }
   .right {
       display: block;
       width: 100%;
   }
   .lefts {
       display: block;
       width: 100%;
   }
   .rights {
       display: block;
       width: 100%;
   }

} .resize { max-width: 90%; height: auto; width: auto;}

1. top-wrap {

       background-image: url(https://s3-us-west-2.amazonaws.com/perfuse/bg.jpg);
       background-color: #333333;
       background-repeat: repeat;
       padding: 0.625em 2.0em;
       color: #ffffff;

}

1. bottom-wrap {

       background-image: url(https://s3-us-west-2.amazonaws.com/perfuse/foot.jpg);
       clear: both;
       color: #ffffff;
       padding: 1.5em 0 2.5em;

}