/* Frame 1*/

.frame1,
.frame2,
.frame3,
.frame4 {
  background-color: #ffffff;
  width: 100%;
  box-shadow: 0 1px 2px rgba(154, 155, 157,.7);
}

.frame1 .header,
.frame2 .header,
.frame3 .header,
.frame4 .header {
  clear: both;
  background-color: #cacac8;
  color: #000000;
  font-weight: bold;
}

.frame1 .header .center,
.frame2 .header .center,
.frame3 .header .center,
.frame4 .header .center {
  padding: .5em;
}

.frame1 .footer,
.frame2 .footer,
.frame3 .footer,
.frame4 .footer {
  display: none;
}

.frame1 .bottom {
  min-height: 1em;
}

.frame1 .halfFrame,
.frame2 .halfFrame {
  width: 40em;
  display: inline-block;
  vertical-align: top;
}

div.frame1 div.top div.center {
  height: 4px;
  display: inline;
  padding: 0;
  text-align: left;
}

div.frame1 div.header div.image {
  height: 20px;
  line-height: 20px;
  display: inline;
  float: right;
  padding-right: 5px;
  padding-top: 2px;
  cursor: pointer;
}

table.frame1 {
  background-color: #ffffff;
  margin-bottom: 1em;
  border-collapse: collapse;
  border-color: #cacac8;
}

table.frame1 tr td {
  border-top: solid 1px #cacac8;
  border-left: solid 1px #cacac8;
  padding: 2px;
  line-height: 13px;
  color: #000000;
  background-color: #ffffff;
}

table.frame1 tr td.disabled {
  color: #808080;
}

table.frame1 tr td.dayTitle {
  background-color: #f4f4f4;
}

table.frame1 tr td.left {
  border-top: solid 1px #cacac8;
  border-left: 0;
}

table.frame1 tr.spacer, table.frame1 tr.spacer td {
  height: 3px;
  overflow: hidden;
  line-height: 1px;
  font-size: 1px;
}

/* Frame 2 */

div.frame2 div.top div.center {
  height: 4px;
  display: inline;
  float: left;
  padding: 0;
}

div.frame2 div.header div.image {
  height: 20px;
  line-height: 20px;
  display: inline;
  float: right;
}

div.frame2 div.footer {
  width: 100%;
  height: 20px;
  clear: both;
  background: #ffffff url(../../gfx/OpenJaw/Frames/Frame2/footercenter.gif) repeat-x left top;
}

div.frame2 div.footer div.left {
  height: 20px;
  width: 4px;
  background: #ffffff url(../../gfx/OpenJaw/Frames/Frame2/footerleft.gif) no-repeat left top;
  display: inline;
  float: left;
  padding: 0;
}

div.frame2 div.footer div.center {
  height: 20px;
  display: inline;
  float: left;
  color: #4c4958;
  font-weight: bold;
  padding: 0;
}

div.frame2 div.footer div.right {
  height: 20px;
  width: 4px;
  background: #ffffff url(../../gfx/OpenJaw/Frames/Frame2/footerright.gif) no-repeat right top;
  display: inline;
  float: right;
  padding: 0;
}

table.frame2 tr td {
  border-top: solid 1px #cacac8;
  border-left: solid 1px #cacac8;
  padding: .2em .5em;
}

table.frame2 tr td.left {
  border-top: solid 1px #cacac8;
  border-left: 0;
}

table.frame2 tr th {
  text-align: left;
}

table.frame2 tr.spacer, table.frame2 tr.spacer td {
  height: 3px;
  overflow: hidden;
  line-height: 1px;
  font-size: 1px;
}

/* Frame 3 */
div.frame3 {
  background-color: #ffffff;
  border: 0;
  margin: 0;
  padding: 0;
}

div.frame3 div.padding {
  padding: 5px;
}

div.frame3 div.top {
  width: 100%;
  height: 4px;
  overflow: hidden;
  clear: both;
  background: #ffffff url(../../gfx/OpenJaw/Frames/Frame3/topcenter.gif) repeat-x left top;
}

