/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */
/* ================== Base styles - nothing comes above this ====================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: 88%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  color: #222;
}
body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.canBeSelectedOrCopied{
    -webkit-touch-callout: initial;
    -webkit-user-select: initial;
    -moz-user-select: text;
    -ms-user-select: initial;
    user-select: initial;
}
a:focus {
  outline: 0;
}
a:hover,
a:active {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 0;
  padding: 0;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", "Arial", "sans-serif";
  margin: 0;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
fieldset legend.asLabel, div.asLabel {
  margin-bottom: 0.45em;
}
label {
  cursor: default;
  display: block;
  margin-bottom: 0.45em;
}
label.inline {
  display: inline;
}
label.textColour1 {
  color: #800000;
}
label.textColour2 {
  color: #FF0000;
}
label.textColour3 {
  color: #808000;
}
label.textColour4 {
  color: #008000;
}
label.textColour5 {
  color: #008080;
}
label.textColour6 {
  color: #000080;
}
label.textColour7 {
  color: #0000FF;
}
label.textColour8 {
  color: #800080;
}
label.textColour9 {
  color: #FF00FF;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
  border: 1px solid silver;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
button.save {
  width: initial;
}
.buttons {
  position: absolute;
  bottom: 2px;
  right: 40px;
}
button,
input {
  line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}
button[disabled],
input[disabled],
textarea[disabled],
.disabled {
  cursor: default;
  background-color: white;
  border: 1px solid #eeeeee !important;
}
button[disabled]:hover,
input[disabled]:hover,
textarea[disabled]:hover {
  cursor: default;
  background-color: white;
  color: black;
  border: 1px solid #fefefe;
}
input[type="radio"] {
  box-sizing: border-box;
  border: none !important;
  padding: 0;
  *width: 13px;
  *height: 13px;
}
input[type="radio"] {
  border: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.smallerText {
  font-size: smaller;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
  padding-top: 8px;
}
.minTextAreaHeight textarea{
    min-height:100px;
}
.hiddenOverflow{overflow:hidden}
textarea:-ms-textarea-placeholder:focus {
  color: white;
}
textarea:-moz-placeholder {
  color: #999;
}
textarea:-moz-placeholder:focus {
  color: white;
}
textarea:-ms-textarea-placeholder {
  color: #999;
}
textarea:-ms-textarea-placeholder:focus {
  color: white;
}
textarea.promptDefault,
.vertinput .selectBoxHolder.promptDefault,
.selectBoxHolder.promptDefault,
.selectReplace.promptDefault,
input[type="text"].promptDefault,
.textBoxHolderWithAdd.promptDefault,
.selectBoxHolderWithAdd.promptDefault,
div.vertinput input[type=text].promptDefault,
div.vertinput textarea.promptDefault,
div.vertinput select.promptDefault,
div.wijmo-wijinput.promptDefault {
  border: 1px solid silver;
}
textarea.promptDefault:hover,
.vertinput .selectBoxHolder.promptDefault:hover,
.selectBoxHolder.promptDefault:hover,
.selectReplace.promptDefault:hover,
input[type="text"].promptDefault:hover,
.textBoxHolderWithAdd.promptDefault:hover,
.selectBoxHolderWithAdd.promptDefault:hover,
div.vertinput input[type=text].promptDefault:hover,
div.vertinput textarea.promptDefault:hover,
div.vertinput select.promptDefault:hover,
div.wijmo-wijinput.promptDefault:hover {
  border: 1px solid gray;
}
.posRelative{position:relative}
.posRelative.middle{left:49%}
textarea.promptColour1,
.vertinput .selectBoxHolder.promptColour1,
.selectBoxHolder.promptColour1,
.selectReplace.promptColour1,
input[type="text"].promptColour1,
.textBoxHolderWithAdd.promptColour1,
.selectBoxHolderWithAdd.promptColour1,
div.vertinput input[type=text].promptColour1,
div.vertinput textarea.promptColour1,
div.vertinput select.promptColour1,
div.wijmo-wijinput.promptColour1 {
  /*#800000- Maroon*/
  border: 1px solid #800000;
  border: 1px solid rgba(128, 0, 0, 0.75);
}
textarea.promptColour1:hover,
.vertinput .selectBoxHolder.promptColour1:hover,
.selectBoxHolder.promptColour1:hover,
.selectReplace.promptColour1:hover,
input[type="text"].promptColour1:hover,
.textBoxHolderWithAdd.promptColour1:hover,
.selectBoxHolderWithAdd.promptColour1:hover,
div.vertinput input[type=text].promptColour1:hover,
div.vertinput textarea.promptColour1:hover,
div.vertinput select.promptColour1:hover,
div.wijmo-wijinput.promptColour1:hover {
  border: 1px solid #800000;
}
textarea.promptColour2,
.vertinput .selectBoxHolder.promptColour2,
.selectBoxHolder.promptColour2,
.selectReplace.promptColour2,
input[type="text"].promptColour2,
.textBoxHolderWithAdd.promptColour2,
.selectBoxHolderWithAdd.promptColour2,
div.vertinput input[type=text].promptColour2,
div.vertinput textarea.promptColour2,
div.vertinput select.promptColour2,
div.wijmo-wijinput.promptColour2 {
  /*#FF0000 - red*/
  border: 1px solid #ff0000;
  border: 1px solid rgba(255, 0, 0, 0.75);
}
textarea.promptColour2:hover,
.vertinput .selectBoxHolder.promptColour2:hover,
.selectBoxHolder.promptColour2:hover,
.selectReplace.promptColour2:hover,
input[type="text"].promptColour2:hover,
.textBoxHolderWithAdd.promptColour2:hover,
.selectBoxHolderWithAdd.promptColour2:hover,
div.vertinput input[type=text].promptColour2:hover,
div.vertinput textarea.promptColour2:hover,
div.vertinput select.promptColour2:hover,
div.wijmo-wijinput.promptColour2:hover {
  border: 1px solid #ff0000;
}
textarea.promptColour3,
.vertinput .selectBoxHolder.promptColour3,
.selectBoxHolder.promptColour3,
.selectReplace.promptColour3,
input[type="text"].promptColour3,
.textBoxHolderWithAdd.promptColour3,
.selectBoxHolderWithAdd.promptColour3,
div.vertinput input[type=text].promptColour3,
div.vertinput textarea.promptColour3,
div.vertinput select.promptColour3,
div.wijmo-wijinput.promptColour3 {
  /*#808000 - olive*/
  border: 1px solid #808000;
  border: 1px solid rgba(128, 128, 0, 0.75);
}
textarea.promptColour3:hover,
.vertinput .selectBoxHolder.promptColour3:hover,
.selectBoxHolder.promptColour3:hover,
.selectReplace.promptColour3:hover,
input[type="text"].promptColour3:hover,
.textBoxHolderWithAdd.promptColour3:hover,
.selectBoxHolderWithAdd.promptColour3:hover,
div.vertinput input[type=text].promptColour3:hover,
div.vertinput textarea.promptColour3:hover,
div.vertinput select.promptColour3:hover,
div.wijmo-wijinput.promptColour3:hover {
  border: 1px solid #808000;
}
textarea.promptColour4,
.vertinput .selectBoxHolder.promptColour4,
.selectBoxHolder.promptColour4,
.selectReplace.promptColour4,
input[type="text"].promptColour4,
.textBoxHolderWithAdd.promptColour4,
.selectBoxHolderWithAdd.promptColour4,
div.vertinput input[type=text].promptColour4,
div.vertinput textarea.promptColour4,
div.vertinput select.promptColour4,
div.wijmo-wijinput.promptColour4 {
  /*#008000 - green */
  border: 1px solid #008000;
  border: 1px solid rgba(0, 128, 0, 0.75);
}
textarea.promptColour4:hover,
.vertinput .selectBoxHolder.promptColour4:hover,
.selectBoxHolder.promptColour4:hover,
.selectReplace.promptColour4:hover,
input[type="text"].promptColour4:hover,
.textBoxHolderWithAdd.promptColour4:hover,
.selectBoxHolderWithAdd.promptColour4:hover,
div.vertinput input[type=text].promptColour4:hover,
div.vertinput textarea.promptColour4:hover,
div.vertinput select.promptColour4:hover,
div.wijmo-wijinput.promptColour4:hover {
  border: 1px solid #008000;
}
textarea.promptColour5,
.vertinput .selectBoxHolder.promptColour5,
.selectBoxHolder.promptColour5,
.selectReplace.promptColour5,
input[type="text"].promptColour5,
.textBoxHolderWithAdd.promptColour5,
.selectBoxHolderWithAdd.promptColour5,
div.vertinput input[type=text].promptColour5,
div.vertinput textarea.promptColour5,
div.vertinput select.promptColour5,
div.wijmo-wijinput.promptColour5 {
  /*#008080 - teal*/
  border: 1px solid #008080;
  border: 1px solid rgba(0, 128, 128, 0.75);
}
textarea.promptColour5:hover,
.vertinput .selectBoxHolder.promptColour5:hover,
.selectBoxHolder.promptColour5:hover,
.selectReplace.promptColour5:hover,
input[type="text"].promptColour5:hover,
.textBoxHolderWithAdd.promptColour5:hover,
.selectBoxHolderWithAdd.promptColour5:hover,
div.vertinput input[type=text].promptColour5:hover,
div.vertinput textarea.promptColour5:hover,
div.vertinput select.promptColour5:hover,
div.wijmo-wijinput.promptColour5:hover {
  border: 1px solid #008080;
}
textarea.promptColour6,
.vertinput .selectBoxHolder.promptColour6,
.selectBoxHolder.promptColour6,
.selectReplace.promptColour6,
input[type="text"].promptColour6,
.textBoxHolderWithAdd.promptColour6,
.selectBoxHolderWithAdd.promptColour6,
div.vertinput input[type=text].promptColour6,
div.vertinput textarea.promptColour6,
div.vertinput select.promptColour6,
div.wijmo-wijinput.promptColour6 {
  /*#000080 - indigo*/
  border: 1px solid #000080;
  border: 1px solid rgba(0, 0, 128, 0.75);
}
textarea.promptColour6:hover,
.vertinput .selectBoxHolder.promptColour6:hover,
.selectBoxHolder.promptColour6:hover,
.selectReplace.promptColour6:hover,
input[type="text"].promptColour6:hover,
.textBoxHolderWithAdd.promptColour6:hover,
.selectBoxHolderWithAdd.promptColour6:hover,
div.vertinput input[type=text].promptColour6:hover,
div.vertinput textarea.promptColour6:hover,
div.vertinput select.promptColour6:hover,
div.wijmo-wijinput.promptColour6:hover {
  border: 1px solid #000080;
}
textarea.promptColour7,
.vertinput .selectBoxHolder.promptColour7,
.selectBoxHolder.promptColour7,
.selectReplace.promptColour7,
input[type="text"].promptColour7,
.textBoxHolderWithAdd.promptColour7,
.selectBoxHolderWithAdd.promptColour7,
div.vertinput input[type=text].promptColour7,
div.vertinput textarea.promptColour7,
div.vertinput select.promptColour7,
div.wijmo-wijinput.promptColour7 {
  /*#0000FF - blue*/
  border: 1px solid #0000ff;
  border: 1px solid rgba(0, 0, 255, 0.75);
}
textarea.promptColour7:hover,
.vertinput .selectBoxHolder.promptColour7:hover,
.selectBoxHolder.promptColour7:hover,
.selectReplace.promptColour7:hover,
input[type="text"].promptColour7:hover,
.textBoxHolderWithAdd.promptColour7:hover,
.selectBoxHolderWithAdd.promptColour7:hover,
div.vertinput input[type=text].promptColour7:hover,
div.vertinput textarea.promptColour7:hover,
div.vertinput select.promptColour7:hover,
div.wijmo-wijinput.promptColour7:hover {
  border: 1px solid #0000ff;
}
textarea.promptColour8,
.vertinput .selectBoxHolder.promptColour8,
.selectBoxHolder.promptColour8,
.selectReplace.promptColour8,
input[type="text"].promptColour8,
.textBoxHolderWithAdd.promptColour8,
.selectBoxHolderWithAdd.promptColour8,
div.vertinput input[type=text].promptColour8,
div.vertinput textarea.promptColour8,
div.vertinput select.promptColour8,
div.wijmo-wijinput.promptColour8 {
  /*#800080 - violet*/
  border: 1px solid #800080;
  border: 1px solid rgba(128, 0, 128, 0.75);
}
textarea.promptColour8:hover,
.vertinput .selectBoxHolder.promptColour8:hover,
.selectBoxHolder.promptColour8:hover,
.selectReplace.promptColour8:hover,
input[type="text"].promptColour8:hover,
.textBoxHolderWithAdd.promptColour8:hover,
.selectBoxHolderWithAdd.promptColour8:hover,
div.vertinput input[type=text].promptColour8:hover,
div.vertinput textarea.promptColour8:hover,
div.vertinput select.promptColour8:hover,
div.wijmo-wijinput.promptColour8:hover {
  border: 1px solid #800080;
}
textarea.promptColour9,
.vertinput .selectBoxHolder.promptColour9,
.selectBoxHolder.promptColour9,
.selectReplace.promptColour9,
input[type="text"].promptColour9,
.textBoxHolderWithAdd.promptColour9,
.selectBoxHolderWithAdd.promptColour9,
div.vertinput input[type=text].promptColour9,
div.vertinput textarea.promptColour9,
div.vertinput select.promptColour9,
div.wijmo-wijinput.promptColour9 {
  /*#FF00FF - pink*/
  border: 1px solid #ff00ff;
  border: 1px solid rgba(255, 0, 255, 0.75);
}
textarea.promptColour9:hover,
.vertinput .selectBoxHolder.promptColour9:hover,
.selectBoxHolder.promptColour9:hover,
.selectReplace.promptColour9:hover,
input[type="text"].promptColour9:hover,
.textBoxHolderWithAdd.promptColour9:hover,
.selectBoxHolderWithAdd.promptColour9:hover,
div.vertinput input[type=text].promptColour9:hover,
div.vertinput textarea.promptColour9:hover,
div.vertinput select.promptColour9:hover,
div.wijmo-wijinput.promptColour9:hover {
  border: 1px solid #ff00ff;
}
textarea.promptColour1,
.vertinput .selectBoxHolder.promptColour1,
.selectBoxHolder.promptColour1,
.selectReplace.promptColour1,
input[type="text"].promptColour1,
.textBoxHolderWithAdd.promptColour1,
.selectBoxHolderWithAdd.promptColour1,
div.vertinput input[type=text].promptColour1,
div.vertinput textarea.promptColour1,
div.vertinput select.promptColour1,
div.wijmo-wijinput.promptColour1,
textarea.promptColour2,
.vertinput .selectBoxHolder.promptColour2,
.selectBoxHolder.promptColour2,
.selectReplace.promptColour2,
input[type="text"].promptColour2,
.textBoxHolderWithAdd.promptColour2,
.selectBoxHolderWithAdd.promptColour2,
div.vertinput input[type=text].promptColour2,
div.vertinput textarea.promptColour2,
div.vertinput select.promptColour2,
div.wijmo-wijinput.promptColour2,
textarea.promptColour3,
.vertinput .selectBoxHolder.promptColour3,
.selectBoxHolder.promptColour3,
.selectReplace.promptColour3,
input[type="text"].promptColour3,
.textBoxHolderWithAdd.promptColour3,
.selectBoxHolderWithAdd.promptColour3,
div.vertinput input[type=text].promptColour3,
div.vertinput textarea.promptColour3,
div.vertinput select.promptColour3,
div.wijmo-wijinput.promptColour3,
textarea.promptColour4,
.vertinput .selectBoxHolder.promptColour4,
.selectBoxHolder.promptColour4,
.selectReplace.promptColour4,
input[type="text"].promptColour4,
.textBoxHolderWithAdd.promptColour4,
.selectBoxHolderWithAdd.promptColour4,
div.vertinput input[type=text].promptColour4,
div.vertinput textarea.promptColour4,
div.vertinput select.promptColour4,
div.wijmo-wijinput.promptColour4,
textarea.promptColour5,
.vertinput .selectBoxHolder.promptColour5,
.selectBoxHolder.promptColour5,
.selectReplace.promptColour5,
input[type="text"].promptColour5,
.textBoxHolderWithAdd.promptColour5,
.selectBoxHolderWithAdd.promptColour5,
div.vertinput input[type=text].promptColour5,
div.vertinput textarea.promptColour5,
div.vertinput select.promptColour5,
div.wijmo-wijinput.promptColour5,
textarea.promptColour6,
.vertinput .selectBoxHolder.promptColour6,
.selectBoxHolder.promptColour6,
.selectReplace.promptColour6,
input[type="text"].promptColour6,
.textBoxHolderWithAdd.promptColour6,
.selectBoxHolderWithAdd.promptColour6,
div.vertinput input[type=text].promptColour6,
div.vertinput textarea.promptColour6,
div.vertinput select.promptColour6,
div.wijmo-wijinput.promptColour6,
textarea.promptColour7,
.vertinput .selectBoxHolder.promptColour7,
.selectBoxHolder.promptColour7,
.selectReplace.promptColour7,
input[type="text"].promptColour7,
.textBoxHolderWithAdd.promptColour7,
.selectBoxHolderWithAdd.promptColour7,
div.vertinput input[type=text].promptColour7,
div.vertinput textarea.promptColour7,
div.vertinput select.promptColour7,
div.wijmo-wijinput.promptColour7,
textarea.promptColour8,
.vertinput .selectBoxHolder.promptColour8,
.selectBoxHolder.promptColour8,
.selectReplace.promptColour8,
input[type="text"].promptColour8,
.textBoxHolderWithAdd.promptColour8,
.selectBoxHolderWithAdd.promptColour8,
div.vertinput input[type=text].promptColour8,
div.vertinput textarea.promptColour8,
div.vertinput select.promptColour8,
div.wijmo-wijinput.promptColour8,
textarea.promptColour9,
.vertinput .selectBoxHolder.promptColour9,
.selectBoxHolder.promptColour9,
.selectReplace.promptColour9,
input[type="text"].promptColour9,
.textBoxHolderWithAdd.promptColour9,
.selectBoxHolderWithAdd.promptColour9,
div.vertinput input[type=text].promptColour9,
div.vertinput textarea.promptColour9,
div.vertinput select.promptColour9,
div.wijmo-wijinput.promptColour9 {
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.wijmo-wijinput-wrapper input[type="text"].promptDefault,
div.vertinput .wijmo-wijinput-wrapper input[type=text].promptDefault,
.wijmo-wijinput-wrapper input[type="text"].promptColour1,
div.vertinput .wijmo-wijinput-wrapper input[type=text].promptColour1,
.wijmo-wijinput-wrapper input[type="text"].promptColour2,
div.vertinput .wijmo-wijinput-wrapper input[type=text].promptColour2,
.wijmo-wijinput-wrapper input[type="text"].promptColour3,
div.vertinput .wijmo-wijinput-wrapper input[type=text].promptColour3,
.wijmo-wijinput-wrapper input[type="text"].promptColour4,
div.vertinput .wijmo-wijinput-wrapper input[type=text].promptColour4,
.wijmo-wijinput-wrapper input[type="text"].promptColour5,
div.vertinput .wijmo-wijinput-wrapper input[type=text].promptColour5,
.wijmo-wijinput-wrapper input[type="text"].promptColour6,
div.vertinput .wijmo-wijinput-wrapper input[type=text].promptColour6,
.wijmo-wijinput-wrapper input[type="text"].promptColour7,
div.vertinput .wijmo-wijinput-wrapper input[type=text].promptColour7,
.wijmo-wijinput-wrapper input[type="text"].promptColour8,
div.vertinput .wijmo-wijinput-wrapper input[type=text].promptColour8,
.wijmo-wijinput-wrapper input[type="text"].promptColour9,
div.vertinput .wijmo-wijinput-wrapper input[type=text].promptColour9 {
  border: none;
}
.wijmo-wijinput-wrapper input[type="text"].promptDefault:hover,
div.vertinput .wijmo-wijinput-wrapper input[type=text].promptDefault:hover,
.wijmo-wijinput-wrapper input[type="text"].promptColour1:hover,
div.vertinput .wijmo-wijinput-wrapper input[type=text].promptColour1:hover,
.wijmo-wijinput-wrapper input[type="text"].promptColour2:hover,
div.vertinput .wijmo-wijinput-wrapper input[type=text].promptColour2:hover,
.wijmo-wijinput-wrapper input[type="text"].promptColour3:hover,
div.vertinput .wijmo-wijinput-wrapper input[type=text].promptColour3:hover,
.wijmo-wijinput-wrapper input[type="text"].promptColour4:hover,
div.vertinput .wijmo-wijinput-wrapper input[type=text].promptColour4:hover,
.wijmo-wijinput-wrapper input[type="text"].promptColour5:hover,
div.vertinput .wijmo-wijinput-wrapper input[type=text].promptColour5:hover,
.wijmo-wijinput-wrapper input[type="text"].promptColour6:hover,
div.vertinput .wijmo-wijinput-wrapper input[type=text].promptColour6:hover,
.wijmo-wijinput-wrapper input[type="text"].promptColour7:hover,
div.vertinput .wijmo-wijinput-wrapper input[type=text].promptColour7:hover,
.wijmo-wijinput-wrapper input[type="text"].promptColour8:hover,
div.vertinput .wijmo-wijinput-wrapper input[type=text].promptColour8:hover,
.wijmo-wijinput-wrapper input[type="text"].promptColour9:hover,
div.vertinput .wijmo-wijinput-wrapper input[type=text].promptColour9:hover {
  border: none;
}
::-webkit-input-placeholder {
  color: #666;
}
:-moz-placeholder {
  color: #666;
}
:-ms-input-placeholder {
  color: #666;
}
.focus::-webkit-input-placeholder {
  color: #CCC;
}
.focus:-moz-placeholder {
  color: #CCC;
}
.focus:-ms-input-placeholder {
  color: #CCC;
}
::-ms-clear {
  display: none;
}
::-ms-reveal {
  display: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}
#map.mapBox{display: block; position: relative; width: 100%; height: 300px; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
#map.mapBox span.notFound {text-align: center; display: block; padding: 120px 25px 0 25px;font-size: 90%;}
.pointerCursor {
  cursor: pointer;
}
.printMe,
.refreshMe,
.downloadMe {
  background: url("../icons/connectRefresh.png") no-repeat 50px 50px;
  opacity: 0.5;
  height: 24px;
  width: 24px;
}
.printMe:hover,
.refreshMe:hover,
.downloadMe:hover{
  opacity: 1;
}
.printMe {
  background-position: 0px -76px;
}
.refreshMe {
  background-position: 0px 0px;
}
.downloadMe {
  background-position: 0px -100px;
}
div.jGrowl {
  font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", "Arial", "sans-serif";
}
div.jGrowl div.jGrowl-notification {
  background: rgba(33, 60, 75, 0.9) url('../icons/growlRed.png') no-repeat 5px 5px;
  padding-left: 45px;
  padding-top: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
div.jGrowl div.jGrowl-notification.info {
  background-image: url('../icons/growlBlue.png');
  background-repeat: no-repeat;
  opacity: 1;
  background-color: rgba(33, 60, 75, 1) !important;
}
div.jGrowl div.jGrowl-notification div.jGrowl-header {
  font-size: 1.1em;
}
div.jGrowl div.jGrowl-notification div.jGrowl-message {
  font-size: 0.95em;
}
div.jGrowl div.jGrowl-closer {
  background-color: rgba(33, 60, 75, 0.9);
  font-size: 1.1em;
}
/* ===== Base styles end ======================================================== */
/* ===== Primary Styles ========================================================
Author: James Kilford
   ========================================================================== */
/* Alter box model for consistency */
/* Remove outlining */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}
#mapBaseContainer * {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  outline: 0;
}
/* large radio buttons, CSS ver  */
input[type="radio"].large,
input[type="radio"][disabled].large {
  height: 20px;
  width: 20px;
  vertical-align: middle;
}
/* ============================= Primary Styles Ends ================================*/
/* ============================= Master layout and styling =============================*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
h2 {
  font-size: 160%;
  font-weight: 100;
  margin-bottom: 10px;
  margin-top: 10px;
  position: relative;
}
.setRelative,
#content {
  position: relative;
}
/* ============================= Layout classes =============================*/
h2.disclaimerHeading {
  font-size: 16px;
  color: #666 !important;
  margin: 0;
}
.disclaimer {
  height: 138px;
  overflow-y: auto;
  margin-bottom: 10px;
  padding: 0 5px 0 0;
  font-size: 80%;
}
.disclaimer p {
  padding: 0;
  margin: 0;
}
.disclaimerLabel {
  display: inline !important;
  margin: 0 !important;
  font-size: 80%;
}
.disclaimerButtons {
  float: right;
}
.disclaimerButtons button[disabled]:hover {
  color: #808080;
}
.blockLabel {
  display: block;
  margin-bottom: 6px;
}
.divReadOnlyText,
.divReadOnlyTextArea {
  color: #222;
  border: 1px solid silver;
  background-color: #f7f7f7;
  padding: 4px 2px 4px 5px;
  margin-top: 4px;
  margin-bottom: 4px;
  min-height: 30px;
}
.divReadOnlyTextArea {
  max-height: 100px;
  overflow-y: auto;
  word-break:break-word;
}
.divReadOnlyTextArea.minHeight {
  height: 96px;
}
.divReadOnlyText {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 28px;
}
.divReadOnlyText span.view {
  visibility: hidden;
  float: right;
  text-align: right;
  height: 21px;
  width: 25px;
  opacity: 0.5;
  cursor: pointer;
  background: url('../icons/monoLittleIcons.png') 3px -296px no-repeat;
}
.divReadOnlyText span.view:hover {
  opacity: 1;
}
.divReadOnlyText p.text {
  padding: 0;
  margin: 0;
  overflow: hidden;
  cursor: default;
}
.divReadOnlyText:hover span.view {
  visibility: visible;
}
.checkTextWidth {
  width: 138px;
}
.shortTextWithCheck {
  width: 50%;
  margin-top: 30px;
  float: left;
}
.readOnlyNoticeWidth {
  width: 220px !important;
}
.readOnlyShortNotice {
  width: 50%;
  margin-top: 30px;
  float: left;
}
.readOnlyDisabled {
  background-color: #f7f7f7 !important;
  border: 1px solid silver !important;
}
.innerList.readOnlyDisabled ul li{ background-color: #f7f7f7; min-height:28px }
label.readOnlyDisabled {
  min-height: 30px;
  padding: 4px;
}
.noMargin {
  margin: 0 !important;
}
.roMinEmpty {
  background-color: #f7f7f7 !important;
  min-height: 28px !important;
}
.roFilter {
  margin-right: 14px;
}
.meetinggrid .roFilter.refresh {
  margin-right: 30px;
}
.fullWidth {
  width: 100% !important;
}
.topPaddingFloatLeft {
  padding-top: 10px;
  float: left;
}
.labelDisplayInline,
.displayInline {
  display: inline;
}
.iBlock {
  display: inline-block;
}
.iBlock.eighty {
  width: 80%;
}
#automaticCheckbox,
.floatLeft {
  float: left;
}
.displayInline {
  display: inline;
}
.floatRight {
  float: right;
}
.clrDiv {
  clear: both;
  height: 0;
}
.clrLeft {
  clear: left;
}
.floatLeft {
  float: left;
}
.bottomSpace {
  margin-bottom: 10px;
}
.inlineFields .wijmo-wijinput {
  margin-left: 5px;
}
.inlineFields .wijmo-wijinput:first-child {
  margin-left: 0;
}
.inputField {
  height: 30px;
  padding-left: 5px;
  width: 100%;
}
.notShown {
  display: none;
}
.notVisible {
  visibility: hidden;
}
.noHighlight {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
label.topNth {
  padding-top: 10px;
}
.twoColOne,
.twoColTwo {
  float: left;
  padding-right: 50px;
  width: 50%;
}
.twoColumnRow {
  width: 40%;
  float: left;
  padding-right: 20px;
  padding-left: 0;
}
.twoColumnRow .textDateBox {
  min-height: 28px;
}
/* override for large jQuery checkbox */
span.checkbox.large.disabled {
  border: none !important;
  background-color: transparent;
  color: inherit;
}
.disabledBox {
  width: 100%;
  height: 30px;
  padding: 2px 2px 5px 5px;
  border: 1px solid #c0c0c0;
  background-color: #f7f7f7;
  overflow-x: hidden;
}
.fullwidth {
  width: 100%;
}
.checkBlock {
  display: block;
  float: left;
}
.radioBlock {
  display: block;
  float: left;
  min-height: 27px;
  clear: both;
}
.textWithChk,
.labelWithChk,
.labelWithRadio {
  display: block;
  margin-left: 25px;
}
.selector {
  padding-top: 0;
  float: left;
}
.setTitleToEllipsis,
.setToEllipsis {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.setTitleToEllipsis.titleFloat,
.setToEllipsis.titleFloat {
  width: 65%;
  margin: 0;
  padding: 0;
  float: left;
}
span.loadAnimation {
  position: absolute;
  top: 2px;
  left: 3px;
  background-image: url('../icons/loading.gif');
  background-repeat: no-repeat;
  width: 22px;
  height: 16px;
  margin: 4px;
  padding: 0;

}
.fiftyFifty {
  width: 50%;
}
.readOnlyBox,
.emptyBox {
  border: 1px solid silver;
  padding: 4px 2px 4px 5px;
  overflow-y: auto;
  max-height: 61px;
  background-color: #f7f7f7;
  min-height: 30px;
}
.readOnlyBox{overflow:hidden}
.emptyBox {
  /*this class could be used for displaying empty content*/
}
.wijmo-wijinput.ui-widget {
  width: 60px;
}
.ie8DisabledCheckBox {
  width: 20px;
  height: 20px;
  float: left;
  background: transparent url('../icons/largecheckbox.png') no-repeat -3px -55px;
  margin-right: 5px;
}
.ie8DisabledCheckBox.ie8DisabledChecked {
  background-position: -3px -165px;
}
/* =============================Layout classes ends here ============================= */
/* ======================== IE specific hacks ======================== */
div.vertinput .selectBoxHolder.disabled:focus {
  color: black\0;
}
div.vertinput .selectBoxHolder.disabled:focus {
  color: black\9\0;
}
.ie10 div.vertinput .selectBoxHolder.disabled:focus {
  color: black;
}
/* ======================== IE specific hacks ends =================== */
/*============== General droppable box ================= */
.dropBox {
  border: 2px dashed silver;
  min-height: 65px;
  text-align: center;
  cursor: pointer;
}
.dropBox .msg {
  background: url('../icons/upload_medium.png') no-repeat center 0;
  padding-top: 25px;
  margin-top: 10px;
  opacity: 0.5;
}
.dropBox.dropping {
  border: 3px dashed silver;
}
.dropBox.dropping .msg {
  margin-top: 9px;
  opacity: 0.5;
}
/* ============== list action icons styling ====================== */
#tabmeetingdocuments div.listview.smaller,
#tabmeetingagenda div.listview.smaller,
#tabresolutiondocuments div.listview.smaller,
#tabreadingroomdocuments div.listview.smaller {
  min-height: 0;
}
#tabmeetingdocuments div.listview.smaller.dropping,
#tabmeetingagenda div.listview.smaller.dropping,
#tabresolutiondocuments div.listview.smaller.dropping,
#tabreadingroomdocuments div.listview.smaller.dropping {
  border: 2px dashed silver;
}
#tabmeetingdocuments div.listview.smaller.dropping ul li,
#tabmeetingagenda div.listview.smaller.dropping ul li,
#tabresolutiondocuments div.listview.smaller.dropping ul li,
#tabreadingroomdocuments div.listview.smaller.dropping ul li {
  padding: 3px 0 2px 4px;
}
#tabmeetingdocuments div.listview.smaller .dropMsg,
#tabmeetingagenda div.listview.smaller .dropMsg,
#tabresolutiondocuments div.listview.smaller .dropMsg,
#tabreadingroomdocuments div.listview.smaller .dropMsg {
  text-align: center;
  min-height: 45px;
  margin-top: 5px;
  cursor: pointer;
}
#tabmeetingdocuments div.listview.smaller .dropMsg .msg,
#tabmeetingagenda div.listview.smaller .dropMsg .msg,
#tabresolutiondocuments div.listview.smaller .dropMsg .msg,
#tabreadingroomdocuments div.listview.smaller .dropMsg .msg {
  background: url('../icons/upload_medium.png') no-repeat center 0;
  padding-top: 25px;
  margin: 0;
  opacity: 0.5;
}
#tabmeetingdocuments div.listview.smaller .dropMsg.hasDemarkation,
#tabmeetingagenda div.listview.smaller .dropMsg.hasDemarkation,
#tabresolutiondocuments div.listview.smaller .dropMsg.hasDemarkation,
#tabreadingroomdocuments div.listview.smaller .dropMsg.hasDemarkation {
  border-top: 1px solid silver;
  margin-top: 0;
}
#tabmeetingdocuments div.listview.smaller .dropMsg.hasDemarkation .msg,
#tabmeetingagenda div.listview.smaller .dropMsg.hasDemarkation .msg,
#tabresolutiondocuments div.listview.smaller .dropMsg.hasDemarkation .msg,
#tabreadingroomdocuments div.listview.smaller .dropMsg.hasDemarkation .msg {
  background-position: center 5px;
  padding-top: 30px;
}
#tabmeetingdocuments div.listview.smaller ul li,
#tabmeetingagenda div.listview.smaller ul li,
#tabresolutiondocuments div.listview.smaller ul li,
#tabreadingroomdocuments div.listview.smaller ul li {
  min-height: 29px;
}
#tabmeetingdocuments div.listview.smaller ul li .selector,
#tabmeetingagenda div.listview.smaller ul li .selector,
#tabresolutiondocuments div.listview.smaller ul li .selector,
#tabreadingroomdocuments div.listview.smaller ul li .selector {
  float: left;
}
#tabmeetingdocuments div.listview.smaller ul li .holder,
#tabmeetingagenda div.listview.smaller ul li .holder,
#tabresolutiondocuments div.listview.smaller ul li .holder,
#tabreadingroomdocuments div.listview.smaller ul li .holder {
  margin-left: 25px;
}
#tabmeetingdocuments div.listview.smaller ul li .holder.noCheckBox,
#tabmeetingagenda div.listview.smaller ul li .holder.noCheckBox,
#tabresolutiondocuments div.listview.smaller ul li .holder.noCheckBox,
#tabreadingroomdocuments div.listview.smaller ul li .holder.noCheckBox {
  margin-left: 0;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .images,
