
body {
  margin: 0;
  padding: 0;
  background-color: white;
  font-family: calibri, sans-serif;
  font-size: 11pt;
  background-color: #ceccc0;
}

.chosen {
  min-width: 150px;
}

.suggestion-custom {
  color: #b1b1b1;
  font-size: small;
}

#editing_name {
  position: relative;
  top: -1px;
  border-bottom-left-radius: 10px;
  float: right;
  background-color: #e3e3e3;
  border-bottom: 1px solid #7a7a7a;
  border-left: 1px solid #7a7a7a;
  padding: 8px;
  font-size: 13pt;
  text-align: right;
  cursor: help;
}

h1 {
  color: #032032;
  padding: 0 0 5px 0;
  font-size: 35px;
  margin: 0 0 15px;
}

h2 {
  color: #032032;
  padding: 0 0 5px 0;
  font-size: 25px;
  margin: 0 0 15px; 
}

#header h1 {
  display:inline-block;
  padding: 0;
  margin: 0;
}

h1, h2, legend, th, .label {
  font-family: 'Garamond', serif;
}

.label {
  font-weight: bold;
}

#header {
  background-color: #032032;
}

#navigation {
  float: right;
  color: white;
  position: relative;
  top: 35px;
  padding-top: 0.5%;
}

#navigation a {
  height: 26px;
  font-weight: bold;
  display: inline-block;
  color: white;
  text-decoration: none;
  font-size: 13px;
  padding: 6px 10px 0 10px;
  font-family: Arial, Helvetica, sans-serif;;
}

#breadcrumb {
  border-top: 1px solid #7a0417;
  border-bottom: 1px solid #7a7a7a;
  background-color: #e3e3e3;
  height: 19px;
  font-size: 12px;
}

#breadcrumb div div {
  padding: 3px 0 0 8px;
}

#breadcrumb a {
  text-decoration: none;
  color: #604609;
}

#content_container {
  background-color: white;
}

#content_background {
  background-color: white;
  border-left: 1px solid #a4a4a4;
  border-right: 1px solid #a4a4a4;
}

#footer {
  padding: 15px 0 15px 0;
  color: #333;
  line-height: 140%;
}

#footer a {
  color: #333;
  text-decoration: none;
}

fieldset, .enclose {
  background-color: #e6e6e6;
  border: 0;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

fieldset fieldset, .enclose .enclose {
  background-color: #d2d2d2;
}

fieldset fieldset fieldset, .enclose .enclose .enclose {
  background-color: #e6e6e6;
}

.enclose {
  margin:15px 0;
  padding:10px;
}

.enclose h3, .enclose h4, .enclose h5 {
  margin:3px 0;
}

p.error, span.error {
  margin:0;
  margin-top:3px;
  display: block;
}

.data {
  width: 100%;
}

.data.alternate tr:nth-child(even) {
  background: #CCC
}

th {
  text-align: left;
}

legend {
  font-size: 13pt;
  font-weight: bold;
  float: left;
  margin-bottom: 0.8em;
}

#content_left_nav {
  float: left;
  width: 250px;
}

#content_left_nav a {
  display: block;
  text-decoration: none;
  padding: 5px;
  /* font-family: "Times New Roman", serif;
  font-size: 13pt; */
  color: #04525f;
  margin-bottom:1px;
}

#content_left_nav .top {
  color: white;
  background-color: #032032;
}

#content_left_nav .sub {
  color: #032032;
  /* margin-left: 20px; */
  background-color: #eaeaea;
}

#header #watermark {
  position:absolute;
  z-index:1;
  opacity: .175;
  height:82px;
  overflow:hidden;
  filter:alpha(opacity=17);
  -moz-opacity:0.175;
  width: 960px;
  margin: 0 auto;
}

a {
  color: #04525f;
}

.zebra {
  background-color: #d2d2d2;
}

.small-text {
  font-size: 11pt;
}

.button-bar {
  background-color: #e6e6e6;
  border-radius: 10px;
  padding: 15px 15px 15px 15px;
}

