body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #000000;
  background-color: white;
  margin: 0px;
}

a {
  text-decoration: none;
  color: rgb(0,64,128);
}

a:hover {
  color: rgb(204,102,51);
}

.link {
  text-decoration: none;
  color: rgb(0,64,128);
}

.link:hover {
  color: rgb(204,102,51);
}

div.outlineContent {
  border: 2px solid rgb(124, 124, 124);
  width: 800px;
  margin: auto;
}

table.loginPageText {
  border-collapse: collapse;
}
table.loginPageText td {
  vertical-align: top;
  padding: 0 3pt;
}

table.loginPageLinks {
  border-collapse: collapse;
}
table.loginPageLinks td {
  vertical-align: middle;
  padding: 3pt;
}

.landingTitle1 {
  font-size: 22pt;
  font-family: Times New Roman, Times, serif;
  font-style: italic;
  color: #003399;
}

.landingTitle2 {
  letter-spacing: 1pt;
  font-size: 10pt;
  font-weight:bold;
  color: #333366;
}

.loginHeader {
  letter-spacing: 1pt;
  font-size: 14pt;
  font-weight:bold;
  color: #333366;
  text-align: center;
  padding-top: 12pt;
  padding-bottom: 6pt;
}

.pageTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-transform:uppercase;
  color: #006699;
  margin-top: 6pt;
  margin-bottom: 6pt;
  letter-spacing: 0.4pt;
}

.pageHeaderSub {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   font-weight: bold;
}

.button {
  background-color: white;
  text-transform: uppercase;
  color: #333366;
  font-weight: bold;
  font-size: 8pt;
  letter-spacing: 0.5pt;
  border-left: 1px solid rgb(200, 200, 200);
  border-top: 1px solid rgb(200, 200, 200);
  border-right: 3px solid rgb(180, 180, 180);
  border-bottom: 3px solid rgb(180, 180, 180);
  padding: 1pt 5pt;
  margin-top: 6pt;
}

.contents {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  margin-top:10px;
  margin-right:10px;
  margin-left:10px;
  margin-bottom:10px;
}

.contents_notop{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;

}

.introduction{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;  
  line-height: 1.5;
}

.footer {
  padding: 0;
  width: 100%;
  margin: 9pt 0;
  color: #000000;
  background-color: transparent;
  font: 7pt Verdana, Arial, Helvetica, sans-serif;
  line-height: 14pt;
  border-top: 3px solid rgb(113,168,188);
}

.landingFooter{
  padding: 0;
  width: 100%;
  margin: 0 0;
  color: #000000;
  background-color: transparent;
  font: 7pt Verdana, Arial, Helvetica, sans-serif;
  line-height: 14pt;
  border-top: 3px solid rgb(113,168,188);
}
.footerLink {
  color: #006699;
  text-decoration: none;
  margin-left: 1em;
}
footerlink:hover {
   color: #333366;
}

.paragraph {
  margin-top:6pt;
  margin-bottom:6pt;
}

div.orangeSeparator {
  border-top: rgb(204,102,51) solid 5px;
}

div.blueSeparator{
  border-top: rgb(113,168,188) solid 2px;
}
div.topFrame {
  line-height: 10pt;
  border-top: rgb(124,124,124) solid 1px;
  border-left:rgb(124,124,124) solid 1px;
  border-right:rgb(124,124,124) solid 1px;
}

div.bottomFrame{
  line-height: 10pt;
  border-bottom: rgb(124,124,124) solid 1px;
  border-left:rgb(124,124,124) solid 1px;
  border-right:rgb(124,124,124) solid 1px;

}

.inner{
  width: 80%;
  vertical-align: top;
  font-size: 8pt;
}

.outer{
  width: 20%;
  vertical-align: top;
  text-align: right;
  color: rgb(204,102,51);
  margin-right: 2px;
}

.blueItalicTitle {
  color: rgb(113,168,188);
  font: 14pt Times New Roman, Times, serif;
  font-style: italic;
  letter-spacing: 1pt;
  margin-top: 10pt;
  margin-bottom:6pt;
}
.orangeItalicTitle {
  color: rgb(204,102,51);
  font: 14pt Times New Roman, Times, serif;
  font-style: italic;
  letter-spacing: 1pt;
  margin-top: 10pt;
  margin-bottom:6pt;
}

.grayTitle {
  color: #7c7c7c;
  font-weight: bold;
  font-size: 10pt;
  letter-spacing: 1pt;
  margin-top: 10pt;
  margin-bottom: 6pt;
}

.grayText{
  color: #7c7c7c;
  font-size: 10pt;
  margin-left: 6pt;
  margin-right: 6pt;
}

.grayTitleSmall {
  color: #7c7c7c;
  font-weight: bold;
  font-size: 8pt;
  letter-spacing: 1pt;
  text-align: left;
}

.grayTitleLarge {
  color: #7c7c7c;
  font-weight: bold;
  font-size: 14pt;
  letter-spacing: 1pt;
  margin-top: 10pt;
  margin-bottom: 10pt;
  text-align: center;
}