#tabmeetingagenda div.listview.smaller ul li .holder .images,
#tabresolutiondocuments div.listview.smaller ul li .holder .images,
#tabreadingroomdocuments div.listview.smaller ul li .holder .images {
  float: right;
  width: 85px;
  margin-left: 10px;
  text-align: right;
  height: 20px;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .images a.actionIcons,
#tabmeetingagenda div.listview.smaller ul li .holder .images a.actionIcons,
#tabresolutiondocuments div.listview.smaller ul li .holder .images a.actionIcons,
#tabreadingroomdocuments div.listview.smaller ul li .holder .images a.actionIcons {
  background-image: url('../icons/smallActionIcons.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
  height: 20px;
  float: right;
  width: 20px;
  margin: 0 5px 0 5px;
  display: none;
  opacity: 0.5;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .images a.actionIcons:first-child,
#tabmeetingagenda div.listview.smaller ul li .holder .images a.actionIcons:first-child,
#tabresolutiondocuments div.listview.smaller ul li .holder .images a.actionIcons:first-child,
#tabreadingroomdocuments div.listview.smaller ul li .holder .images a.actionIcons:first-child {
  margin-left: 0;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .images a.actionIcons.dropDown,
#tabmeetingagenda div.listview.smaller ul li .holder .images a.actionIcons.dropDown,
#tabresolutiondocuments div.listview.smaller ul li .holder .images a.actionIcons.dropDown,
#tabreadingroomdocuments div.listview.smaller ul li .holder .images a.actionIcons.dropDown {
  background-position: 0 -215px;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .images a.actionIcons.delete,
#tabmeetingagenda div.listview.smaller ul li .holder .images a.actionIcons.delete,
#tabresolutiondocuments div.listview.smaller ul li .holder .images a.actionIcons.delete,
#tabreadingroomdocuments div.listview.smaller ul li .holder .images a.actionIcons.delete {
  background-position: 0 -58px;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .images a.actionIcons.download,
#tabmeetingagenda div.listview.smaller ul li .holder .images a.actionIcons.download,
#tabresolutiondocuments div.listview.smaller ul li .holder .images a.actionIcons.download,
#tabreadingroomdocuments div.listview.smaller ul li .holder .images a.actionIcons.download {
  background-position: 0 -138px;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .images a.actionIcons.more,
#tabmeetingagenda div.listview.smaller ul li .holder .images a.actionIcons.more,
#tabresolutiondocuments div.listview.smaller ul li .holder .images a.actionIcons.more,
#tabreadingroomdocuments div.listview.smaller ul li .holder .images a.actionIcons.more {
  background-position: 0 0;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .text,
#tabmeetingagenda div.listview.smaller ul li .holder .text,
#tabresolutiondocuments div.listview.smaller ul li .holder .text,
#tabreadingroomdocuments div.listview.smaller ul li .holder .text {
  overflow: hidden;
  padding: 1px 2px 0 3px;
  word-break: break-word;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .text span.title,
#tabmeetingagenda div.listview.smaller ul li .holder .text span.title,
#tabresolutiondocuments div.listview.smaller ul li .holder .text span.title,
#tabreadingroomdocuments div.listview.smaller ul li .holder .text span.title {
  width: 100%;
  max-width: 100%;
  word-wrap: break-word;
  vertical-align: top;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .display,
#tabmeetingagenda div.listview.smaller ul li .holder .display,
#tabresolutiondocuments div.listview.smaller ul li .holder .display,
#tabreadingroomdocuments div.listview.smaller ul li .holder .display {
  float: left;
  width: 20px;
  height: 20px;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .display span,
#tabmeetingagenda div.listview.smaller ul li .holder .display span,
#tabresolutiondocuments div.listview.smaller ul li .holder .display span,
#tabreadingroomdocuments div.listview.smaller ul li .holder .display span {
  background-image: url('../icons/fileFormats.png');
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 20px 30px;
  height: 20px;
  width: 20px;
  padding: 0 16px 4px 0;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .display span.Acrobat_Small,
#tabmeetingagenda div.listview.smaller ul li .holder .display span.Acrobat_Small,
#tabresolutiondocuments div.listview.smaller ul li .holder .display span.Acrobat_Small,
#tabreadingroomdocuments div.listview.smaller ul li .holder .display span.Acrobat_Small {
  background-position: 0 2px;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .display span.DocumentText_Small,
#tabmeetingagenda div.listview.smaller ul li .holder .display span.DocumentText_Small,
#tabresolutiondocuments div.listview.smaller ul li .holder .display span.DocumentText_Small,
#tabreadingroomdocuments div.listview.smaller ul li .holder .display span.DocumentText_Small {
  background-position: 0 -29px;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .display span.Excel_Small,
#tabmeetingagenda div.listview.smaller ul li .holder .display span.Excel_Small,
#tabresolutiondocuments div.listview.smaller ul li .holder .display span.Excel_Small,
#tabreadingroomdocuments div.listview.smaller ul li .holder .display span.Excel_Small {
  background-position: 0 -59px;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .display span.Image_Small,
#tabmeetingagenda div.listview.smaller ul li .holder .display span.Image_Small,
#tabresolutiondocuments div.listview.smaller ul li .holder .display span.Image_Small,
#tabreadingroomdocuments div.listview.smaller ul li .holder .display span.Image_Small {
  background-position: 0 -91px;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .display span.Internet_Small,
#tabmeetingagenda div.listview.smaller ul li .holder .display span.Internet_Small,
#tabresolutiondocuments div.listview.smaller ul li .holder .display span.Internet_Small,
#tabreadingroomdocuments div.listview.smaller ul li .holder .display span.Internet_Small {
  background-position: 0 -121px;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .display span.Mail_Small,
#tabmeetingagenda div.listview.smaller ul li .holder .display span.Mail_Small,
#tabresolutiondocuments div.listview.smaller ul li .holder .display span.Mail_Small,
#tabreadingroomdocuments div.listview.smaller ul li .holder .display span.Mail_Small {
  background-position: 0 -153px;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .display span.OrgPlus_Small,
#tabmeetingagenda div.listview.smaller ul li .holder .display span.OrgPlus_Small,
#tabresolutiondocuments div.listview.smaller ul li .holder .display span.OrgPlus_Small,
#tabreadingroomdocuments div.listview.smaller ul li .holder .display span.OrgPlus_Small {
  background-position: 0 -183px;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .display span.PowerPnt_Small,
#tabmeetingagenda div.listview.smaller ul li .holder .display span.PowerPnt_Small,
#tabresolutiondocuments div.listview.smaller ul li .holder .display span.PowerPnt_Small,
#tabreadingroomdocuments div.listview.smaller ul li .holder .display span.PowerPnt_Small {
  background-position: 0 -214px;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .display span.Visio_Small,
#tabmeetingagenda div.listview.smaller ul li .holder .display span.Visio_Small,
#tabresolutiondocuments div.listview.smaller ul li .holder .display span.Visio_Small,
#tabreadingroomdocuments div.listview.smaller ul li .holder .display span.Visio_Small {
  background-position: 0 -246px;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .display span.Word_Small,
#tabmeetingagenda div.listview.smaller ul li .holder .display span.Word_Small,
#tabresolutiondocuments div.listview.smaller ul li .holder .display span.Word_Small,
#tabreadingroomdocuments div.listview.smaller ul li .holder .display span.Word_Small {
  background-position: 0 -277px;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .display span.Zip_Small,
#tabmeetingagenda div.listview.smaller ul li .holder .display span.Zip_Small,
#tabresolutiondocuments div.listview.smaller ul li .holder .display span.Zip_Small,
#tabreadingroomdocuments div.listview.smaller ul li .holder .display span.Zip_Small {
  background-position: 0 -308px;
}
#tabmeetingdocuments div.listview.smaller ul li .holder .display span.Url,
#tabmeetingagenda div.listview.smaller ul li .holder .display span.Url,
#tabresolutiondocuments div.listview.smaller ul li .holder .display span.Url,
#tabreadingroomdocuments div.listview.smaller ul li .holder .display span.Url {
  background-position: 0 -339px;
}
#tabmeetingdocuments div.listview.smaller ul li.selected .holder .images a.actionIcons.dropDown,
#tabmeetingagenda div.listview.smaller ul li.selected .holder .images a.actionIcons.dropDown,
#tabresolutiondocuments div.listview.smaller ul li.selected .holder .images a.actionIcons.dropDown,
#tabreadingroomdocuments div.listview.smaller ul li.selected .holder .images a.actionIcons.dropDown {
  background-position: 0 -175px;
}
#tabmeetingdocuments div.listview.smaller ul li.selected .holder .images a.actionIcons.delete,
#tabmeetingagenda div.listview.smaller ul li.selected .holder .images a.actionIcons.delete,
#tabresolutiondocuments div.listview.smaller ul li.selected .holder .images a.actionIcons.delete,
#tabreadingroomdocuments div.listview.smaller ul li.selected .holder .images a.actionIcons.delete {
  background-position: 0 -18px;
}
#tabmeetingdocuments div.listview.smaller ul li.selected .holder .images a.actionIcons.download,
#tabmeetingagenda div.listview.smaller ul li.selected .holder .images a.actionIcons.download,
#tabresolutiondocuments div.listview.smaller ul li.selected .holder .images a.actionIcons.download,
#tabreadingroomdocuments div.listview.smaller ul li.selected .holder .images a.actionIcons.download {
  background-position: 0 -98px;
}
#tabmeetingdocuments div.listview.smaller ul li.selected .holder .images a.actionIcons.more,
#tabmeetingagenda div.listview.smaller ul li.selected .holder .images a.actionIcons.more,
#tabresolutiondocuments div.listview.smaller ul li.selected .holder .images a.actionIcons.more,
#tabreadingroomdocuments div.listview.smaller ul li.selected .holder .images a.actionIcons.more {
  background-position: 0 0;
}
#tabmeetingdocuments div.listview.smaller ul li:hover .holder .images a.actionIcons,
#tabmeetingagenda div.listview.smaller ul li:hover .holder .images a.actionIcons,
#tabresolutiondocuments div.listview.smaller ul li:hover .holder .images a.actionIcons,
#tabreadingroomdocuments div.listview.smaller ul li:hover .holder .images a.actionIcons,
#tabmeetingdocuments div.listview.smaller ul li.whileOn .holder .images a.actionIcons,
#tabmeetingagenda div.listview.smaller ul li.whileOn .holder .images a.actionIcons,
#tabresolutiondocuments div.listview.smaller ul li.whileOn .holder .images a.actionIcons,
#tabreadingroomdocuments div.listview.smaller ul li.whileOn .holder .images a.actionIcons {
  display: block;
}
#tabmeetingdocuments div.listview.smaller ul li:hover .holder .images a.actionIcons:hover,
#tabmeetingagenda div.listview.smaller ul li:hover .holder .images a.actionIcons:hover,
#tabresolutiondocuments div.listview.smaller ul li:hover .holder .images a.actionIcons:hover,
#tabreadingroomdocuments div.listview.smaller ul li:hover .holder .images a.actionIcons:hover,
#tabmeetingdocuments div.listview.smaller ul li.whileOn .holder .images a.actionIcons:hover,
#tabmeetingagenda div.listview.smaller ul li.whileOn .holder .images a.actionIcons:hover,
#tabresolutiondocuments div.listview.smaller ul li.whileOn .holder .images a.actionIcons:hover,
#tabreadingroomdocuments div.listview.smaller ul li.whileOn .holder .images a.actionIcons:hover,
#tabmeetingdocuments div.listview.smaller ul li:hover .holder .images a.actionIcons.whileOn,
#tabmeetingagenda div.listview.smaller ul li:hover .holder .images a.actionIcons.whileOn,
#tabresolutiondocuments div.listview.smaller ul li:hover .holder .images a.actionIcons.whileOn,
#tabreadingroomdocuments div.listview.smaller ul li:hover .holder .images a.actionIcons.whileOn,
#tabmeetingdocuments div.listview.smaller ul li.whileOn .holder .images a.actionIcons.whileOn,
#tabmeetingagenda div.listview.smaller ul li.whileOn .holder .images a.actionIcons.whileOn,
#tabresolutiondocuments div.listview.smaller ul li.whileOn .holder .images a.actionIcons.whileOn,
#tabreadingroomdocuments div.listview.smaller ul li.whileOn .holder .images a.actionIcons.whileOn {
  opacity: 1;
}
/* should be extended to other tabs too */
/* ============ Small list icons styling ends here ==================================*/
/* Dropdown Chevrons */
.dropdownChev.large,
.dropdownChev.small {
  background-image: url("../icons/c4.png");
  background-repeat: no-repeat;
  margin-left: 5px;
  display: inline-block;
  width: 11px;
  cursor: pointer;
}
.dropdownChev.large {
  height: 13px;
  background-position: -82px -14px;
}
.dropdownChev.small {
  height: 12px;
  background-position: -82px -14px;
}
img.dropdownChev {
  position: absolute;
  right: 6px;
}
img.dropdownChev.large {
  top: 6px;
}
img.dropdownChev.small {
  top: 7px;
}
/* Dropdown Chevrons styles end */
/* Loading indicators */
.loadingWrapper {
  background-color: #0f0f0f;
  opacity: 0.5;
  cursor: wait;
}
.loading {
  margin: 1em 0;
  display: table;
  margin: 0 auto;
}
.loading img {
  vertical-align: middle;
}
.loading h3 {
  position: relative;
  top: -1px;
  margin: 0 0 0 1em;
  display: inline-block;
  vertical-align: middle;
  font-size: 95%;
}
/* Loading indicators styles ends */
/* Uploadable image classes */
#ContactPhoto {
  width: 70px;
  height: 70px;
}
#LogoImage {
  width: 220px;
  height: 150px;
}
#SplashScreenImage {
  width: 150px;
  height: 220px;
}
/* Uploadable image classes ends  */
/* Person send email classes */
#person-sendlinkemail ul.recipients {
  overflow-y: auto;
  max-height: 60px;
  margin: 10px 0;
}
#person-sendlinkemail ul.recipients li {
  display: inline;
}
#person-sendlinkemail ul.recipients li:after {
  content: ' ; ';
  float: left;
}
#person-sendlinkemail ul.recipients li:last-child:after {
  content: '';
  float: left;
}
#person-sendlinkemail ul.recipients li span.icons {
  float: left;
}
#person-sendlinkemail ul.recipients li span.icons img {
  display: block;
}
#person-sendlinkemail ul.recipients li span.name {
  float: left;
  margin-left: 5px;
}
#person-sendlinkemail ul.recipients li:first-child span.name {
  margin-left: 0;
}
#person-sendlinkemail .to,
#person-sendlinkemail .cc,
#person-sendlinkemail .bcc {
  padding: 0;
}
#person-sendlinkemail div.to input.nameoremail,
#person-sendlinkemail div.cc input.nameoremail,
#person-sendlinkemail div.bcc input.nameoremail {
  padding-right: 20px;
  height: 28px;
  border: none;
}
#person-sendlinkemail div.expandingText {
  height:350px;
}
#person-sendlinkemail div.sendtoself {
  margin-top: 10px;
}
#person-sendlinkemail div.col1 {
  width: 40%;
  float: left;
  padding-right: 20px;
  padding-left: 0;
}
#person-sendlinkemail.forMinutes .linkMargin {
    margin-top: 10px;
}
/* Person send email classes ends */
/* Reading room addling classes */
#readingroom-addlink div.linkslist {
  min-width: 780px;
}
#readingroom-addlink div.linkslist ul {
  max-height: 278px;
  overflow-y: scroll;
}
#readingroom-addlink div.linkslist.rr ul {
  max-height: 240px;
}
#readingroom-addlink div.searchbox {
  margin-bottom: 10px;
  overflow: auto;
}
#readingroom-addlink div.search {
  width: 50%;
  float: left;
}
#readingroom-addlink div.searchresult {
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-top: 4px;
}
/* Reading room addling classes ends */
/* ================ breadcrumb styles begin ================ */
.breadcrumbs {
  padding-left: 10px;
  padding-top: 10px;
}
.breadcrumbs ul {
  display: inline-table;
  list-style: none outside none;
  padding-left: 0;
  margin-bottom: 3px;
}
.breadcrumbs ul li {
  display: inline;
}
.breadcrumbs ul li a {
  background: none repeat scroll 0 0 silver;
  color: black;
  display: block;
  float: left;
  height: 15px;
  margin: 0 4px 0 0;
  padding: 2px 18px 22px 30px;
  position: relative;
  text-decoration: none;
}
.breadcrumbs ul li a:hover {
  color: white;
  background: none repeat scroll 0 0 #cb552e;
}
.breadcrumbs ul li a:hover:after {
  border-left-color: #cb552e;
}
.breadcrumbs ul li a:after {
  border-bottom: 12px solid rgba(0, 0, 0, 0);
  border-left: 10px solid silver;
  border-top: 12px solid rgba(0, 0, 0, 0);
  content: "";
  position: absolute;
  right: -10px;
  top: 0;
  z-index: 1;
}
.breadcrumbs ul li a:before {
  border-bottom: 12px solid rgba(0, 0, 0, 0);
  border-left: 10px solid #fff;
  border-top: 12px solid rgba(0, 0, 0, 0);
  content: "";
  left: 0;
  position: absolute;
  top: 0;
}
.breadcrumbs ul li:first-child a {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.breadcrumbs ul li:first-child a:before {
  display: none;
}
.breadcrumbs ul li:last-child a {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  padding-right: 40px;
}
.breadcrumbs ul li:last-child a:after {
  display: none;
}
/* ================ breadcrumb styles end ================ */
/* ========================= Alert styles - keep all layouts within this =========================  */
.alert {
  position: fixed;
  width: 100%;
  background-color: white;
  z-index: 1002;
}
.alert .buttons {
  clear: both;
  float: right;
  position: relative;
  bottom: 4px;
  right: 0;
}
.alert button {
  margin-left: 5px;
}

.alert button.next, .alert button.prev {
    min-width: 120px;
}

.alert button.next[disabled] {
    background-color: silver;
    color: gray;
}

.alert button.publish-button-as-draft {
  min-width: 120px;
}
.alert button.publish-button-archive,
.alert button.publish-button,
.alert button.unpublish-button,
.alert button.cancel,
.alert button.save,
.alert button.discard,
.alert button.ok,
.alert button.alwayssave {
  min-width: 120px;
  width: auto;
}
.alert button.save[disabled] {
  background-color: silver;
  color: gray;
}
.alertWrapper {
  background-color: #ffffff;
}
.alertContainer,
.alertContainerTwoCol,
.alertContainerThreeCol,
.alertContainerOneTwoCols {
  width: 1000px;
  margin: 0 auto;
  padding: 10px;
}
@media screen and (min-width: 1025px) {
  .alertContainerOneTwoCols,
  .alertContainerThreeCol {
    width: 95%;
  }
}
/* 1 column layout */
.alertContainer .content {
  padding: 20px 0;
  min-height: 123px;
}
.alertContainerThreeCol .content .toScroll{ height: 446px;  overflow: auto}
.alertContainerThreeCol .content .toScroll .radioBlock{ position: relative; left:3px}
@-moz-document url-prefix() {
    .alertContainerThreeCol .content .toScroll .radioBlock {display:flex}
}
.alertContainer .content p.msg {
  margin-top: 0;
}
.alertContainer .content .row {
  margin-bottom: 10px;
  display: block;
}
.alertContainer .content .rowSeparated {
  margin: 10px 0;
  display: inline-block;
}
.alertContainer .content .inlineFields {
  margin-right: 10px;
  display: inline-block;
}
.alertContainer .content .inlineFields.minFieldWidth {
  width: 250px;
}
.alertContainer .content .inlineFields.single {
  position: relative;
  top: -10px;
}
.alertContainer .content label.inline {
  display: inline;
}
.alertContainer .content label.topNth {
  padding-top: 10px;
}
.alertContainer .content input.autofocus {
  width: 300px;
}
.alertContainer .content .listview.addLink {
  width: 850px;
  border: 1px solid silver;
  min-height: 32px;
  margin-bottom: 0;
}
.alertContainer .content .listview.addLink ul {
  max-height: 254px;
  overflow-y: auto;
}
.alertContainer .content .listview.addLink ul li {
  display: inline-table;
  width: 100%;
}
.alertContainer .content .listview.addLink ul li .colOne,
.alertContainer .content .listview.addLink ul li .colTwo,
.alertContainer .content .listview.addLink ul li .colThree {
  float: left;
}
.alertContainer .content .listview.addLink ul li .colTwo {
  margin-left: 25px;
  width: 90px;
  min-height: 1px;
}
.alertContainer .content .listview.addLink ul li .colThree {
  margin-left: 25px;
  width: 645px;
}
/* Special 1+2 column layout */
.buttonStyles {
  margin-right: 55px;
  margin-bottom: 10px;
}
.alertContainerOneTwoCols .alert .buttons {
  padding: 10px;
}
.alertContainerOneTwoCols .content {
  padding: 20px 0;
}
.alertContainerOneTwoCols .content .oneTwoCols {
  width: 70%;
  float: left;
}
.alertContainerOneTwoCols .content .oneTwoCols:first-child {
  width: 30%;
}
.alertContainerOneTwoCols .content .oneTwoCols:first-child .vertinput {
  padding: 0 15px 0 0;
}
.alertContainerOneTwoCols .content .oneTwoCols .vertinput {
  padding: 0 0 0 15px;
}
.alertContainerOneTwoCols .content .oneTwoCols .vertinput .listview {
  overflow-y: auto;
  min-height: 350px;
  max-height: 350px;
}
.alertContainerOneTwoCols .content .oneTwoCols .vertinput .listview span.inner-icons img {
  right: 10px;
}
.alertContainerOneTwoCols .content .oneTwoCols .vertinput .cols {
  float: left;
  width: 40%;
}
.alertContainerOneTwoCols .content .oneTwoCols .vertinput .cols div.listview .background {
  top: 0;
  margin: 0;
}
.alertContainerOneTwoCols .content .oneTwoCols .vertinput .moveHolder {
  float: left;
  width: 20%;
  height: 200px;
}
.alertContainerOneTwoCols .content .oneTwoCols .vertinput .moveHolder .arrows {
  position: relative;
  text-align: center;
  top: 185px;
  cursor: pointer;
  padding: 0 18%;
}
.alertContainerOneTwoCols .content .oneTwoCols .vertinput .moveHolder .arrows .left,
.alertContainerOneTwoCols .content .oneTwoCols .vertinput .moveHolder .arrows .right {
  width: 30px;
  height: 30px;
}
.alertContainerOneTwoCols .content .oneTwoCols .vertinput .moveHolder .arrows .right {
  background: #3175B5 url("../icons/agendadocs-arrow-right.png") no-repeat 0 0;
  float: left;
}
.alertContainerOneTwoCols .content .oneTwoCols .vertinput .moveHolder .arrows .left {
  background: #3175B5 url("../icons/agendadocs-arrow-left.png") no-repeat 0 0;
  float: right;
}
@media screen and (min-width: 1280px) {
  .alertContainerOneTwoCols .content .oneTwoCols .vertinput .moveHolder {
    width: 16%;
  }
  .alertContainerOneTwoCols .content .oneTwoCols .vertinput .cols {
    width: 42%;
  }
}
@media screen and (min-width: 1600px) {
  .alertContainerOneTwoCols .content .oneTwoCols .vertinput .moveHolder {
    width: 12%;
  }
  .alertContainerOneTwoCols .content .oneTwoCols .vertinput .cols {
    width: 44%;
  }
}
/* 3 column layout */
.alertContainerThreeCol p.result {
  padding: 50px;
  float: left;
}
.alertContainerThreeCol .content {
  padding: 20px 0;
}
.alertContainerThreeCol .content .alertCol {
  width: 33.33%;
  float: left;
}
.alertContainerThreeCol .content .alertCol .computedList {
  position: relative;
}
.alertContainerThreeCol .content .alertCol.twentyFortyForty {
  width: 40%;
  min-height: 295px;
}
.alertContainerThreeCol .content .alertCol.twentyFortyForty:first-child {
  width: 20%;
}
.alertContainerThreeCol .content .alertCol.twentyFortyForty .vertinput .computedList {
  margin-bottom: 5px;
}
.alertContainerThreeCol .content .alertCol.twentyFortyForty .vertinput ul.meetlistcontainer.listview.fornewnews {
  border: 1px solid #C0C0C0;
  height: 187px;
  overflow-y: auto;
  padding: 0;
  margin: 0;
}
.alertContainerThreeCol .content .alertCol.twentyFortyForty .vertinput ul.meetlistcontainer.listview.fornewnews li {
  list-style-type: none;
}
.alertContainerThreeCol .content .alertCol .vertinput {
  padding-left: 30px;
}
.alertContainerThreeCol .content .alertCol .vertinput input.link {
  width: 100%;
}
.alertContainerThreeCol .content .alertCol .vertinput span.checkLeft {
  float: left;
}
.alertContainerThreeCol .content .alertCol .vertinput label.right {
  float: left;
}
.alertContainerThreeCol .content .alertCol .vertinput label.inline {
  display: inline;
}
.alertContainerThreeCol .content .alertCol .vertinput label.topNth {
  padding-top: 10px;
}
.alertContainerThreeCol .content .alertCol .vertinput label.notShown {
  display: none;
}
.alertContainerThreeCol .content .alertCol .vertinput .minPartTextarea {
  min-height: 130px;
}
.alertContainerThreeCol .content .alertCol .vertinput .add {
  margin: 0;
  padding-right: 35px;
}
.alertContainerThreeCol .content .alertCol .vertinput .hasTooltip {
  width: 100%;
}
.alertContainerThreeCol .content .alertCol .vertinput h3.label {
  color: #222222 !important;
  font-size: 1em;
  margin: 0 0 0.45em 0;
}
.alertContainerThreeCol .content .alertCol .vertinput .permLink {
  margin-bottom: 5px;
}
.alertContainerThreeCol .content .alertCol .vertinput .block {
  display: block;
}
.alertContainerThreeCol .content .alertCol .vertinput fieldset {
  border: 0;
  margin: 0 0 15px 0;
  padding: 0;
}
.alertContainerThreeCol .content .alertCol .vertinput fieldset.security {
  min-height: 223px;
}
.alertContainerThreeCol .content .alertCol .vertinput legend {
  color: #222222;
  margin-bottom: 5px;
  font-size: 100%;
}
.alertContainerThreeCol .content .alertCol .vertinput legend.notShown {
  display: none;
}
.alertContainerThreeCol .content .alertCol .vertinput .row {
  display: block;
  margin-bottom: 5px;
}
.alertContainerThreeCol .content .alertCol .vertinput .break {
  word-break: break-all;
}
.alertContainerThreeCol .content .alertCol .vertinput .wijmo-wijinput {
  width: 55px;
}
.alertContainerThreeCol .content .alertCol .vertinput input#linkupload,
.alertContainerThreeCol .content .alertCol .vertinput input#linkuploadname {
  height: 30px;
  padding: 1px 1px 1px 5px;
}
.alertContainerThreeCol .content .alertCol .vertinput input.wijmo-wijinput-numeric {
  width: 35px;
}
.alertContainerThreeCol .content .alertCol .vertinput input[type="password"] {
  width: 100%;
}
.alertContainerThreeCol .content .alertCol .vertinput .timeFields {
  width: 100%;
  height: 56px;
}
.alertContainerThreeCol .content .alertCol .vertinput .timeFields .timeField {
  left: 112px;
}
.alertContainerThreeCol .content .alertCol .vertinput .timeFields .tzField {
  left: 166px;
}
.alertContainerThreeCol .content .alertCol .vertinput .timeFields .durationField {
  left: 244px;
}
.alertContainerThreeCol .content .alertCol .vertinput .timeFields .toDate {
  left: 117px;
}
.alertContainerThreeCol .content .alertCol .vertinput .meeting-list .meetlistcontainer.listview {
  overflow-y: auto;
  height: 180px;
}
.alertContainerThreeCol .content .alertCol .vertinput p.colHeading {
  margin: 0 0 5px 0;
  font-size: 100%;
}
.alertContainerThreeCol .content .alertCol .vertinput .imgHolder {
  text-align: center;
}
.alertContainerThreeCol .content .alertCol .vertinput .imgHolder img.existing {
  max-width: 475px;
  max-height: 290px;
  padding: 10px 0;
}
.alertContainerThreeCol .content .alertCol .vertinput .labelcol {
  display: inline;
  float: left;
  width: 30%;
}
.alertContainerThreeCol .content .alertCol .vertinput .fieldcol {
  display: inline;
  float: right;
  width: 70%;
}
.alertContainerThreeCol .content .alertCol .vertinput ul.meetingList,
.alertContainerThreeCol .content .alertCol .vertinput ul.resolutionList,
.alertContainerThreeCol .content .alertCol .vertinput ul.readingroomList {
  border: 1px solid #C0C0C0;
  height: 187px;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.alertContainerThreeCol .content .alertCol .vertinput ul.meetingList li,
.alertContainerThreeCol .content .alertCol .vertinput ul.resolutionList li,
.alertContainerThreeCol .content .alertCol .vertinput ul.readingroomList li {
  position: relative;
  height: 62px;
  padding: 1em;
  background-color: white;
  cursor: pointer;
  border-bottom: solid 1px #eeeeee;
}
.alertContainerThreeCol .content .alertCol .vertinput ul.meetingList li.selected,
.alertContainerThreeCol .content .alertCol .vertinput ul.resolutionList li.selected,
.alertContainerThreeCol .content .alertCol .vertinput ul.readingroomList li.selected {
  color: #fff;
}
.alertContainerThreeCol .content .alertCol .vertinput ul.meetingList li .date,
.alertContainerThreeCol .content .alertCol .vertinput ul.resolutionList li .date,
.alertContainerThreeCol .content .alertCol .vertinput ul.readingroomList li .date,
.alertContainerThreeCol .content .alertCol .vertinput ul.meetingList li .times,
.alertContainerThreeCol .content .alertCol .vertinput ul.resolutionList li .times,
.alertContainerThreeCol .content .alertCol .vertinput ul.readingroomList li .times {
  left: 10px;
  position: absolute;
}
.alertContainerThreeCol .content .alertCol .vertinput ul.meetingList li .date,
.alertContainerThreeCol .content .alertCol .vertinput ul.resolutionList li .date,
.alertContainerThreeCol .content .alertCol .vertinput ul.readingroomList li .date,
.alertContainerThreeCol .content .alertCol .vertinput ul.meetingList li .title,
.alertContainerThreeCol .content .alertCol .vertinput ul.resolutionList li .title,
.alertContainerThreeCol .content .alertCol .vertinput ul.readingroomList li .title {
  top: 12px;
}
.alertContainerThreeCol .content .alertCol .vertinput ul.meetingList li .times,
.alertContainerThreeCol .content .alertCol .vertinput ul.resolutionList li .times,
.alertContainerThreeCol .content .alertCol .vertinput ul.readingroomList li .times,
.alertContainerThreeCol .content .alertCol .vertinput ul.meetingList li .company,
.alertContainerThreeCol .content .alertCol .vertinput ul.resolutionList li .company,
.alertContainerThreeCol .content .alertCol .vertinput ul.readingroomList li .company {
  top: 32px;
}
.alertContainerThreeCol .content .alertCol .vertinput ul.meetingList li .title,
.alertContainerThreeCol .content .alertCol .vertinput ul.resolutionList li .title,
.alertContainerThreeCol .content .alertCol .vertinput ul.readingroomList li .title,
.alertContainerThreeCol .content .alertCol .vertinput ul.meetingList li .company,
.alertContainerThreeCol .content .alertCol .vertinput ul.resolutionList li .company,
.alertContainerThreeCol .content .alertCol .vertinput ul.readingroomList li .company {
  left: 117px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 60%;
  white-space: nowrap;
  max-width: none;
  position: absolute;
}
.alertContainerThreeCol .content .alertCol .vertinput ul.meetingList li.selected {
  background-color: #3175b5;
}
.alertContainerThreeCol .content .alertCol .vertinput ul.meetingList li.selected:hover {
  background-color: #265b8d;
}
.alertContainerThreeCol .content .alertCol .vertinput ul.resolutionList li.selected {
  background-color: #7c9c35;
}
.alertContainerThreeCol .content .alertCol .vertinput ul.resolutionList li.selected:hover {
  background-color: #5e7628;
}
.alertContainerThreeCol .content .alertCol .vertinput ul.readingroomList li.selected {
  background-color: #ee6436;
}
.alertContainerThreeCol .content .alertCol .vertinput ul.readingroomList li.selected:hover {
  background-color: #de4613;
}
.alertContainerThreeCol .content .alertCol:first-child .vertinput {
  padding-left: 0;
}
/* 2 column layout */
.alertContainerTwoCol .content {
  padding: 20px 0;
}
.alertContainerTwoCol .content .alertCol {
  width: 50%;
  float: left;
}
.alertContainerTwoCol .content .alertCol.fullWidth {
  width: 100%;
}
.alertContainerTwoCol .content .alertCol .row {
  padding-bottom: 5px;
}
.alertContainerTwoCol .content .alertCol .listview.addLink {
  border: 1px solid silver;
  height: 341px;
  margin-bottom: 10px;
}
.alertContainerTwoCol .content .alertCol .listview.addLink ul {
  height: 339px;
  overflow-y: auto;
}
.alertContainerTwoCol .content .alertCol .listview.addLink ul.meeting li.selected {
  color: white;
  background-color: #3175b5;
}
.alertContainerTwoCol .content .alertCol .listview.addLink ul.meeting li.selected:hover {
  background-color: #265b8d;
}
.alertContainerTwoCol .content .alertCol .listview.addLink ul.resolution li.selected {
  color: white;
  background-color: #7c9c35;
}
.alertContainerTwoCol .content .alertCol .listview.addLink ul.resolution li.selected:hover {
  background-color: #5e7628;
}
.alertContainerTwoCol .content .alertCol .listview.addLink ul li {
  display: inline-table;
  width: 100%;
}
.alertContainerTwoCol .content .alertCol .listview.addLink ul li .colOne,
.alertContainerTwoCol .content .alertCol .listview.addLink ul li .colTwo,
.alertContainerTwoCol .content .alertCol .listview.addLink ul li .colThree {
  float: left;
}
.alertContainerTwoCol .content .alertCol .listview.addLink ul li .colTwo {
  margin-left: 5px;
  width: 80px;
  min-height: 1px;
}
.alertContainerTwoCol .content .alertCol .listview.addLink ul li .colThree {
  margin-left: 5px;
  width: 350px;
}
.alertContainerTwoCol .content .alertCol .listview.addLink ul li:hover {
  cursor: pointer;
}
.alertContainerTwoCol .content .alertCol .imgHolder {
  text-align: center;
}
.alertContainerTwoCol .content .alertCol .imgHolder img.existing {
  max-width: 475px;
  max-height: 290px;
  padding: 10px 0;
}
.alertContainerTwoCol .content .alertCol .vertinput {
  padding: 0 0 0 15px;
}
.alertContainerTwoCol .content .alertCol .vertinput .minPartTextarea {
  min-height: 150px;
}
.alertContainerTwoCol .content .alertCol .vertinput .row {
  display: block;
  margin-bottom: 5px;
}
.alertContainerTwoCol .content .alertCol .vertinput fieldset {
  border: 0;
  margin: 0 0 15px 0;
  padding: 0;
}
.alertContainerTwoCol .content .alertCol .vertinput legend {
  color: #222222;
  margin-bottom: 5px;
  font-size: 100%;
}
.alertContainerTwoCol .content .alertCol .vertinput legend.notShown {
  display: none;
}
.alertContainerTwoCol .content .alertCol .vertinput .block {
  display: block;
}
.alertContainerTwoCol .content .alertCol .vertinput label {
  /*&.topNth{margin-top:10px}*/
}
.alertContainerTwoCol .content .alertCol .vertinput label.notShown {
  display: none;
}
.alertContainerTwoCol .content .alertCol .vertinput label.inline {
  display: inline;
}
.alertContainerTwoCol .content .alertCol .vertinput .computedList {
  position: relative;
}
.alertContainerTwoCol .content .alertCol .vertinput .meeting-list .meetlistcontainer.listview {
  overflow-y: auto;
  height: 300px;
}
.alertContainerTwoCol .content .alertCol .vertinput p.colHeading {
  margin: 0 0 5px 0;
  font-size: 100%;
}
.alertContainerTwoCol .content .alertCol .vertinput .labelcol {
  display: inline;
  float: left;
  width: 30%;
}
.alertContainerTwoCol .content .alertCol .vertinput .fieldcol {
  display: inline;
  float: right;
  width: 70%;
}
.alertContainerTwoCol .content .alertCol .vertinput input[type="text"].userPin,
.alertContainerTwoCol .content .alertCol .vertinput input[type="text"].verifyUserPin {
  min-width: 300px;
}
.alertContainerTwoCol .content .alertCol:first-child .vertinput {
  padding: 0 15px 0 0;
}
.alertContainerTwoCol .content .alertCol .resolution-list ul.resolutionlistcontainer.listview {
  overflow-y: auto;
  height: 259px;
  margin-bottom: 10px;
  border: 1px solid silver;
  padding: 0;
  margin: 0;
}
.alertContainerTwoCol .content .alertCol .resolution-list ul.resolutionlistcontainer.listview li.resolution.listitem {
  padding: 5px;
  cursor: pointer;
  border-bottom: solid 1px #eeeeee;
  list-style-type: none;
}
.alertContainerTwoCol .content .alertCol .resolution-list ul.resolutionlistcontainer.listview li.resolution.listitem .title,
.alertContainerTwoCol .content .alertCol .resolution-list ul.resolutionlistcontainer.listview li.resolution.listitem .company {
  margin-right: 80px;
}
.alertContainerTwoCol .content .alertCol .resolution-list ul.resolutionlistcontainer.listview li.resolution.listitem .date {
  float: right;
}
/* ========================= Alert styles end here ========================= */
/* Access control common styles */
#access-control.access-control {
  padding: 0 0 0 0 !important;
}
#access-control.access-control .listview {
  min-height: 28px;
  margin-top: 5px;
  max-height: 194px;
  overflow-y: auto;
}
/* Access control common styles ends */
/* Profile styles */
.profileContainer .profile {
  min-height: 30px;
  border: 1px solid silver;
  position: relative;
  padding: 0 0 0 5px;
}
.profileContainer .profile:hover {
  background-color: silver;
}
.profileContainer .profile:hover .profileIcons {
  display: inline-block;
}
.profileContainer .profile .name {
  padding-top: 4px;
  display: inline-block;
}
.profileContainer .profile .profileIcons {
  clear: both;
  float: right;
  padding: 0;
  display: none;
}
.profileContainer .profile .profileIcons p {
  background: url('../icons/monoLittleIconsV2.png') no-repeat 50px 50px;
  width: 20px;
  height: 20px;
  opacity: 0.5;
  margin: 0 0 0 10px;
  padding: 0;
  display: inline-block;
  min-height: initial;
}
.profileContainer .profile .profileIcons p.delete {
  background-position: 0 -3px;
}
.profileContainer .profile .profileIcons p.upload {
  background-position: 0 -87px;
}
.profileContainer .profile .profileIcons p.download {
  background-position: 0 -58px;
}
.profileContainer .profile .profileIcons p:hover {
  opacity: 1;
  cursor: pointer;
}
.profileContainer .profile .profileIcons:hover {
  display: inline-block;
}
.photoContainer {
  min-height: 162px;
}
.photoContainer .photo {
  float: left;
  width: 100px;
  height: 100px;
}
.photoContainer .photo .imgPath {
  width: 100px;
  height: 100px;
}
.photoContainer .photo.photoMissing {
  background: #f7f7ff url('../icons/placeholder_image_blank.png') no-repeat 0 0;
  border: 1px solid silver;
}
.photoContainer .photo #contactPhoto {
  height: 70px;
  width: 70px;
}
.photoContainer .photo .placeholderText2 {
  top: 35px;
  position: relative;
  width: 90%;
  display: block;
  left: 5px;
  text-align: center;
  font-size: 80%;
  word-break: break-word;
  text-decoration-style: initial;
}
.photoContainer .photo:hover .personIcons {
  display: inline-block;
}
.photoContainer .photo .personIcons {
  clear: both;
  float: right;
  padding: 5px 0;
  display: none;
}
.photoContainer .photo .personIcons p {
  background: url('../icons/monoLittleIconsV2.png') no-repeat 50px 50px;
  width: 20px;
  height: 20px;
  opacity: 0.5;
  margin: 0 0 0 10px;
  padding: 0;
  display: inline-block;
  min-height: initial;
}
.photoContainer .photo .personIcons p.delete {
  background-position: 0 -6px;
}
.photoContainer .photo .personIcons p.upload {
  background-position: 0 -90px;
}
.photoContainer .photo .personIcons p.download {
  background-position: 0 -61px;
}
.photoContainer .photo .personIcons p:hover {
  opacity: 1;
  cursor: pointer;
}
.photoContainer .photo .personIcons:hover {
  display: inline-block;
}
/* Profile styles ends */
/* ============ Styles for steps traffic lights begins ============ */
.pre-meeting-icon {
  background-color: white;
  border: 2px solid gray;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  display: inline-block;
  height: 24px;
  margin-right: 9px;
  position: relative;
  top: 0;
  vertical-align: baseline;
  width: 24px;
}
.pre-meeting-icon img {
  background-image: url("../icons/c4.png");
  background-position: 1px -17px;
  height: 15px;
  left: 3px;
  position: relative;
  top: -2px;
  width: 14px;
}
.pre-meeting-icon.partdone {
  background-color: Orange;
  border: 2px solid gray;
}
.pre-meeting-icon.partdone img {
  left: 2px;
}
.pre-meeting-icon.done {
  background-color: LimeGreen;
  border: 2px solid gray;
}
.pre-meeting-icon.done img {
  left: 2px;
}
#meeting-preview-status .pre-meeting-icon.partdone img,
#resolution-preview-status .pre-meeting-icon.partdone img,
#readingroom-preview .pre-meeting-icon.partdone img,
#meetingpanelstatus .pre-meeting-icon.partdone img,
#resolutionpanelstatus .pre-meeting-icon.partdone img,
#readingroompanelstatus .pre-meeting-icon.partdone img,
#meeting-preview-status .pre-meeting-icon.done img,
#resolution-preview-status .pre-meeting-icon.done img,
#readingroom-preview .pre-meeting-icon.done img,
#meetingpanelstatus .pre-meeting-icon.done img,
#resolutionpanelstatus .pre-meeting-icon.done img,
#readingroompanelstatus .pre-meeting-icon.done img {
  top: 1px;
}
.steps-container {
  position: relative;
}
.steps-container .verticallyAlignedMiddle span {
  vertical-align: middle;
}
/* ============ styles for steps traffic lights ends ============ */
/* ============ Timezone dropdown styles ================== */
.timezone {
  width: 75px;
  float: left;
}
.timezone:hover {
  border: 0;
}
.timezone .timezonedropdown {
  border-width: 0;
  padding: 6px 0 0 0;
  margin-left: -9px;
  width: 304px;
}
.timezone .timezonedropdown:hover {
  border: 0;
}
.timezone .timezonedropdown.shown {
  display: block;
}
.timezone .timezonedropdown .timezonemenu {
  width: 350px;
  max-height: 250px;
  overflow-y: scroll !important;
}
.timezone .timezonedropdown .timezonemenu ul li .timezonecode {
  float: left;
  min-width: 50px;
  margin: 0 7px;
  overflow: hidden;
}
.timezone .timezonedropdown .timezonemenu ul li .timezonename {
  min-height: 25px;
  margin: 0;
  padding: 0 7px 0 0;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
@media screen and (max-width: 1330px) {
  /* to allow right nav to not overlap */
  #tabglobalsetupmeetings .selectReplace.timezonedropdown .dropdownMenu.timezonemenu,
  #tabglobalsetupresolutions .selectReplace.timezonedropdown .dropdownMenu.timezonemenu {
    left: initial;
    right: 85px;
  }
}
#Timezone.globalSetUp {
  float: right;
  width: 70%;
}
#Timezone .selectBoxHolder {
  width: 85px;
}
#Timezone label {
  min-width: 85px;
}
/* ============ Timezone dropdown styles end ================== */
/* ============ Login page and change password page styling ============ */
#changepassword-page {
  position: relative;
  width: 880px;
  margin: auto;
  margin-top: 3em;
}
#session-index #login-page-container,
#changepassword-page #login-page-container,
#resetpassword-page #login-page-container,
#session-disclaimer #login-page-container {
  position: relative;
  width: 880px;
  margin: auto;
  margin-top: 5em;
}
#session-index #introduction-container,
#changepassword-page #introduction-container,
#resetpassword-page #introduction-container,
#session-disclaimer #introduction-container,
#session-index .introduction-container,
#changepassword-page .introduction-container,
#resetpassword-page .introduction-container,
#session-disclaimer .introduction-container {
  position: absolute;
  top: 0;
  width: 440px;
  height: 440px;
  text-align: left;
  border: 1px solid #999999;
  border-right: none;
}
#session-index #introduction-container #picture,
#changepassword-page #introduction-container #picture,
#resetpassword-page #introduction-container #picture,
#session-disclaimer #introduction-container #picture,
#session-index .introduction-container #picture,
#resetpassword-page .introduction-container #picture,
#session-disclaimer .introduction-container #picture,
#session-index #introduction-container .picture,
#changepassword-page #introduction-container .picture,
#resetpassword-page #introduction-container .picture,
#session-disclaimer #introduction-container .picture,
#session-index .introduction-container .picture,
#changepassword-page .introduction-container .picture,
#resetpassword-page .introduction-container .picture,
#session-disclaimer .introduction-container .picture {
  height: 300px;
  background-color: silver;
}
#changepassword-page .introduction-container #picture{height:398px;background-color:silver}
#session-index #introduction-container #caption,
#changepassword-page #introduction-container #caption,
#resetpassword-page #introduction-container #caption,
#session-disclaimer #introduction-container #caption,
#session-index .introduction-container #caption,
#changepassword-page .introduction-container #caption,
#resetpassword-page .introduction-container #caption,
#session-disclaimer .introduction-container #caption,
#session-index #introduction-container .caption,
#changepassword-page #introduction-container .caption,
#resetpassword-page #introduction-container .caption,
#session-disclaimer #introduction-container .caption,
#session-index .introduction-container .caption,
#changepassword-page .introduction-container .caption,
#resetpassword-page .introduction-container .caption,
#session-disclaimer .introduction-container .caption {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 440px;
  height: 150px;
  padding: 1em 2em;
  background-color: #3175b5;
  color: white;
  padding: 17px 55px;
}
#session-index #introduction-container #caption h1,
#changepassword-page #introduction-container #caption h1,
#resetpassword-page #introduction-container #caption h1,
#session-disclaimer #introduction-container #caption h1,
#session-index .introduction-container #caption h1,
#changepassword-page .introduction-container #caption h1,
#resetpassword-page .introduction-container #caption h1,
#session-disclaimer .introduction-container #caption h1,
#session-index #introduction-container .caption h1,
#changepassword-page #introduction-container .caption h1,
#resetpassword-page #introduction-container .caption h1,
#session-disclaimer #introduction-container .caption h1,
#session-index .introduction-container .caption h1,
#changepassword-page .introduction-container .caption h1,
#resetpassword-page .introduction-container .caption h1,
#session-disclaimer .introduction-container .caption h1,
#session-index #introduction-container #caption h2,
#changepassword-page #introduction-container #caption h2,
#resetpassword-page #introduction-container #caption h2,
#session-disclaimer #introduction-container #caption h2,
#session-index .introduction-container #caption h2,
#changepassword-page .introduction-container #caption h2,
#resetpassword-page .introduction-container #caption h2,
#session-disclaimer .introduction-container #caption h2,
#session-index #introduction-container .caption h2,
#changepassword-page #introduction-container .caption h2,
#resetpassword-page #introduction-container .caption h2,
#session-disclaimer #introduction-container .caption h2,
#session-index .introduction-container .caption h2,
#changepassword-page .introduction-container .caption h2,
#resetpassword-page .introduction-container .caption h2,
#session-disclaimer .introduction-container .caption h2 {
  font-size: 150%;
  font-weight: 100;
  margin-bottom: 15px;
}
#session-index #introduction-container #caption h1.logoncaption_large,
#changepassword-page #introduction-container #caption h1.logoncaption_large,
#resetpassword-page #introduction-container #caption h1.logoncaption_large,
#session-disclaimer #introduction-container #caption h1.logoncaption_large,
#session-index .introduction-container #caption h1.logoncaption_large,
#changepassword-page .introduction-container #caption h1.logoncaption_large,
#resetpassword-page .introduction-container #caption h1.logoncaption_large,
#session-disclaimer .introduction-container #caption h1.logoncaption_large,
#session-index #introduction-container .caption h1.logoncaption_large,
#changepassword-page #introduction-container .caption h1.logoncaption_large,
#resetpassword-page #introduction-container .caption h1.logoncaption_large,
#session-disclaimer #introduction-container .caption h1.logoncaption_large,
#session-index .introduction-container .caption h1.logoncaption_large,
#changepassword-page .introduction-container .caption h1.logoncaption_large,
#resetpassword-page .introduction-container .caption h1.logoncaption_large,
#session-disclaimer .introduction-container .caption h1.logoncaption_large {
  font-size: 23pt;
  font-weight: normal;
  font-family: 'Segoe UI Light', Arial, Helvetica, Sans-Serif;
  margin: 15px 0 0 0;
}
#session-index #introduction-container #caption h2.logoncaption_small,
#changepassword-page #introduction-container #caption h2.logoncaption_small,
#resetpassword-page #introduction-container #caption h2.logoncaption_small,
#session-disclaimer #introduction-container #caption h2.logoncaption_small,
#session-index .introduction-container #caption h2.logoncaption_small,
#changepassword-page .introduction-container #caption h2.logoncaption_small,
#resetpassword-page .introduction-container #caption h2.logoncaption_small,
#session-disclaimer .introduction-container #caption h2.logoncaption_small,
#session-index #introduction-container .caption h2.logoncaption_small,
#changepassword-page #introduction-container .caption h2.logoncaption_small,
#resetpassword-page #introduction-container .caption h2.logoncaption_small,
#session-disclaimer #introduction-container .caption h2.logoncaption_small,
#session-index .introduction-container .caption h2.logoncaption_small,
#changepassword-page .introduction-container .caption h2.logoncaption_small,
#resetpassword-page .introduction-container .caption h2.logoncaption_small,
#session-disclaimer .introduction-container .caption h2.logoncaption_small {
  font-size: 11pt;
  font-weight: normal;
  font-family: 'Segoe UI Light', Arial, Helvetica, Sans-Serif;
  margin-top: 0;
}
#session-index #login-container,
#changepassword-page #login-container,
#resetpassword-page #login-container,
#session-disclaimer #login-container,
#session-index .changepassword-container,
#changepassword-page .changepassword-container,
#resetpassword-page .changepassword-container,
#session-disclaimer .changepassword-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 440px;
  height: 440px;
  border: 1px solid #999999;
  padding: 60px;
  color: #999999;
  font-family: Arial;
  font-weight: 200;
}
#session-index #login-container h2,
#changepassword-page #login-container h2,
#resetpassword-page #login-container h2,
#session-disclaimer #login-container h2,
#session-index .changepassword-container h2,
#changepassword-page .changepassword-container h2,
#resetpassword-page .changepassword-container h2,
#session-disclaimer .changepassword-container h2 {
  color: #3175b5;
}
#session-index input.text-box,
#changepassword-page input.text-box,
#resetpassword-page input.text-box,
#session-disclaimer input.text-box,
#session-index input#Password,
#changepassword-page input#Password,
#resetpassword-page input#Password,
#session-disclaimer input#Password,
#session-index input#OldPassword,
#changepassword-page input#OldPassword,
#resetpassword-page input#OldPassword,
#session-disclaimer input#OldPassword,
#session-index input#ConfirmPassword,
#changepassword-page input#ConfirmPassword,
#resetpassword-page input#ConfirmPassword,
#session-disclaimer input#ConfirmPassword {
  height: 30px;
  width: 100%;
  padding-left: 0.5em;
  border: 1px solid silver;
  background-color: white;
}
#session-index input.text-box.focus,
#changepassword-page input.text-box.focus,
#resetpassword-page input.text-box.focus,
#session-disclaimer input.text-box.focus,
#session-index input#Password.focus,
#changepassword-page input#Password.focus,
#resetpassword-page input#Password.focus,
#session-disclaimer input#Password.focus,
#session-index input#OldPassword.focus,
#changepassword-page input#OldPassword.focus,
#resetpassword-page input#OldPassword.focus,
#session-disclaimer input#OldPassword.focus,
#session-index input#ConfirmPassword.focus,
#changepassword-page input#ConfirmPassword.focus,
#resetpassword-page input#ConfirmPassword.focus,
#session-disclaimer input#ConfirmPassword.focus {
  border: 1px solid black;
}
#session-index #Pin,
#changepassword-page #Pin,
#resetpassword-page #Pin,
#session-disclaimer #Pin {
  padding-left: 0.5em;
}
#session-index #Pin.focus,
#changepassword-page #Pin.focus,
#resetpassword-page #Pin.focus,
#session-disclaimer #Pin.focus {
  border: 1px solid black;
}
#session-index label,
#changepassword-page label,
#resetpassword-page label,
#session-disclaimer label {
  display: block;
  margin-top: 10px;
}
#session-index .field-validation-error,
#changepassword-page .field-validation-error,
#resetpassword-page .field-validation-error,
#session-disclaimer .field-validation-error {
  display: block;
  margin-top: 0;
  color: red;
}
#session-index #signin,
#changepassword-page #signin,
#resetpassword-page #signin,
#session-disclaimer #signin {
  margin-top: 1em;
}
#session-index #keepmesignedincontainer,
#changepassword-page #keepmesignedincontainer,
#resetpassword-page #keepmesignedincontainer,
#session-disclaimer #keepmesignedincontainer {
  margin-top: 10px;
}
#session-index #keepmesignedincontainer label,
#changepassword-page #keepmesignedincontainer label,
#resetpassword-page #keepmesignedincontainer label,
#session-disclaimer #keepmesignedincontainer label {
  display: inline;
}
#session-index #keepmesignedin,
#changepassword-page #keepmesignedin,
#resetpassword-page #keepmesignedin,
#session-disclaimer #keepmesignedin {
  height: 20px;
  width: 20px;
}

