/*---------------------------------------------------------------
  >> Colors <<
  ---------------------------------------------------------------
  generic Colors used throughout OrthoProof
  -------------------------------------------------------------*/

body {
  background-color: #fff;
}

#orthoDropShadow {
  background: #000 url("../media/dropshadow.gif") repeat-y 0 0;
}

#orthoPageFrame {
  background-color: #fff;
  color: #000;
}

#orthoBlueSpacer, #orthoFooter,#orthoFooterHome {
  background-color: #3a3a97;
  background: #3a3a97 url("../media/blueBarShort.gif") no-repeat;
}

#orthoGreyNavigation {
  background-color: #c9caca;
  background: #c9caca url("../media/newNav.gif") no-repeat;
}

a:link.linkOff, a:visited.linkOff   {
  color: #3A3A97;
}

 a:active.linkOff, a:hover.linkOff   {
  color: #F67B13;
}

a:link.linkOn ,  a:visited.linkOn,  a:active.linkOff,  a:hover.linkOff {
  color: #F67B13;
}

#orthoTitleNavigation  {
  background-color: #fff;
}

#orthoContent {
  background: url('../media/newRepeater.gif') top left repeat-y;
}

#orthoContentHome {
  background: url('../media/newRepeaterH.gif') top left repeat-y;
}

#orthoMain-content {
  background-color: #fff;
  color: #000;
}

.zoeFooter {
  color: #ccc;
}

.zoeFooter a:link, .zoeFooter a:visited {
  color: #ccc;
}
.zoeFooter a:hover {
  color: #F67B13;
}
a:active, a:hover {
  color: #F67B13;
}

tr.helpDeskRowHeader {
  background-color: #c3c7e2;
}

tr.helpDeskRowOther {
  background-color: #fff;
}

tr.helpDeskRow {
  background-color: #f0f1f8;
}

label span {
  float: left;
  width: 15em;
  text-align: right;
  font-weight: bold;
}

input {  
 background-color: #fff;
 border: 1px solid #666666;
}

.formError {
  background-color: #F67B13;
  color: #fff;
}

span.footer, span.footer2 {
  color:#666;
}