div.frame3 div.top div.left {
  height: 4px;
  width: 4px;
  background: #ffffff url(../../gfx/OpenJaw/Frames/Frame3/topleft.gif) no-repeat left top;
  display: inline;
  float: left;
  padding: 0;
}

div.frame3 div.top div.center {
  height: 4px;
  display: inline;
  float: left;
  padding: 0;
}

div.frame3 div.top div.right {
  height: 4px;
  width: 4px;
  background: #ffffff url(../../gfx/OpenJaw/Frames/Frame3/topright.gif) no-repeat right top;
  display: inline;
  float: right;
  padding: 0;
}

div.frame3 div.main div.center {
  display: inline;
  float: left;
  padding: 0;
}

div.frame3 div.bottom {
  width: 100%;
  height: 4px;
  overflow: hidden;
  clear: both;
  background: #ffffff url(../../gfx/OpenJaw/Frames/Frame3/bottomcenter.gif) repeat-x left top;
}

div.frame3 div.bottom div.left {
  height: 4px;
  width: 4px;
  background: #ffffff url(../../gfx/OpenJaw/Frames/Frame3/bottomleft.gif) no-repeat left top;
  display: inline;
  float: left;
  padding: 0;
}

div.frame3 div.bottom div.center {
  height: 4px;
  display: inline;
  float: left;
  padding: 0;
}

div.frame3 div.bottom div.right {
  height: 4px;
  width: 4px;
  background: #ffffff url(../../gfx/OpenJaw/Frames/Frame3/bottomright.gif) no-repeat right top;
  display: inline;
  float: right;
  padding: 0;
}

/* Frame 4 */
div.frame4 {
  background-color: #ffffff;
  border: 0;
  margin: 0;
  padding: 0;
}

div.frame4 div.padding {
  padding: .5em;
}

div.frame4 div.top div.center {
  height: 4px;
  display: inline;
  float: left;
  padding: 0;
}

div.frame4 div.footer {
  width: 100%;
  height: 20px;
  clear: both;
  padding: 0;
  margin: 0;
  background: #ffffff url(../../gfx/OpenJaw/Frames/Frame4/footercenter.gif) repeat-x left top;
  font-size: 11px;
  font-weight: bold;
}

div.frame4 div.footer div.left {
  height: 20px;
  width: 4px;
  background: #ffffff url(../../gfx/OpenJaw/Frames/Frame4/footerleft.gif) no-repeat left top;
  display: inline;
  float: left;
  padding: 0;
}

div.frame4 div.footer div.center {
  height: 20px;
  display: inline;
  float: left;
  color: #4c4958;
  font-weight: bold;
  padding: 0;
}

div.frame4 div.footer div.right {
  height: 20px;
  width: 4px;
  background: #ffffff url(../../gfx/OpenJaw/Frames/Frame4/footerright.gif) no-repeat right top;
  display: inline;
  float: right;
  padding: 0;
}

table.frame4 {
  font-size: 11px;
}

table.frame4 tr td {
  border-top: solid 1px #cacac8;
  border-left: solid 1px #cacac8;
  padding: 2px;
}

table.frame4 tr td.disabled {
  color: #808080;
}

table.frame4 tr td.left {
  border-top: solid 1px #cacac8;
  border-left: 0;
}

table.frame4 tr th {
  padding: 2px;
  border-left: solid 1px #cacac8;
  text-align: left;
  font-weight: bold;
  background-color: #ffffff;
  color: #000000;
}

table.frame4 tr th.dark, table.frame4 tr td.dark {
  font-weight: bold;
  background-color:  #9a9b9d;
}

table.frame4 tr th.left {
  border-left: 0;
}

table.frame4 tr.spacer, table.frame4 tr.spacer td {
  height: 3px;
  overflow: hidden;
  line-height: 1px;
  font-size: 1px;
}