/* redundant*/
#session-index #picture img,
#changepassword-page #picture img,
#resetpassword-page #picture img,
#session-disclaimer #picture img {
  background-image: url("../icons/splash.jpg");
  background-position: -130px 0;
  width: 100%;
  border-right: none;
}
/*redundant ends*/

#session-index #picture span.image,
#changepassword-page #picture span.image,
#resetpassword-page #picture span.image,
#session-disclaimer #picture span.image {
  background-image: url("../icons/splash.jpg");
  background-position: -130px 0px;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  border-right: none;
  display:block;
}

#session-index .links,
#changepassword-page .links,
#resetpassword-page .links,
#session-disclaimer .links {
  float: right;
  padding-top: 10px;
  text-align: right;
}
#session-index .links a,
#changepassword-page .links a,
#resetpassword-page .links a,
#session-disclaimer .links a {
  text-decoration: none;
  color: #3175b5;
  font-size: 90%;
  display: block;
}
#session-index #links,
#changepassword-page #links,
#resetpassword-page #links,
#session-disclaimer #links {
  margin-top: 0;
}
#session-index #links a,
#changepassword-page #links a,
#resetpassword-page #links a,
#session-disclaimer #links a {
  text-decoration: none;
  color: #3175b5;
  font-size: 90%;
}
/* ============ Login page and change password page styling ends - to include reset page specific styles later ============ */
/* ============Dropdown menu styling ============ */
.navright {
  right: 0;
}
.dropdownMenu {
  position: absolute;
  left: 0;
  z-index: 10;
  min-width: 161px;
  display: none;
  background-color: white;
  border: 2px solid black;
  box-sizing: content-box;
}
.dropdownMenu ul {
  list-style-type: none;
  margin: 10px 0;
  padding: 0;
}
.dropdownMenu ul li a {
  width: 100%;
  display: inline-block;
  color: black;
  padding: 6px 15px;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdownMenu ul li a:hover {
  background-color: #F3F3F3;
  color: black;
  text-decoration: none;
}
.dropdownMenu ul li a:visited {
  color: black;
}
.dropdownMenu ul li a img {
  width: 19px;
  height: 13px;
  margin-right: 8px;
}
.dropdownMenu ul li.keypressed {
  background-color: Highlight;
  color: HighlightText;
}
.dropdownMenu ul li.keypressed a {
  color: HighlightText;
}
.dropdownMenu ul li.selected a img {
  background-image: url("../icons/controls.png");
  background-position: 0 -308px;
  background-repeat: no-repeat;
}
.documentlist-dropdown-offset {
  top: 40px;
}
#documentStatusMenu.dropdownMenu.docFilter {
  min-width: 250px;
}
#documentStatusMenu.dropdownMenu.docFilter ul.dropFilter li a {
  padding-right: 15px;
}
.selectable li a {
  padding: 6px 15px 6px 10px;
}
.separator {
  height: 1px !important;
  min-height: 1px !important;
  background-color: silver;
  margin-top: 5px;
  margin-bottom: 5px;
}
div.document-updated span {
  margin-top: .45em;
}
/* ============ Dropdown menu styling ends ============ */
/* ============ HEADER FOOTER STUFF ============ */
#headerBar {
  height: 51px;
}
#header-bar {
  position: relative;
  height: 40px;
  margin-top: 0;
  color: white;
}
#header-bar a {
  height: 40px;
  display: inline-block;
  color: white;
  text-decoration: none;
  padding-right: 10px;
}
#header-bar a:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
#header-bar #helpUser {
  position: absolute;
  right: 0;
  top: 0;
}
#header-bar #helpUser a {
  padding: 10px 10px 0 10px;
}
#header-bar #helpUser a.help {
  float: left;
}
#header-bar #helpUser a.settings {
  float: left;
}
#header-bar #helpUser a span.settings {
  background: url('../icons/modulesSprite.png') -7px -159px no-repeat;
  width: 26px;
  height: 26px;
  display: block;
  position: relative;
  top: -1px;
}
#header-bar #helpUser a.user {
  float: right;
}
#header-bar #helpUser a span.help {
  width: 26px;
  height: 26px;
  display: block;
  position: relative;
  top: -3px;
  background: url('../icons/help.png') 0 0 no-repeat;
}
footer.headerfooter, header.headerfooter {
  position: fixed;
  width: 100%;
  z-index: 3;
}
footer.headerfooter {
  bottom: 0;
}
header.headerfooter {
  top: 0;
}
.headerfooter .meetings {
  background-color: #3175b5;
}
.headerfooter .resolutions {
  background-color: #7c9c35;
}
.headerfooter .minutes {
  background-color: #F37735;
}
.headerfooter .actions {
  background-color: #8959a3;
}
.headerfooter .documents {
  background-color: #d0b136;
}
.headerfooter .home {
  background-color: #c4161c;
}
.headerfooter .readingrooms {
  background-color: #ee6436;
}
.headerfooter .setup {
  background-color: #c4161c;
}
.headerfooter .news {
  background-color: #1b9bcd;
}
.headerfooter .documents {
  background-color: #d0b136;
}
.headerfooter #footer-bar {
  height: 40px;
  width: 100%;
  color: #666666;
  padding-left: 5px;
  padding-top: 2px;
  font-size: 12px;
  background-color: #EBECEE;
}
.headerfooter #footer-bar span {
  padding-top: 12px;
}
.headerfooter #footer-bar span:first-child {
  display: inline-block;
}
.headerfooter #footer-bar span#footerMessage {
  display: none;
  color: #ffffff;
  padding: 5px 10px 5px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  left: 47px;
  top: -1px;
  cursor: default;
}
.headerfooter #footer-bar span a,
.headerfooter #footer-bar span.license {
  padding-left: 20px;
}
.headerfooter #footer-bar a,
.headerfooter #footer-bar a:visited,
.headerfooter #footer-bar a:hover {
  color: #666666;
  text-decoration: none;
}
.headerfooter #footer-bar .footerlogo {
  height: 18px;
  float: right;
  margin: 10px 15px 0 0;
}
body.meetings #footerMessage {
  background-color: #3175b5;
}
body.resolutions #footerMessage {
  background-color: #7c9c35;
}
body.readingrooms #footerMessage {
  background-color: #ee6436;
}
body.news #footerMessage {
  background-color: #1b9bcd;
}
body.actions #footerMessage {
  background-color: #8959a3;
}
body.documents #footerMessage {
  background-color: #d0b136;
}
body.setup #footerMessage {
  background-color: #C4161C;
}
/* ============ HEADER FOOTER STUFF ends ============ */
/* ============ SECTION NAME & ASSOCIATED COLLATERAL ============ */
#section-menu h1 {
  font-size: 135%;
  display: inline;
}
#section-name {
  position: absolute;
  left: 10px;
  z-index: 1;
}
#section-name-link:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
#section-menu-chevron-link {
  width: 25px;
  padding-top: 7px;
  padding-left: 7px;
}
#section-menu-chevron-link:hover #section-menu-chevron {
  visibility: visible;
}
#section-menu-chevron {
  top: 16px;
  z-index: 1;
  height: 9px;
  width: 11px;
  background-image: url("../icons/c4.png");
  background-position: -82px -33px;
}
/* ============ SECTION NAME & ASSOCIATED COLLATERAL ends ============ */
/* ============ TOP NAV MENU ============ */
#topnav a {
  padding: 1px 10px 0 10px;
}
#topnav a.active {
  background-color: rgba(0, 0, 0, 0.2);
}
#topnav a.highlighted {
  background-color: rgba(0, 0, 0, 0.2);
}
#topnav a span {
  display: inline-block;
  padding: 9px 2px;
}
#topnav a span.divider {
  position: absolute;
  top: -2px;
  left: -7px;
  height: 15px;
}
#topnav a:hover {
  background-color: rgba(0, 0, 0, 0.1);
  min-height: 0;
}
#topnav a.hasSeparateSubMenu {
  margin-right: 0;
}
#topnav a.hasJoinedSubMenu {
  padding-right: 20px;
  padding-top: 1px;
}
#topnav a.hasJoinedSubMenu .sub-menu-chevron {
  position: relative;
  top: 0;
  left: 10px;
}
#topnav .divider {
  position: relative;
  top: 9px;
  width: 1px;
  height: 22px;
  display: inline-block;
  background-color: white;
  opacity: 0.65;
}
#topnav .sub-menu-chevron {
  position: absolute;
  left: 0;
  top: 4px;
  z-index: 1;
  height: 9px;
  width: 9px;
  background-image: url("../icons/c4.png");
  background-position: -93px -33px;
}
#topnav .isSeparateChevron {
  height: 10px;
  display: inline-block;
  width: 9px;
}
.meetings .topSubMenu {
  border-color: #3175b5;
  top: 40px;
  border-top: 0;
}
.resolutions .topSubMenu {
  border-color: #7c9c35;
  top: 40px;
  border-top: 0;
}
/* ============ TOP NAV MENU ends ============ */
/* ============ Setup page ============== */
#admin-setup {
  padding-left: 48px;
}
#admin-setup h2:hover,
#admin-setup img:hover {
  cursor: pointer;
}
#admin-setup .icons {
  float: right;
}
#admin-setup .icons img.openicon {
  top: -10px;
  left: 0;
  margin-right: 50px;
  display: block;
}
#admin-setup .description {
  margin-bottom: 40px;
  float: left;
  width: 85%;
  min-height: 50px;
}
#admin-setup .description p {
  margin: 5px 0 0 0;
}
#admin-setup .description p:first-child {
  margin-top: 0;
}
/* ============ Setup page ends ============== */
/* ========================= UNGROUPED CLASSES ==========================*/
.alignTitleDownwards {
  position: relative;
  top: 4px;
  display: inline;
  left: 15px;
}
.itemsChecked {
  margin-bottom: 15px;
}
div.vertinput div.row {
  margin-bottom: 10px;
}
#address-create div.col1 {
  padding-left: 0;
  padding-right: 40px;
}
#readingroom-addlink div.col1 {
  padding-top: 0;
  padding-left: 0;
}
#readingroom-addlink h2.title {
  padding-left: 0;
}
#meeting-clone div.col1 {
  width: 30%;
  float: left;
  padding: 0;
}
#taborganisationdetails .address,
#tabpersondetails .address {
  width: 60%;
}
.bringDropDownToFront {
  position: static;
  z-index: 999999;
}
.dropdownAlignInwards {
  left: 33px;
}
.selectJobTitle {
  padding-left: 5px;
  width: 100%;
}
#backgroundCover {
  position: fixed;
  z-index: 1001;
}
#backgroundCoverUpload {
  background-color: #aaaaaa;
  position: fixed;
  z-index: 1001;
}
.document-upload-status {
  float: left;
  width: 50%;
  padding-top: 5px;
}
.document-upload-status > div {
  display: inline-block;
  width: 150px;
  vertical-align: middle;
}
.document-upload-status > span {
  vertical-align: middle;
  margin-right: 10px;
}
.document-upload-boardpad {
  float: right;
  margin-right: 100px;
}
.document-upload-boardpad > div {
  padding: 0 0 5px 0;
}
.upload {
  padding: 0 34px;
}
.upload .col h3 {
  margin-bottom: 3px;
}
#agendaDocumentMove {
  min-height: 515px;
}
ul#movableDocsToAgenda {
  max-height: 256px;
  overflow-y: auto;
}
ul#movableDocsToAgenda li {
  cursor: pointer;
}
ul#movableDocsToAgenda li.selected {
  color: white;
  background-color: #3175b5;
}
/*ul#movableDocsToAgenda li.selected:hover {
  background-color: #265b8d;
}*/
#user-menu-dropdown {
  right: 0;
}
#tools-menu li a {
  color: black;
  background-color: white !important;
}
#tools-menu li a:visited {
  color: black;
  background-color: white !important;
}
#tools-menu li a:hover {
  color: black;
  background-color: #F0F0F0 !important;
}
.addremoveparticipants {
  position: fixed;
  width: 100%;
  background-color: white;
  z-index: 1002;
  margin-left: -10px;
}
.addremoveparticipants .buttons {
  clear: both;
  float: right;
}
.addremoveparticipants button {
  margin-left: 5px;
}
.addremoveparticipants label input {
  float: left;
}
.toolbarChevron,
.toolbarChevronUp {
  height: 8px;
  width: 10px;
  margin-left: 5px;
  display: inline-block;
  background-image: url("../icons/c4.png");
  cursor: pointer;
}
.toolbarChevron {
  background-position: -93px 0;
}
.toolbarChevronUp {
  background-position: -56px 0;
}
input[type='submit'],
button,
.standardButton {
  width: 100px;
  height: 30px;
  background-color: #3175b5;
  border: 0;
  color: white;
}
.disclaimerButtons button.save{min-width:100px}
/* ========================= UNGROUPED CLASSES ends ==========================*/
/* ================ RIGHT-HAND TOOLS & USER MENU ================ */
/* general styles and border colouring */
.tools-menus-dropdown {
  left: inherit;
  top: 40px;
  background-color: white !important;
}
.tools-menus-dropdown.meetings {
  border-color: #3175b5;
}
.tools-menus-dropdown.resolutions {
  border-color: #7c9c35;
}
.tools-menus-dropdown.news {
  border-color: #1b9bcd;
}
.tools-menus-dropdown.minutes {
  border-color: #F37735;
}
.tools-menus-dropdown.actions {
  border-color: #8959a3;
}
.tools-menus-dropdown.documents {
  border-color: #d0b136;
}
.tools-menus-dropdown.home {
  border-color: #c4161c;
}
.tools-menus-dropdown.readingrooms {
  border-color: #ee6436;
}
.tools-menus-dropdown.setup {
  border-color: #c4161c;
}
/* tools menu specific stuff*/
#tools-menu {
  float: left;
}
#tools-menu a {
  padding-right: 0;
}
#tools-menu a img {
  background: url("../icons/settings.png") no-repeat 0 -4px;
  width: 48px;
}
#tools-menu a.active {
  background-color: rgba(0, 0, 0, 0.2);
}
#tools-menu span {
  position: relative;
  left: 2px;
  top: -2px;
}
/* user menu specific stuff*/
#user-menu {
  float: left;
}
#user-menu span {
  position: relative;
  top: 10px;
}
#user-menu a {
  padding-left: 10px;
}
#user-menu a.active {
  background-color: rgba(0, 0, 0, 0.2);
}
/* ================ RIGHT-HAND TOOLS & USER MENU ENDS ================ */
#redline {
  margin-top: 34px;
  height: 5px;
  background-color: #CD1E0E;
}
#thinredline {
  height: 2px;
  background-color: #CD1E0E;
}
/* ============ WIJMO OVERRIDES =============== */
/* styles to override wijmo */
div.wijmo-wijtooltip-container dl.organizer-details dt {float:left; margin-right:3px}
.ui-datepicker-next,
.ui-state-hover.ui-datepicker-next-hover {
  background-image: url(../icons/datepicker-icons.png);
  background-position: 0 0;
}
.ui-state-hover.ui-datepicker-next-hover,
.ui-state-hover.ui-datepicker-prev-hover {
  top: 2px;
  border: none;
}
.ui-state-hover.ui-datepicker-next-hover {
  right: 2px;
}
.ui-state-hover.ui-datepicker-prev-hover {
  left: 2px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  height: 24px;
  width: 24px;
}
.ui-datepicker-prev,
.ui-state-hover.ui-datepicker-prev-hover {
  background-image: url(../icons/datepicker-icons.png);
  background-position: 0 72px;
}
.wijmo-wijcalendar .ui-datepicker-header .ui-state-default {
  color: white;
}
.wijmo-wijtextbox,
.wijmo-wijinput .wijmo-wijtextbox,
.wijmo-wijinput {
  border-width: 1px;
}
.wijmo-wijinput-spinup,
.wijmo-wijinput-spindown,
.wijmo-wijinput-spinner-right {
  width: 17px;
}
.ui-datepicker .ui-icon {
  background-image: url("../icons/datepicker-icons.png");
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
}
/* ============ WIJMO OVERRIDES ENDS =============== */
/* styles for the top menu drop down */
.meetings .tools-menus-dropdown.topSubMenu,
.resolutions .tools-menus-dropdown.topSubMenu,
.news .tools-menus-dropdown.topSubMenu,
.actions .tools-menus-dropdown.topSubMenu,
.documents .tools-menus-dropdown.topSubMenu,
.setup .tools-menus-dropdown.topSubMenu {
  top: 40px;
  border-top: 0;
}
.meetings .tools-menus-dropdown.topSubMenu {
  border-color: #3175b5;
}
.resolutions .tools-menus-dropdown.topSubMenu {
  border-color: #7c9c35;
}
.readingrooms .tools-menus-dropdown.topSubMenu {
  border-color: #ee6436;
}
.news .tools-menus-dropdown.topSubMenu {
  border-color: #1b9bcd;
}
.actions .tools-menus-dropdown.topSubMenu {
  border-color: #8959a3;
}
.documents .tools-menus-dropdown.topSubMenu {
  border-color: #d0b136;
}
.setup .tools-menus-dropdown.topSubMenu {
  border-color: #c4161c;
}
/* styles for the top menu drop down --ends */
/* modal 'dialogs' */
#main {
  margin: 40px 0 42px; /* footer has 2px top border */
  overflow-y: scroll; /* force scrollbar */
  overflow-x: hidden;
}
/* Home page styling */
.tilegrid {
  margin-top: 10px;
}
.tilegrid a {
  display: block;
  width: 150px;
  height: 150px;
  padding: 10px;
  color: white;
  text-decoration: none;
  float: left;
  margin: 10px;
}
.tile1 {
  background-color: green;
}
.tile2 {
  background-color: navy;
}
/* =================== Person list ===================  */
#person-list div.search {
  margin-bottom: 10px;
}
#person-list div.search input {
  width: 100%;
}
#person-list div.people {
  clear: both;
  border-width: 1px;
  border-color: silver;
  border-style: solid;
}
#person-list div.toolbar {
  height: 30px;
}
#person-list div.toolbar div.viewmenu {
  float: left;
}
#person-list div.toolbar div.arrangebymenu {
  float: right;
}
#person-list div.toolbar .toolbar-item h2 {
  margin-top: 3px;
}
#person-list div.toolbar .toolbar-item.showList {
  float: left;
  margin-left: 22px;
}
#person-list .person {
  position: relative;
  height: 49px;
  padding: 1em;
  background-color: white;
  cursor: pointer;
  border-bottom: solid 1px #eee;
}
#person-list .person .name {
  top: 15px;
  left: 50px;
  font-weight: 500;
  position: absolute;
}
#person-list div.headingMenu {
  display: inline-block;
}
#person-list #personlistcontainer .person:hover .icons {
  display: inline-block;
}
#person-list #personlistcontainer .person.selected .icons img.openicon {
  background-position: 0 -194px;
}
#person-list #personlistcontainer .person.selected .icons img.deleteicon {
  background-position: 0 -119px;
}
#person-list #personlistcontainer .person .icons {
  display: none;
  position: absolute;
  right: 0;
  top: 5px;
}
#person-list #personlistcontainer .person .icons img {
  background: transparent url("../icons/listIconsSprite.png") no-repeat;
  width: 48px;
  height: 43px;
  padding: 0;
}
#person-list #personlistcontainer .person .icons img.icon {
  opacity: 0.5;
  top: 0;
}
#person-list #personlistcontainer .person .icons img.icon:hover {
  opacity: 1;
}
#person-list #personlistcontainer .person .icons img.openicon {
  background-position: 0 -234px;
}
#person-list #personlistcontainer .person .icons img.deleteicon {
  background-position: 0 -156px;
}
/* =================== Person list ends ===================  */
/*=========================== Meeting list =============================== */
.toolbar-item.dropdownMenuControl {
  cursor: pointer;
  display: table;
}
.meeting-list {
  position: relative;
}
.meeting-list .meeting-list-container {
  position: relative;
  float: left;
  background-color: white;
}
.meeting-list .right {
  float: right;
  width: 270px;
  padding: 30px 25px 5px 0;
}
.meeting-list .meeting {
  position: relative;
  height: 62px;
  padding: 1em;
  background-color: white;
  cursor: pointer;
  border-bottom: solid 1px #eee;
}
.meeting-list .meeting:hover {
  background-color: #eeeeee;
}
.meeting-list .meeting .date {
  position: absolute;
  top: 12px;
  left: 50px;
  font-weight: 500;
}
.meeting-list .meeting .title {
  position: absolute;
  top: 12px;
  left: 150px;
  font-weight: 500;
  max-width: 300px;
}
.meeting-list .meeting .times {
  position: absolute;
  left: 50px;
  top: 32px;
}
.meeting-list .meeting .list-item-type {
  position: absolute;
  bottom: 10px;
  left: 450px;
  max-width: 230px;
  width: 230px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.meeting-list .meeting .organizer-column {
  position: absolute;
  bottom: 9px;
  left: 700px;
  max-width: 127px;
}
.meeting-list .meeting .company {
  position: absolute;
  left: 150px;
  top: 32px;
  max-width: 280px;
}
.meeting-list .meeting .status.Published {
  color: LimeGreen;
}
.meeting-list .meeting .status.Unpublished {
  color: red;
}
.meeting-list .meeting.selected,
.meeting-list .meeting.selected div,
.meeting-list .meeting .listview li.selected {
  background-color: #3175b5;
  color: white;
}
.meeting-list .meeting.selected:hover,
.meeting-list .meeting.selected:hover div {
  background-color: #265b8d;
}
.meeting-list .toolbar {
  position: relative;
  padding: 10px 0 9px 9px;
  background-color: white;
  border-bottom: 1px solid gray;
}
.meeting-list .toolbar input {
  padding: 2px;
}
.meeting-list .toolbar input.focus {
  border: 1px solid black;
}
.meeting-list .toolbar #search input {
  padding-left: 0.35em;
}
.meeting-list .toolbar .toolbar-item.showList {
  position: absolute;
  left: 150px;
}
.meeting-list .toolbar .sort {
  position: absolute;
  right: 30px;
  top: 0;
}
.meeting-list .toolbar .sort.edgePosition {
  right: 45px;
}
.meeting-list .filter {
  background-color: white;
  padding: 5px 0 4px 14px;
  min-width: 670px;
  border-bottom: 1px solid #808080;
}
.meeting-list .filter ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.meeting-list .filter ul li input {
  margin-right: 5px;
}
.meeting-list .filter .column {
  positive: relative;
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
  margin-right: 50px;
  padding-bottom: 1px;
}
.meeting-list .filter .column br {
  margin-bottom: 10px;
}
.meeting-list .filter h2 {
  font-weight: 100;
  margin: 0 0 10px;
}
.meeting-list .filter .field {
  margin-bottom: 3px;
  display: block;
}
.meeting-list .filter .field.type {
  width: 270px;
}
.meeting-list .filter .field label {
  display: block;
  margin-bottom: 0.25em;
}
.meeting-list .filter .field input {
  height: 30px;
  padding: 3px 5px;
}
.meeting-list .filter .field input:focus,
.meeting-list .filter .field input:hover {
  border: 1px solid gray;
}
.meeting-list .filter .field .combobox input:focus,
.meeting-list .filter .field .combobox input:hover {
  border: none;
}
.meeting-list .filter .buttonContainer {
  text-align: right;
  margin-top: -30px;
}
.meeting-list .filter .buttonContainer button {
  margin-left: 10px;
}
.meeting-list #viewMenu {
  left: 113px;
  top: 75px;
}
.meeting-list .sortMenu {
  left: inherit;
  right: 0;
  top: inherit;
}
.meeting-list #nomeetings {
  margin: 1em 0;
}
.meeting-list #nomeetings p {
  margin: 0;
}
.meeting-list .standardButton {
  background-color: #3175b5;
}
.meeting-list .standardButton.hover,
.meeting-list .standardButton:hover {
  background-color: #265b8d;
}
.meeting-list .standardButton.cancel {
  background-color: gray;
}
.meeting-list .standardButton.cancel.hover,
.meeting-list .standardButton.cancel:hover {
  background-color: silver;
}
.meeting-list .selectReplace {
  border: 1px solid silver;
  height: 30px;
  padding: 4px 23px 4px 5px;
  position: relative;
  cursor: pointer;
}
.meeting-list .selectReplace:hover,
.meeting-list .selectReplace:active {
  border: 1px solid gray;
}
.meeting-list .selectReplaceIcon {
  background-image: url("../icons/c4.png");
  background-position: -82px -15px;
  height: 12px;
  width: 11px;
  position: absolute;
  right: 6px;
  top: 8px;
}
/*=========================== Meeting list ends - maybe more to consolidate =============================== */
/* ==================== IMG global classes ====================*/
img.displayicon {
  position: relative;
  top: -2px;
  height: 16px;
  width: 16px;
  background-attachment: scroll;
  background-color: transparent;
  background-repeat: no-repeat;
  overflow: hidden;
}
img.icon {
  position: relative;
  top: -2px;
  height: 16px;
  width: 16px;
  background-attachment: scroll;
  background-color: transparent;
  background-image: url("../icons/strip_metro_sp1.png");
  background-repeat: no-repeat;
  overflow: hidden;
}
img.back {
  background-image: url("../icons/back.png");
  height: 26px;
  width: 30px;
  top: 11px;
  position: relative;
  vertical-align: top;
  left: 6px;
}
img.back:hover {
  background-image: url("../icons/backgrey.png");
}
/* ==================== IMG global classes ends ====================*/
/* ======= ungrouped ==========*/
.searchInput {
  width: 100%;
  margin-bottom: 5px;
}
.documentTarget {
  margin-top: 10px;
}
.listitem {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.resolutionlist .meeting-list .list-container .meeting.selected {
  background-color: #7c9c35 !important;
  color: white;
}
.resolutionlist .meeting-list .list-container .meeting.selected div {
  background-color: #7c9c35 !important;
  color: white;
}
.h1 {
  font-size: 160%;
  font-weight: 100;
}
.accessControlTypes {
  padding: 0 0 10px 0;
}
/* This specific class is referenced in modules to force addition of an icon, and to apply icon styling to a menu item. */
#topnav img.topnav-new {
  position: relative;
  top: -2px;
  left: -1px;
  width: 26px;
  height: 26px;
  margin-right: 7px;
  background-image: url("../icons/command2.png");
  background-position: -1px -1px;
}
.dragabove {
  border-top: 8px solid gray !important;
}
.dragbelow {
  border-bottom: 9px solid gray !important;
}
.dragonto {
  background-color: gray !important;
}
.dragging .selected {
  display: none !important;
}
.grad {
  display: block;
  height: 20px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
  /* IE6-8 */
}
/* ======= ungrouped ends ==========*/
ul#orglistcontainer,
#orgaddresslist {
  width: 100%;
  border: 1px solid silver;
}
ul#orglistcontainer {
  margin: 0;
  padding: 0;
}
ul#orglistcontainer li .text span {
  height: 48px;
  vertical-align: middle;
  display: table-cell;
}
ul#orglistcontainer li.selected {
  background-color: #c4161c;
}
ul#orglistcontainer li.selected:hover {
  background-color: #c4161c;
}
#organization-profile-list #organization-profile-list-container .organizationprofile .icons {
  display: none;
  position: absolute;
  right: 0;
  top: 5px;
}
#organization-profile-list #organization-profile-list-container .organizationprofile .icons img {
  background: transparent url("../icons/listIconsSprite.png") no-repeat;
  width: 48px;
  height: 43px;
  padding: 0;
}
#organization-profile-list #organization-profile-list-container .organizationprofile .icons img.icon {
  opacity: 0.5;
  top: 0;
}
#organization-profile-list #organization-profile-list-container .organizationprofile .icons img.icon:hover {
  opacity: 1;
}
#organization-profile-list #organization-profile-list-container .organizationprofile .icons img.openicon {
  background-position: 0 -234px;
}
#organization-profile-list #organization-profile-list-container .organizationprofile .icons img.deleteicon {
  background-position: 0 -156px;
}
#organization-profile-list #organization-profile-list-container .organizationprofile.selected .icons img.openicon {
  background-position: 0 -194px;
}
#organization-profile-list #organization-profile-list-container .organizationprofile.selected .icons img.deleteicon {
  background-position: 0 -119px;
}
#organization-profile-list #organization-profile-list-container .organizationprofile:hover .icons {
  display: inline-block;
}
/* ================= ORGLIST ========================== */
#orglist div.toolbar {
  height: 30px;
}
#orglist div.toolbar div.viewmenu {
  float: left;
}
#orglist div.toolbar div.arrangebymenu {
  float: right;
}
#orglist div.toolbar .toolbar-item h2 {
  margin-top: 3px;
}
#orglist div.toolbar .toolbar-item.showList {
  float: left;
  margin-left: 22px;
}
#orglist h2 {
  margin: 3px 0px 17px 0px;
}
#orglist #orglisttoolbar {
  margin-top: 10px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  position: relative;
}
#orglist #orglisttoolbar .sort {
  position: absolute;
  right: 0;
  top: 0;
}
#orglist #orglisttoolbar .toolbar-item {
  float: left;
}
#orglist #orglisttoolbar .toolbar-item.showList {
  margin-left: 22px;
}
#orglist #orgaddresslist {
  min-height: 100px;
    padding: 0px 5px;
}
#orglist #orgaddresslist .listitem div {
  padding: 10px 0;
}
#orglist #orgaddresslist .addresstype {
  width: 30%;
  float: left;
}
#orglist #orgaddresslist .address {
  width: 50%;
  float: left;
}
#orglist .preview-readonly {
  position: relative;
  margin-bottom: 15px;
}
#orglist .preview-readonly span.readonly {
  position: absolute;
  left: 85px;
  right: 0;
  top: 0;
  width: auto !important;
}
#orglist .preview-readonly .whereusedlist {
  width: 100%;
  border: 1px solid silver;
  min-height: 32px;
}
#orglist .preview-readonly .whereusedlist .listitem div {
  padding: 10px;
  display: inline-block;
  vertical-align: top;
}
#orglist .preview-readonly .whereusedlist .listitem .addressname {
  width: 69%;
}
#orglist .preview-readonly .whereusedlist .listitem .addresstype {
  width: 30%;
}
/* ================= ORGLIST ends ========================== */

/* ================= Email Wizard ========================== */
.partWizard {max-height: 70px; min-height: 30px; overflow: auto;}
.partWizard1{max-height: 482px;}
.partWizard2{max-height: 242px;}
.partWizard3{max-height: 139px;}
.partWizard4{max-height: 104px;}
.partWizard5{max-height: 70px;}
.negMarginForLabel{margin-top:-26px}
/* ================= Email Wizard ends ====================== */
.statusOfAction{ float: left; width:35px}

.viewerslimitedheight {
    min-height:28px;
    max-height: 110px;
    overflow-y: auto;
}

.holdWidth {
    width: 186px !important;
}
_:-ms-fullscreen, :root .holdWidth{width: 190px !important;}