/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page {
  width: 960px;
  background-color: #fff;
  margin: 20px auto 0px auto;
  border: 1px solid #496077;
}

.header {
  position: relative;
  margin: 0px;
  padding: 0px;
  background: #4b6c9e;
  width: 100%;
}

.header h1 {
  font-weight: 700;
  margin: 0px;
  padding: 0px 0px 0px 20px;
  color: #f9f9f9;
  border: none;
  line-height: 2em;
  font-size: 2em;
}

.main {
  padding: 0px 12px;
  margin: 12px 8px 8px 8px;
  min-height: 420px;
}

.leftCol {
  padding: 6px 0px;
  margin: 12px 8px 8px 8px;
  width: 200px;
  min-height: 200px;
}

.footer {
  color: #4e5766;
  padding: 8px 0px 0px 0px;
  margin: 0px auto;
  text-align: center;
  line-height: normal;
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink {
  background-color: #3a4f63;
  width: 100%;
}

div.menu {
  padding: 4px 0px 4px 8px;
}

div.menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: auto;
}

div.menu ul li a,
div.menu ul li a:visited {
  background-color: #465c71;
  border: 1px #4e667d solid;
  color: #dde4ec;
  display: block;
  line-height: 1.35em;
  padding: 4px 20px;
  text-decoration: none;
  white-space: nowrap;
}

div.menu ul li a:hover {
  background-color: #bfcbd6;
  color: #465c71;
  text-decoration: none;
}

div.menu ul li a:active {
  background-color: #465c71;
  color: #cfdbe6;
  text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset {
  margin: 1em 0px;
  padding: 1em;
  border: 1px solid #ccc;
}

fieldset p {
  margin: 2px 12px 10px 10px;
}

fieldset.login label,
fieldset.register label,
fieldset.changePassword label {
  display: block;
}

fieldset label.inline {
  display: inline;
}

legend {
  font-size: 1.1em;
  font-weight: 600;
  padding: 2px 4px 8px 4px;
}

input.textEntry {
  width: 320px;
  border: 1px solid #ccc;
}

input.passwordEntry {
  width: 320px;
  border: 1px solid #ccc;
}

div.accountInfo {
  width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear {
  clear: both;
}

.title {
  display: block;
  float: left;
  text-align: left;
  width: auto;
}

.loginDisplay {
  font-size: 1.1em;
  display: block;
  text-align: right;
  padding: 10px;
  color: White;
}

.loginDisplay a:link {
  color: white;
}

.loginDisplay a:visited {
  color: white;
}

.loginDisplay a:hover {
  color: white;
}

.failureNotification {
  font-size: 1.2em;
  color: Red;
}

.bold {
  font-weight: bold;
}

.submitButton {
  text-align: right;
  padding-right: 10px;
}

.calendarView {
  padding: 4px;
}
.titlevalue {
  color: Blue;
}
.txtBox {
  width: 200px;
}

.update-block-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  z-index: 9999;
  padding: 20px;
  overflow: auto;
}

#update-flash-container {
  position: fixed;
  top: 90px;
  right: 40px;
  min-width: 260px;
  padding: 12px 16px;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  z-index: 10001;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#update-flash-container.success {
  background-color: #3c763d;
}

#update-flash-container.error {
  background-color: #a94442;
}

#update-flash-container.info {
  background-color: #337ab7;
}