/* Error Frame */
div.framee {
  background-color: #ffffff;
  border: 0;
  margin: 0 0 10px;
  padding: 0;
}

div.framee div.padding {
  padding: 5px;
}

div.framee div.header {
  width: 100%;
  color: #ed1c24;
  background-color: inherit;
  clear: both;
  font-weight: bold;
}

div.framee div.header div.center {
  display: inline;
  padding: 0;
  text-align: left;
}

div.framee div.header div.center div.headerimage {
  display: inline;
  float: left;
  padding-top: 3px;
  padding-left: 5px;
  cursor: pointer;
  height: 20px;
  line-height: 18px;
}

div.framee div.header div.center div.headertext {
  display: inline;
  padding-top: 1px;
  padding-left: 5px;
  height: 20px;
  line-height: 18px;
}

div.framee div.main {
  border: solid 1px #ed1c24;
}

div.framee div.main div.center {
  display: inline;
  float: left;
  padding: 0;
}

div.framee div.bottom div.center {
  height: 4px;
  display: inline;
  float: left;
  padding: 0;
}

table.framee {
  font-size: 11px;
}

table.framee tr td {
  border-top: solid 1px #cacac8;
  border-left: solid 1px #cacac8;
  padding: 2px;
  font-size: 11px;
  line-height: 13px;
  color: #000000;
  background-color: #ffffff;
}

table.framee tr td.left {
  border-top: solid 1px #cacac8;
  border-left: 0;
}

table.framee tr th {
  padding: 2px;
  border-left: solid 1px #cacac8;
  text-align: left;
  font-weight: bold;
  font-size: 11px;
  line-height: 13px;
  color: #000000;
  background-color: #ffffff;
}

table.framee tr th.left {
  border-left: 0;
}

table.framee tr.spacer, table.framee tr.spacer td {
  height: 3px;
  overflow: hidden;
  line-height: 1px;
  font-size: 1px;
}

/* Success Frame */
div.frames {
  background-color: #ffffff;
  border: 0;
  margin: 0 0 10px;
  padding: 0;
}

div.frames div.padding {
  padding: 5px;
}

div.frames div.header {
  width: 100%;
  height: 20px;
  line-height: 18px;
  color: #2ba82b;
  background-color: inherit;
  clear: both;
  font-size: 11px;
  font-weight: bold;
}

div.frames div.header div.center {
  color: #2ba82b;
  height: 20px;
  display: inline;
  float: left;
  padding: 0;
}

div.frames div.header div.center div.headerimage {
  display: inline;
  float: left;
  padding-top: 3px;
  padding-left: 5px;
  cursor: pointer;
  height: 20px;
  line-height: 18px;
}

div.frames div.header div.center div.headertext {
  display: inline;
  float: left;
  padding-top: 1px;
  padding-left: 5px;
  height: 20px;
  line-height: 18px;
}

div.frames div.main {
  border: solid 1px #2ba82b;
}

div.frames div.main div.center {
  display: inline;
  float: left;
  padding: 0;
}

div.frames div.bottom div.center {
  height: 4px;
  display: inline;
  float: left;
  padding: 0;
}

table.frames {
  font-size: 11px;
}

table.frames tr td {
  border-top: solid 1px #cacac8;
  border-left: solid 1px #cacac8;
  padding: 2px;
  font-size: 11px;
  line-height: 13px;
  color: #000000;
  background-color: #ffffff;
}

table.frames tr td.left {
  border-top: solid 1px #cacac8;
  border-left: 0;
}

table.frames tr th {
  padding: 2px;
  border-left: solid 1px #cacac8;
  text-align: left;
  font-weight: bold;
  font-size: 11px;
  line-height: 13px;
  color: #000000;
  background-color: #ffffff;
}

table.frames tr th.left {
  border-left: 0;
}

table.frames tr.spacer, table.frames tr.spacer td {
  height: 3px;
  overflow: hidden;
  line-height: 1px;
  font-size: 1px;
}
/* Warning Frame */
div.framew {
  background-color: #ffffff;
  border: 0;
  margin: 0 0 10px;
  padding: 0;
}

