/* Purpose:  SystemOutageMessage.css is the companion styles file for user control
   SystemOutageMessage.ascx.  For future consideration, consider whether these styles 
   important enough to merge SystemOutageMessage.css into "master" stylesheets.

   Revision History:
   -----------------
   2009-Nov - Initial release.  (EYang)
*/

.systemOutageOuterContainer
{
  padding: 0px;
  
  background-color: #fffacd; /* #fffacd = 'lemonchiffon' to match
                                default color in AJAX extender control */

  border: solid 1px #000000;
  
  position: relative; /* sets anchor for child control positioning */
}

.systemOutageInnerContainer
{
  /* exclamation gif mtaches AJAX extender control */
  background-image: url('images/besGeneral/exclamationCalloutExtender.gif');
  background-position: top left;
  background-repeat: no-repeat;
  
  position: relative;
  left: 5px;
}  

.systemOutageInnerContainer h2
{
  position: relative; /* positioning selected to optimize header display relative to the background .gif */
  margin-top: 5px;
  top: 7px;
  left: 40px;
  padding-right: 50px; /* padding-right compensates for the relative-left positioning to prevent
                          text overflowing past right edge of outer container */
}

.systemOutageInnerContainer p
{
  position: relative; /* positioning selected to optimize header display relative to the background .gif */
  left: 40px;
  padding-right: 50px; /* padding-right compensates for the relative-left positioning to prevent
                          text overflowing past right edge of outer container */
}

.systemOutageStatusLastUpdated
{
  font-style: italic;
}