/* main layout */
body {
   margin: 0px;
   height: 100%;
   font-family:  Tahoma;
   color: #5c5c5c;
   text-align: center; /* for IE */
   scrollbar-base-color: #c6dff1;
}

textarea {
   font-family:  Tahoma;
}

b, strong {
   color: #087cbc;
}

a {
   color: #087cbc;
   text-decoration: none;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 width: 99%;
}

/* main site layout */

#container { 
   margin: 0 auto;   /* align for good browsers */      
   text-align: left; /* counter the body center */
   height: 100%; 
  
   width: 984px;
   
}

#top {
   height: 160px;
   /* width: 100%; */
}

.middleBlue, .introMiddle {
   background-color: #c6dff1;
   background-image: url(images/blue.gif);
   background-repeat: repeat-y;
   /* width: 100%; */
}

.middleBlueDarkBlue {
   background-color: #c6dff1;
   background-image: url(images/blueDarkBlue.gif);
   background-repeat: repeat-y;
   background-position: 63% 0%;
   /* width: 100%; */
}

#footer {
   text-align: right;
   color: #666666;
   height: 38px;
   /* width: 100%; */
}

#footer .text {
   line-height: 38px;
   margin-right: 5px;
}

/* clearfix, needed for wrappers */
.clearfix:after {
   content: ".";
   clear: both;
   height: 0;
   visibility: hidden;
   display: block;
}

.clearfix {
   display: inline-block;
}

* html .clearfix { 
   height: 1%;
}

.clearfix { 
   display: block; 
}

.shadeLeft {
   background-image: url(../Images/shadeLeft.gif);
   background-repeat:repeat-y; 
   background-position: 0%;
   padding-left: 10px;
}

.shadeRight {
   background-image: url(../Images/shadeRight.gif);
   background-repeat:repeat-y; 
   background-position: 100%;
   padding-right: 8px;
}

.imageVAlign {
   vertical-align: bottom;
}

/**********************************************
 *
 * PRINTER/SCREEN DEPENDEND CLASSES
 * 
 **********************************************/
/* USAGE:
   Assign the NoPrint class to all elements (or
   their container) that should not be displayed
   if the page is printed and assign PrintOnly to
   those that should only be visible on the printer
*/
@media print 
{
  .NoPrint 
  {
	display:none;
  }
  .PrintOnly
  {
    /* nothing */
  }
  .MainContentContainer		
  {
	/* nothing */
  }
}

@media screen 
{
  .NoPrint 
  { 
	/* nothing! */
  }
  .PrintOnly
  { 
	display:none;
  }
}

.AjaxProgressTextContainer {
   display: block;
   background-color: #087cbc;
   color: #fff;
   font-weight: bold;
   height: 28px;
   width: 150px;
   border: solid 1px black;
   text-align: center;
   vertical-align: middle;
   padding-top: 4px;
}

.AjaxProgressTextImage {
   vertical-align: middle;
   margin-right: 4px;
}

.TitleContainer {
   border-bottom: solid 1px #dff0fa;
}
.Title {
   position: relative;
   background-color: #c6dff1;
   font-size: 70%;
   font-weight: bold;
   color: #067cbc;
   top: 7px;
   padding-right: 5px;
}