.messagePanel {
  margin-top: 14px;
  margin-left: 32px;
}

.infoMessage {
  color: green;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
}

.errorMessage {
  color: red;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  text-align: left;
}

.homePage {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 30pt;
  color: maroon;
}

.prompt {
  color: #7c7c7c;
  /* margin-left:1em; */
  margin-right:0.5em;
}

.searchPanel {
  margin-top:4pt;
  margin-bottom:4pt;
}

.searchPrompt {
  font-weight:bold;
  font-size:9pt;
  color:rgb(132,0,0);
}

.headerPanelGrid {
  border-collapse:collapse;
  width:100%;
  background-color:white;
  background-image:url("../images/header_background.png");
  height:90px;
}

/*----------------------------------------*/
/* Taken from WebFile's schedule.css file */
/*----------------------------------------*/
.weekdaycell {
  font-family:Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-size:9pt;
  font-weight: bold;
  background-color: #0066AA
}

.monthdaycell {
  background-color: #0066AA
}

.calundetermined {
  background-color: #F5F5C8;
  font-size:9pt;
}

.calavailable {
  background-color: #FFFFFF;
  font-size:9pt;
}

.calbusy {
  background-color: #FF6666;
  font-size:9pt;
}

.calavailablewithevents {
  background-color: #FFCC00;
  font-size:9pt;
}

.calotherevents {
  background-color: #99CCFF;
  font-size:9pt;
}

.calholiday {
  background-color: #CC66FF;
  font-size:9pt;
}

.daylink {
  font-family:Arial, Helvetica, sans-serif;
  color: #000000;
  font-size:9PT;
  font-weight: bold;
  text-decoration:none }

.disableddaylink {
  font-family:Arial, Helvetica, sans-serif;
  color: #999999;
  font-size:9pt;
  font-weight: bold;
  text-decoration:none
}

div.sectionSeparator {
  margin: 9pt 0px 5pt 0px;
  border-bottom: 3px solid #006699;
}

div.subsectionSeparator {
  margin: 9pt 0px 5pt 0px;
  border-top: 1px solid #006699;
}

.sectionTitle {
  color: #006699;
  font-size: 9pt;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 6pt;
  margin-bottom: 6pt;
}

.sectionSubtitle {
  font-size: 9pt;
  color: #006699;
  text-transform: uppercase;
}

.assistcell {
  color: #767772;
  border: 1px solid #B2B4B6;
  background-color: #FFFFCC;
  font-weight: bold;
  padding: 3px;
  vertical-align: middle;
}

.resumeSections {
  margin-top: 10pt;
}

div.paragraph{
  margin-top:6pt;
  margin-bottom:6pt;
}

.label{
   width: 300pt;
}

.infoCol1{
width: 15pt;
white-space: nowrap;
vertical-align: top;
}

.infoCol2{
width: 130pt;
white-space: nowrap;
vertical-align: top;
}
.infoCol3{
width: 300pt;
white-space: nowrap;
}
.infoCol4{
width: auto;
vertical-align: top;
}
.tipinfo{
width: 490pt;
}
.required{
color: red;
}
.medService{
  font: 20pt Arial Helvetica sans-serif;
  letter-spacing: 2pt;
  color: rgb(148, 199, 211);
}

.solutionRight{
border-left: solid 1px rgb(204,102,51)
}

.solutionLeft{
border-right: solid 1px rgb(204,102,51)
}

.headingRight{
border-left: solid 2px rgb(204,102,51)
}

.headingLeft{
border-right: solid 2px rgb(204,102,51)
}
/*
the following three control the shadow on landing page
*/
.shadowLeft{
border-color: rgb(231,231,231) ;

border-bottom: 4px rgb(231,231,231) solid;
border-top: 1px rgb(231,231,231) solid;
border-left: 1px rgb(231,231,231) solid;

}

.shadowRight{
border-bottom: 4px rgb(231,231,231) solid;
border-top: 1px rgb(231,231,231) solid;
border-right: 4px rgb(231,231,231) solid;
}

.shadowMiddle{
border-bottom: 4px rgb(231,231,231) solid;
border-top: 1px rgb(231,231,231) solid;

}

.bottomLeft{
border-right: 3px solid rgb(113,168,188);
}

.bottomRight{
border-left: 3px solid rgb(113,168,188);
}

.leftOrangeBorder{
border-left: 3px solid rgb(204,102,51);
}

.leftBlueBorder{
border-left: 3px solid rgb(113,168,188);
}

.leftGreenBorder{
border-left: 3px solid rgb(99,255,181);
}

.bottomDisplay{
background-color: rgb(255,239,214);
}

.selectHint{
  color: Maroon;
}

.selectHint_Bold{
  color: Maroon;
  font-weight: bold;
}

.sentenceText{
  margin-left: 2pt;
  margin-right: 2pt;
}

.sentenceText_Bold{
  font-weight: bold;
}