/*
  svn info
  $Id: screen.css 612 2011-05-27 20:15:45Z scorr $
*/

/* use a typographically correct line-height relative to our font-size */
p {
  line-height: 18pt !important;
  color: #333;
}

p.error {
  color: #F25B2E;
  font-weight: bold;
  margin-top: 0em;
}

#sign-in-header {
  margin-top: 0em;
  margin-left: 1em;
  font-size: 1.5em;
}

/* form styling */
form {
  font-size: 115%;
}

#error-contact-form {
  font-size: 80%;
}

fieldset {
  display: inline;
  border: 1px solid #503B25;
  background-color: #eee;
  min-height: 250px;
}

legend {
  color: #111;
  font-size: 75%;
  background: #C4E2FF;
  border: 1px solid #503B25;
  padding: 2px 6px
}

fieldset ol, ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

fieldset li, li {
  margin: 1em;
}

label {
  display: block;
  font-size: 120%;
}

input {
  font-size: 120%;
}

span.first {
  color: #555;
}

span.divide {
  border-left: 2px solid #aaa;
  margin-left: 6px;
  margin-right: 0px;
}

span.second {
  color: #555;
}
/* end form styling */

/* error help styling */
#error-help {
  background-color: #eee;
  padding: 1em;
}

#having-trouble {
  font-size: 1.5em;
}

ol.instructions {
  list-style-type: decimal;
  margin-left: 1em;
}

/* end error help */

/* Quad Sign In styling*/
div.sign-in-wrapper {
  background-color: #eee;
  padding: 1.5em;
}

div.sign-in-elements h2 {
  margin-top: -.5em;
  font-size: 1.1em;
}

div.sign-in-elements p {
  font-size: .8em;
  margin-top: -1em;
  margin-left: -.5em;
  margin-right: -.5em;
}

div.sign-in-elements input {
  font-size: .9em;
}

div.sign-in-info {
  height: 7em;
  padding-bottom: 1em;
}

div.sign-in-info-bottomfiller {
   height: 2em;
}


/* end Quad Sign In */

/* begin styles for hospital announcement for removal of pid login on 6-15-2011 */
div#hospitalannounce {
   color: #2B3856; 
   padding-right: 10px; 
   padding-left: 10px; 
   margin-left: -.7em; 
   margin-right: -.7em; 
   background-color: #ffffff;
}

span#hospitalannounce {
   color: #b22222;
   font-weight: bold;
}

div#hospitalannouncetext {
   border-top: 20px solid #78899B; 
   background-color:#f8f8f8; 
   width: 100%; 
   height: 200px; 
   padding: 15px;
}


/* end styles for removal of pid login */


/* clear the floats set by the layout */
#clear-floats {
  clear: both;
}

/* footer */
a.footer-contact {
  text-decoration: underline !important;
}

/* ================================================================== */
/* = http://matthewjamestaylor.com/blog/perfect-stacked-columns.htm = */
/* ================================================================== */
/* column container */
.colmask {
  position:relative;  /* This fixes the IE7 overflow hidden bug */
  clear:both;
  float:left;
  width:100%;     /* width of whole page */
  overflow:hidden;    /* This chops off any overhanging divs */
}
/* common column settings */
.colleft,
.colmid,
.colright {
  float:left;
  width:100%;
  position:relative;
}
.col1,
.col2,
.col3 {
  float:left;
  position:relative;
  padding:0 0 1em 0;
  overflow:hidden;
}
/* 3 Column settings */
.threecol {
  background:#eee;    /* right column background colour */
}
.threecol .colmid {
  right:25%;      /* width of the right column */
  background:#fff;    /* center column background colour */
}
.threecol .colleft {
  right:50%;      /* width of the middle column */
  background:#f4f4f4; /* left column background colour */
}
.threecol .col1 {
  width:46%;      /* width of center column content (column width minus padding on either side) */
  left:102%;      /* 100% plus left padding of center column */
}
.threecol .col2 {
  width:21%;      /* Width of left column content (column width minus padding on either side) */
  left:31%;     /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
  width:21%;      /* Width of right column content (column width minus padding on either side) */
  left:85%;     /* Please make note of the brackets here:
          (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* 3 Column blog style settings */
.blogstyle {
  background:#eee;    /* right column background colour */
}
.blogstyle .colmid {
  right:25%;      /* width of the right column */
  background:#f4f4f4; /* center column background colour */
}
.blogstyle .colleft {
  right:25%;      /* width of the middle column */
  background:#fff;    /* left column background colour */
}
.blogstyle .col1 {
  width:46%;      /* width of center column content (column width minus padding on either side) */
  left:52%;     /* 100% plus left padding of center column */
}
.blogstyle .col2 {
  width:21%;      /* Width of left column content (column width minus padding on either side) */
  left:56%;     /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.blogstyle .col3 {
  width:21%;      /* Width of right column content (column width minus padding on either side) */
  left:60%;     /* Please make note of the brackets here:
          (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* 2 Column (left menu) settings */
.leftmenu {
  background:#fff;    /* right column background colour */
}
.leftmenu .colleft {
  right:75%;      /* right column width */
  background:#f4f4f4; /* left column background colour */
}
.leftmenu .col1 {
  width:71%;      /* right column content width */
  left:102%;      /* 100% plus left column left padding */
}
.leftmenu .col2 {
  width:21%;      /* left column content width (column width minus left and right padding) */
  left:6%;      /* (right column left and right padding) plus (left column left padding) */
}
/* 2 Column (right menu) settings */
.rightmenu {
  background:#eee;    /* right column background colour */
}
.rightmenu .colleft {
  right:25%;      /* right column width */
  background:#fff;    /* left column background colour */
}
.rightmenu .col1 {
  width:71%;      /* left column content width (left column width minus left and right padding) */
  left:27%;     /* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
  width:21%;      /* right column content width (right column width minus left and right padding) */
  left:31%;     /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* 2 Column (double page) settings */
.doublepage {
  /*background:#eee;*/    /* right column background colour */
}
.doublepage .colleft {
  right:50%;      /* right column width */
  background:#fff;    /* left column background colour */
}
.doublepage .col1 {
  width:46%;      /* left column content width (column width minus left and right padding) */
  left:52%;     /* right column width plus left column left padding */
}
.doublepage .col2 {
  width:46%;      /* right column content width (column width minus left and right padding) */
  left:56%;     /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* Full page settings */
.fullpage {
  background:#fff;    /* page background colour */
}
.fullpage .col1 {
  width:96%;      /* page width minus left and right padding */
  left:2%;      /* page left padding */
}