.image-link {
  background-color: #e6e6e6;
  border-radius: 10px;
  padding: 5px 15px 5px 5px;
}

.image-link img {
  padding-left: 10px;
  vertical-align: middle;
}


.note-link {
  border-radius: 10px;
  height: 19px;
  padding: 5px 5px 5px 5px;
  text-align: right;
}

.note-link div img {
  padding-left: 10px;
  vertical-align: middle;
}

.note-link div {
  float: right;
  background-color: #e6e6e6;
  border-radius: 10px;
  padding: 5px 15px 5px 5px;
}


.buffer-bottom {
  margin-bottom: 25px;
}

.error-message {
  border: 1px solid #ff6565;
  padding: 12px;
  background-color: #ffb5b5;
  margin-bottom: 15px;
  color: red;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}


.content-sizer {
  margin: 0 30px;
}

.content-padder {
  padding: 20px 18px 10px 18px;
}

.content-small {
  padding: 20px 18px 10px 18px;
  width: 500px;
  margin: 0 auto;
}

.content-small h2 {
  margin:0;
}

.content-small p {
  margin-top: 0;
}

.required {
  color:red;
  text-decoration: none;
}

.error {
  color:red;
}
.errorfield {
  border: 1px solid red;
}

.categoryLabel {
  cursor: pointer;
}

.date {
  width: 100px;
}

.col {
  float:left;
}

.left {
  float:left;
}

.right {
  float: right;
}

.clear {
  clear: both;
  overflow: auto;
}

#footer .col {
  width:auto;
  padding:5%;
}

/* Left Nav styles */

.left_container .head h3 {
  margin:0.3em 0;
}

.left_container .navList {
  padding:0;
  margin:0;
  list-style: none;
}

.left_container .navList li {
  clear: both;
  overflow: auto;
  margin-bottom: 1px;
}

.navList li .left {
  width: 85%;
}

.navList li .right {
  display: table-cell;
  vertical-align: middle;
  padding:4px;
}

table caption {
  text-align:left;
  font-family: 'Garamond', serif;
  font-size: 13pt;
  font-weight: bold;
  background: transparent;
  margin: 0.4em 0;
  /* 
    Chosen dropdown plugin causes caption element 
    to jump out in few browser so the below fix 
  */
  overflow: auto !important;
}

/* 

  Hide content off screen but screen readers can read still 
  Do not modify or remove this rule.
*/

.accessAid {
  display:block !important; 
  position:absolute !important; 
  top:0 !important; 
  left:-500em !important; 
  overflow:hidden !important; 
  text-align:left !important; 
  text-indent:-9999em !important; 
  line-height:0 !important; 
  width:1px !important; 
  height:1px !important;
}

/* For testing */

/* Form Styles */

input.xsmall {width:2em;}
input.small {width:3.35em; font-size:1em;}
input.medium {width:7em;}
input.xmedium {width:9em;}
input.large {width:14em;}
input.xlarge {width:20em; padding: 8px; font-size: 1.2em;}
input.xxlarge {width:25em; padding: 8px; font-size: 1.2em;}