div.framew div.padding {
  padding: 5px;
}

div.framew div.header {
  width: 100%;
  height: 20px;
  line-height: 18px;
  color: #ff6f01;
  clear: both;
  font-size: 11px;
  font-weight: bold;
  background: #ffffff url(../../gfx/OpenJaw/Frames/FrameW/headercenter.gif) repeat-x left top;
}

div.framew div.header div.left {
  height: 20px;
  width: 4px;
  background: #ffffff url(../../gfx/OpenJaw/Frames/FrameW/headerleft.gif) no-repeat left top;
  display: inline;
  float: left;
  padding: 0;
}

div.framew div.header div.center {
  color: #ff6f01;
  height: 20px;
  display: inline;
  float: left;
  padding: 0;
}

div.framew div.header div.right {
  height: 20px;
  width: 4px;
  background: #ffffff url(../../gfx/OpenJaw/Frames/FrameW/headerright.gif) no-repeat right top;
  display: inline;
  float: right;
  padding: 0;
}

div.framew div.header div.center div.headerimage {
  display: inline;
  float: left;
  padding-top: 3px;
  padding-left: 5px;
  cursor: pointer;
  height: 20px;
  line-height: 18px;
}

div.framew div.header div.center div.headertext {
  display: inline;
  float: left;
  padding-top: 1px;
  padding-left: 5px;
  height: 20px;
  line-height: 18px;
}

div.framew div.main {
  border-left: solid 1px #ff6f01;
  border-right: solid 1px #ff6f01;
}

div.framew div.main div.center {
  display: inline;
  float: left;
  padding: 0;
}

div.framew div.bottom {
  width: 100%;
  height: 4px;
  overflow: hidden;
  clear: both;
  background: #ffffff url(../../gfx/OpenJaw/Frames/FrameW/bottomcenter.gif) repeat-x left top;
}

div.framew div.bottom div.left {
  height: 4px;
  width: 4px;
  background: #ffffff url(../../gfx/OpenJaw/Frames/FrameW/bottomleft.gif) no-repeat left top;
  display: inline;
  float: left;
  padding: 0;
}

div.framew div.bottom div.center {
  height: 4px;
  display: inline;
  float: left;
  padding: 0;
}

div.framew div.bottom div.right {
  height: 4px;
  width: 4px;
  background: #ffffff url(../../gfx/OpenJaw/Frames/FrameW/bottomright.gif) no-repeat right top;
  display: inline;
  float: right;
  padding: 0;
}

table.framew {
  font-size: 11px;
}

table.framew tr td {
  border-top: solid 1px #cacac8;
  border-left: solid 1px #cacac8;
  padding: 2px;
  font-size: 11px;
  line-height: 13px;
  color: #000000;
  background-color: #ffffff;
}

table.framew tr td.left {
  border-top: solid 1px #cacac8;
  border-left: 0;
}

table.framew tr th {
  padding: 2px;
  border-left: solid 1px #cacac8;
  text-align: left;
  font-weight: bold;
  font-size: 11px;
  line-height: 13px;
  color: #000000;
  background-color: #ffffff;
}

table.framew tr th.left {
  border-left: 0;
}

table.framew tr.spacer, table.framew tr.spacer td {
  height: 3px;
  overflow: hidden;
  line-height: 1px;
  font-size: 1px;
}

.home,
#logos{
  width: 70em;
}

#logos .logo-box {
  display: inline-block;
  margin: 2em 3em;
  width: 10em;
  height: 15em;
}

.home .block {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  margin: 2em 3em;
  float: left;
}

.home .block a,
#logos .logo-box td {
  color: #4B1D39;
  font-size: 16px;
  display: block;
  margin-top: 1em;
}

.home .block img,
#logos .logo-box img {
  height: 4em;
  width: 4em;
  clear: both;
  display: block;
}