p.group {clear: both; overflow: auto;}
p.group span.label {display:block; margin:.1em 0;}
span.optional {color:#757575; font-size:.9em;}
span.autoTooltip {margin-left:5px; color:#084482; font-size:.9em;}
span.helplink{font-size:0.9em;}
span.help {display:block; margin:.1em 0; color:#757575; font-size:.9em;}
span.description {display:block; margin:.1em 0 0 1.6em;}

form fieldset.multi p {float:left; margin:0 .5em 0 0;}
form fieldset.multi legend, form fieldset.group legend {font-weight:normal;}
form fieldset.multi div.fields {overflow:auto; height:1%;}
form div.collapse {overflow:auto; margin:1em 0;}
form div.collapse p, form div.collapse fieldset {float:left; margin-top:0; margin-right:1em; margin-bottom:0;}

form .subform {margin:0.4em 0;}
form .subform .cont {clear:left; position:relative; overflow:auto;}
form .subform .cont .multi span.label {position:relative; text-align:left;}
form .subform .cont .multi p.group {float:left; margin:0 0.2em 1em;}
form .subform .cont p.group {float:none; margin:0 0 1em;}
form .subform .cont p.group label {float:none; text-align:left; width:auto;}
form .subform .cont p.group span.help, form .subform .cont p.group span.field {margin-left:0; padding-left:0;}
form .subform .group legend span.label {position:relative; display:block; width:auto; margin-bottom:1em; text-align:left;}
form .subform .group .cont {margin-left:21px;}

form.edit .subform {margin-left:200px;}
form.edit .subform fieldset {margin-top:0;}
form.edit .subform fieldset.multi legend, form.edit .subform fieldset.group legend {position:static;}
form.edit .group .subform, form.edit .group .subform div, form.edit .subform fieldset.group div {margin-left:0;}
form.edit .subform .buttons {padding-left:0;}
form.edit .group .subform .cont {margin-left:21px;}
form .subform .multi { margin-top:0.5em;}
form .subform .multi .group {margin-left:0;}

form.edit *.group {position:relative;}
form.edit p.group {overflow:auto; min-height:2em; _height:2em;}
form.edit p.group.textbox {min-height:5em; _height:5em;}
form.edit p.group.help.textbox {min-height:6.5em; _height:6em;}
form.edit p.group label, form.edit p.group span.label {float:left; clear:left; width:180px; margin:0; text-align:right;}
form.edit p.group span.labelText, form.edit p.group span.optional {display:block;}
form.edit p.group span.autoTooltip {float:right;}
form.edit p.group span.helplink {float:right;}
form.edit p.group span.help, .legacyErrors form.error.edit p.error span.help, form.error.edit fieldset.multi.error span.help {display:block; padding-left:20px; margin-left:181px;}
form.edit p.group span.field, .legacyErrors form.error.edit p.error span.field, .legacyErrors form.error.edit fieldset.error .fields {display:block; margin-left:200px;}
form.edit fieldset.multi legend, form.edit fieldset.group legend {position:absolute; top:0; left:0; width:180px; text-align:right;}
form.edit legend span.label, form.edit legend span.optional  {display:block; width:180px;} 
form.edit fieldset.multi {position:relative;}
form.edit fieldset.multi p *, form.edit fieldset.multi p.group span.field {margin-left:0;}
form.edit fieldset.multi span.help, form.edit fieldset.group span.help {padding-left:20px; margin-left:181px;}
form.edit fieldset.multi p.group label {text-align:left; width:auto; float:none;}
form.edit fieldset.multi p.group span.help {padding-left:0; margin-left:0;}
form.edit fieldset.multi span.labels, form.edit fieldset.group span.labels {float:left; display:block; width:180px; text-align:right;}
form.edit fieldset.multi .subform span.labels, form.edit fieldset.group .subform span.labels {text-align:left;}
form.edit .labels span.label, form.edit .labels span.optional  {display:block; width:180px;}
form.edit fieldset.multi div.fields {overflow:auto; height:1%; margin-left:200px; min-width:250px;}
form.edit fieldset.group .subform fieldset div.fields, form.edit fieldset.multi .subform fieldset div.fields, form.edit .subform fieldset div.fields {clear:both; margin-left:0;}
form.edit .multi .subform {margin-left:0;}
form.edit fieldset.group div {margin-left:200px;}
form.edit fieldset.group ul {margin:0 0 0 200px;}
form.edit fieldset.group ul li {margin-left:0; list-style:none;}
form.edit fieldset.group ul li label {display:inline;}
form.edit fieldset.group .subform p.first {margin-left:0;}
form.edit fieldset.group .subform p.group label {display:inline; width:auto;}
form.edit fieldset.group .subform span.field {display:inline; margin-left:10px;}
form.edit fieldset.group .subform span.label {position:relative;}

form.edit div.collapse p, form.edit div.collapse fieldset {float:none; margin-top:1em; margin-right:1em; margin-bottom:0;}

form.edit p.buttons, form.edit div.buttons {padding-left:201px;}

#display-name{
  float: right;
  position: relative;
  height: 0;
}

