﻿html {
  overflow-y: scroll; }

* {
  margin: 0;
  padding: 0; }

#page {
  width: 1260px;
  margin: 0 auto;
  padding: 0; }

#changePw a {
  color: #fff;
  text-decoration: none; }

#changePw a:hover {
  color: #fff;
  text-decoration: underline; }

#navContainer {
  margin-bottom: 20px; }

#nav-step1 {
  display: block;
  position: absolute;
  width: 110px;
  height: 36px;
  margin: -40px 0 0 0;
  z-index: 10;
  background: #fff;
  opacity: 0;
  filter: alpha(opacity=0); }

#nav-step2 {
  display: block;
  position: absolute;
  width: 90px;
  height: 36px;
  margin: -40px 0 0 130px;
  z-index: 10;
  background: #fff;
  opacity: 0;
  filter: alpha(opacity=0); }

#nav-step3 {
  display: block;
  position: absolute;
  width: 80px;
  height: 36px;
  margin: -40px 0 0 240px;
  z-index: 10;
  background: #fff;
  opacity: 0;
  filter: alpha(opacity=0); }

#nav-step4 {
  display: block;
  position: absolute;
  width: 160px;
  height: 36px;
  margin: -40px 0 0 340px;
  z-index: 10;
  background: #fff;
  opacity: 0;
  filter: alpha(opacity=0); }

#nav-step5 {
  display: block;
  position: absolute;
  width: 160px;
  height: 36px;
  margin: -40px 0 0 500px;
  z-index: 10;
  background: #fff;
  opacity: 0;
  filter: alpha(opacity=0); }

.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

.leftContent {
  float: left;
  margin-left: 10px; }

.displayNone {
  display: none; }

.spaceAbove {
  margin-top: 20px; }

.start-time {
  width: 65px; }

.spaceRight {
  margin-right: 5px; }

/* login */
.login {
  margin: 0 0 0 450px;
  padding-top: 80px; }

.login table td {
  padding: 5px; }

.changePassword table td {
  padding: 5px; }

.changePassword .buttons {
  float: right;
  margin-top: 20px; }

/* 01-homepage*/
.homepage h2.groupTitle {
  display: block;
  height: 28px;
  padding-left: 10px;
  background: #f78d1d; }

.homepage #execPortal_Options {
  float: left;
  width: 145px; }

.homepage #execPortal_Data {
  float: right;
  width: 1000px; }

/*add margin to safety and success buttons to get them off the bottom of the last row */
#AddNewSafety {
  margin-top: 10px; }

#AddNewSuccess {
  margin-top: 10px; }

.createActionItem .notes {
  width: 500px;
  height: 100px; }

.createActionItem th {
  vertical-align: top;
  padding-top: 8px;
  font-weight: normal;
  text-align: right;
  padding-right: 10px; }

.createActionItem .action-item {
  width: 500px; }

.createActionItem .dropdownAutoSubmit {
  width: 500px; }

.ui-datepicker-trigger {
  padding-left: 4px; }

.global-create-compass {
  position: relative;
  top: -15px;
  display: inline; }

.type-header {
  text-transform: uppercase !important;
  font-size: 10px;
  font-weight: normal;
  color: #777; }

.contained-areas-and-projects {
  border: solid 1px #eee; }

.contained-areas-and-projects td {
  width: 100%;
  padding: 3px 6px; }

.contained-group {
  border: 1px solid #ddd;
  font-size: 14px;
  padding: 3px 4px 3px 4px;
  font-weight: bold;
  background: #e5e8ec;
  cursor: default !important;
  color: #514b47; }

.contained-group .type-header {
  color: #514b47; }

.contained-area td {
  font-weight: bold;
  background: #eee;
  text-indent: 5px; }

.contained-project td {
  border-bottom: 1px solid #eee;
  font-weight: bold;
  font-size: 12px;
  text-indent: 15px; }

.contained-areas-and-projects .contained-project {
  padding-left: 14px;
  background: #fff; }

/* groups */
.groupEdit {
  width: 500px; }

select.groupEdit {
  width: 512px; }

/* areas */
.areaEdit {
  width: 500px; }

select.areaEdit {
  width: 512px; }

/* project */
.projectEdit {
  width: 500px; }

select.projectEdit {
  width: 512px; }

/*Fieldsets */
fieldset {
  padding: 16px 16px 14px 16px;
  border: none;
  margin: 16px 0px 16px 0px;
  background: #fff; }

fieldset legend {
  font-weight: bold;
  padding: 5px 16px 5px 16px;
  margin: 0px -17px 0px -17px;
  font-size: 11px;
  font-family: 'Open Sans', Sans-Serif;
  text-transform: uppercase;
  color: #514b47;
  display: block;
  border: 1px solid #ddd;
  width: 100%;
  background: #e5e8ec;
  /* Old browsers */ }

/* create compass step 1 */
.createCompassStep1 .longSelectList {
  width: 700px; }

.createCompassStep1 .longTextbox {
  width: 689px; }

.createCompassStep1 .dateTextbox {
  width: 90px; }

/* create compass step 2 */
.createCompassStep2 table#layoutTable {
  margin: 20px 0; }

.createCompassStep2 table#layoutTable td {
  padding: 5px;
  margin-bottom: 5px; }

.createCompassStep2 table#layoutTable td:first-child {
  vertical-align: top; }

.createCompassStep2 th.addToAgenda {
  width: 100px; }

.createCompassStep2 #outcomes {
  margin-bottom: 30px; }

.createCompassStep2 #outcomes td {
  padding: 5px; }

.createCompassStep2 #outcomes .number {
  padding: 5px 5px;
  text-align: center; }

.createCompassStep2 #outcomes td input[type=text] {
  padding: 2px;
  width: 500px;
  font-size: 10pt;
  font-family: 'Open Sans', Sans-Serif; }

/* create compass step 3 */
.step3Users {
  width: 400px; }

.createCompassStep3 #participants {
  margin-bottom: 30px;
  padding: 20px 10px; }

.createCompassStep3 .participantsColumn {
  float: left;
  width: 350px;
  margin-top: 10px; }

.createCompassStep3 .participantsColumn select {
  width: 100%; }

.createCompassStep3 #buttonPanel {
  float: left;
  margin: 20px 10px; }

.createCompassStep3 #buttonPanel a {
  display: block;
  margin-top: 10px; }

.createCompassStep3 #buttonPanel a:first-child {
  margin-top: 0; }

.createCompassStep3 #buttonPanel a.button {
  width: 110px; }

.createCompassStep3 input[id=emailaddresses] {
  width: 500px; }

/* create compass step 4 */
.preparationTable input[type=text] {
  width: 600px; }

table.agenda th.duration {
  width: 75px; }

table.agenda td.duration input {
  width: 35px; }

input.spinner, td.duration input {
  width: 35px !important; }

table.agenda th.who {
  width: 210px; }

table.agenda td.who button {
  width: 200px; }

table.agenda th.topic {
  width: 360px; }

table.agenda td.topic input {
  width: 345px; }

table.agenda th.purpose {
  width: 320px; }

table.agenda td.purpose select {
  width: 310px; }

table.agenda td select.input-validation-error + button {
  background-color: #ffeeee !important; }

/* create compass step 5 */
.createCompassStep5 .messageLabel {
  display: inline-block;
  width: 1164px;
  height: 75px;
  line-height: 16pt;
  overflow: auto;
  text-align: left;
  padding: 5px; }

.createCompassStep5 table.detailsTable td:first-child {
  text-align: left;
  padding-left: 0; }

.createCompassStep5 h2,
.createCompassStep5 p {
  margin-bottom: 30px !important; }

.createCompassStep5 .ui-widget-header {
  background: #7c7c7c;
  /*ie 7, 8, 9*/
  background: -webkit-gradient(linear, left top, left bottom, from(#7c7c7c), to(#404040));
  background: -moz-linear-gradient(top, #7c7c7c, #404040);
  background: -ms-linear-gradient(top, #7c7c7c, #404040);
  /* IE10 */ }

/* create compass step 6 */
.createCompassStep6a > h2,
.createCompassStep6a p {
  margin-bottom: 30px !important; }

.createCompassStep6a table.detailsTable td {
  vertical-align: top; }

.createCompassStep6a table.detailsTable textarea.rich-text-editor {
  width: 100%;
  height: 7em; }

.createCompassStep6a table.detailsTable td.inputLabel {
  padding-top: 11px; }

.createCompassStep6a table.detailsTable #Cc,
.createCompassStep6a table.detailsTable #Subject {
  width: 100%; }

.createCompassStep6a table.detailsTable .addAttachment #file {
  width: 550px; }

.createCompassStep6a table.detailsTable .messageBody {
  border: 3px inset #888; }

.create {
  float: right;
  display: inline; }

table {
  border-collapse: collapse; }

img, a img {
  border: 0 none; }

iframe {
  width: 100%;
  height: 97%; }

body {
  background: #626262;
  font-size: 10pt;
  line-height: 11pt;
  font-family: 'Open Sans', Sans-Serif;
  color: #010101; }

#header {
  background: #fff url("themes/Default/images/headerimage.gif") no-repeat; }

#header #header_inner {
  height: 86px;
  background: transparent url("images/theme/headertab.png") repeat-x 0 0; }

#header #header_inner #logo {
  width: 170px;
  height: 48px;
  margin: 17px 0 0 59px;
  position: absolute;
  background: transparent url("themes/Default/images/logo.png") no-repeat 0 0; }

#header #header_inner #logo a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer; }

#header #header_inner #login {
  width: 750px;
  margin: 14px 29px 0 0;
  float: right;
  display: inline;
  font-size: 12px; }

#header #login {
  text-align: right;
  color: #aaa; }

#header #login .sep {
  padding: 0px 3px 0px 3px; }

#header #login a {
  color: #fff;
  text-decoration: none; }

#header #login a:hover {
  border-bottom: solid 1px #fff; }

#main {
  padding: 15px 30px;
  min-height: 400px;
  background: #fff; }

#main p {
  margin: 0 0 20px 0;
  line-height: 18px; }

#recurrenceText,
a.link,
#main a {
  color: #218b3e;
  text-decoration: none; }

#recurrenceText:hover,
a.link:hover,
#main a:hover {
  color: #111; }

#main ul.textList {
  margin: 10px 0 20px 20px;
  list-style-type: square;
  margin-top: 10px; }

#main ul.textList li {
  margin-top: 10px; }

#footer {
  height: 33px;
  line-height: 33px;
  padding: 0px 30px 0px 30px;
  font-size: 11px;
  background: #fff url("themes/Default/images/footer.png") repeat-x 0 0;
  color: #fff; }

h1, h2, h3, h4, h5, h6 {
  color: #000;
  margin: 0 0 10px 0; }

h1 {
  font-size: 14pt;
  line-height: 14pt; }

h2, h3 {
  font-size: 12pt; }

h4, h5, h6 {
  font-size: 11pt; }

label {
  font-weight: bolder; }

code {
  font-family: "Consolas", "Courier New", "Courier";
  margin: 0 0 20px 0;
  line-height: 18px; }

.underline {
  text-decoration: underline; }

.noWrap {
  white-space: nowrap; }

.textRight {
  text-align: right !important; }

.textCenter {
  text-align: center; }

.nonBold {
  font-weight: normal !important; }

.widthInherit {
  width: inherit !important; }

.vertSuper {
  /* trick to get <sup> and <sub> tags to work reliably without messing with the line height for the rest of the line */
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
  font-size: 8px;
  zoom: 1;
  /* helps IE */
  bottom: 4px; }

.spacerRow {
  height: 5px;
  width: inherit; }

.error {
  color: Red; }

.archiveWarning {
  color: #A00;
  font-weight: bold;
  text-align: center;
  font-size: 14px; }

div.validation-summary-errors {
  margin: 10px 0 10px 0;
  color: Red; }

div.validation-summary-errors ul li {
  margin: 10px 0 0 20px; }

.input-validation-error {
  border: 1px solid #ff0000;
  background-color: #ffeeee; }

.checkboxAutoSubmit {
  margin: 8px 0 0 15px; }

.buttonPanelFloat {
  margin: 10% 10px 0 10px; }

/* pager */
.pageSizeTextBox {
  width: 25px; }

.pager {
  margin: 10px 0px 10px 0px;
  color: #000;
  font-size: small;
  font-weight: bold; }

.pager span, .pager a {
  color: #514b47;
  background: #e5e8ec;
  background-color: #e5e8ec;
  background-attachment: scroll;
  border: solid 1px #ddd;
  padding: 3px 6px;
  margin: 0 3px; }

.pager a {
  color: #514b47 !important; }

.pager .current,
.pager span {
  background-color: #e5e8ec;
  border: 1px solid #ddd;
  /* don't need to update this color */
  color: #514b47;
  /* don't need to update this color */
  font-weight: normal; }

/* ui effects */
.ui-effects-transfer {
  border: 2px dotted gray; }

/* accordion */
.accordion-default {
  background: url("images/theme/accordian-default.png") no-repeat !important; }

.accordion-active {
  background: url("images/theme/accordian-active.png") no-repeat !important; }

.ui-accordion-header {
  position: relative; }

#main .ui-accordion-header a:hover {
  text-decoration: none !important; }

.ui-accordion-header a.accordian-edit-link,
.ui-accordion-header a.accordian-edit-link:link {
  position: absolute;
  margin: 0px;
  top: 0px;
  right: -10px;
  font-size: 11px !important;
  text-transform: uppercase;
  color: #bbb; }

#main .ui-accordion-header a.accordian-edit-link:hover {
  text-decoration: none !important;
  color: #fff; }

/* Expandable Summary Table */
table.expandable-summary tr.collapsed td,
table.expandable-summary tr.expanded td,
table.expandable-summary tr.empty td {
  padding-left: 3px; }

table.expandable-summary tr.collapsed td {
  background-position: 4px 6px;
  border-top: 1px solid #e5e8ec;
  font-size: 16px;
  font-weight: bold;
  background: #fff; }

table.expandable-summary tr.expanded td {
  background-position: 4px 6px;
  border-top: 1px solid #e5e8ec;
  font-size: 16px;
  font-weight: bold;
  background: #fff; }

table.expandable-summary tr.empty td {
  background-position: 4px 6px;
  background-color: #dde;
  border-top: 1px solid #ccc;
  font-size: 16px;
  font-weight: bold; }

table.expandable-summary tr.collapsed td span.ej-path,
table.expandable-summary tr.expanded td span.ej-path,
table.expandable-summary tr.empty td span.ej-path {
  padding-top: 6px;
  float: left;
  display: inline; }

table.expandable-summary .expander {
  width: 25px;
  height: 25px;
  float: left;
  display: inline;
  margin: 0px 4px 0px 0px; }

table.expandable-summary tr.collapsed td .expander,
table.expandable-summary tr.expanded td .expander {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: transparent;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0; }

table.expandable-summary tr td a.expander:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5; }

table.expandable-summary tr.collapsed td .expander {
  background-image: url("themes/Default/images/table/unexpanded.gif"); }

table.expandable-summary tr.expanded td .expander {
  background-image: url("themes/Default/images/table/expanded.gif"); }

table.expandable-summary td.detail-row {
  padding-top: 9px; }

table.expandable-summary td.compass-commands a {
  margin-left: 5px; }

table.expandable-summary td.compass-commands {
  padding-top: 3px;
  white-space: nowrap; }

table.expandable-summary tr.virtual-row {
  color: #888; }

table.expandable-summary tr.virtual-row td.detail-row {
  padding-left: 20px; }

table.expandable-summary tr.virtual-row td.meeting-date {
  padding-left: 2px; }

.timepicker {
  border: 0 !important;
  font-size: 10pt !important;
  padding: 0 2pt !important;
  width: 128px; }

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px; }

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222222;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#ffffff') !important; }

.timepicker::-ms-clear {
  display: none; }

.startTimePicker select, .endTimePicker select {
  margin: 0 5px; }

.startTimePicker select#Hour, .endTimePicker select#Hour {
  margin-left: 0; }

table.expandable-summary tr td div.create-compass a {
  font-weight: normal;
  font-size: 11px;
  margin-top: 1px; }

table.expandable-summary tr td div.create-compass {
  width: 275px; }

/* table skin */
table.simple,
table.expandable-summary {
  border: solid 1px #ddd;
  margin: 0 0 10px 0;
  font-size: 9pt;
  width: 100%; }

fieldset table,
fieldset table.simple,
fieldset table.expandable-summary {
  border-color: #ddd; }

table.expandable-summary td.even, table.expandable-summary tr.even td {
  vertical-align: top;
  background: #fff;
  border-top: 1px solid #e5e8ec; }

table.expandable-summary td.odd, table.expandable-summary tr.odd td {
  vertical-align: top;
  background: #fff;
  border-top: 1px solid #e5e8ec; }

table.simple td.even, table.simple tr.even td {
  vertical-align: top;
  background: #fff; }

table.simple td.odd, table.simple tr.odd td {
  vertical-align: top;
  background: #f6f6f6; }

.compass-commands {
  width: 200px; }

table.expandable-summary td.compass-commands span.meeting-held {
  margin-top: 6px;
  display: block; }

.meeting-date {
  width: 155px; }

.filters {
  margin: 0px 0px 0px 0px; }

.filterextras {
  float: right;
  display: inline;
  /* fix float bugs in IE */
  padding: 0px;
  margin: 0px 0px 2px 10px;
  /* include a min-height to help the .filter dropdowns wrap well if they need to wrap to a second row */
  min-height: 40px;
  height: auto !important;
  /* hack to get min-height to work reliably */
  height: 40px;
  /* hack to get min-height to work reliably */ }

.filter {
  float: left;
  display: inline;
  /* fix float bugs in IE */
  padding: 0px;
  margin: 0px 20px 2px 0px;
  vertical-align: middle;
  /* include a min-height to help the .filter dropdowns wrap well if they need to wrap to a second row */
  min-height: 40px;
  height: auto !important;
  /* hack to get min-height to work reliably */
  height: 40px;
  /* hack to get min-height to work reliably */ }

.meeting-past-due {
  color: #ff0000;
  font-style: italic; }

.dashboard-filters {
  padding-top: 10px; }

.project-detail-row {
  border-bottom: 1px solid #e5e8ec;
  background-color: #fff;
  color: #514b47; }

table.expandable-summary tr.project-detail-row td {
  padding-top: 3px; }

table.expandable-summary tr.virtual-row td.detail-row-name {
  background-image: url(/Content/images/arrow_L.gif);
  background-repeat: no-repeat;
  background-position: 5px center; }

table.simple td,
table.simple th,
table.expandable-summary td,
table.expandable-summary th {
  border-right: solid 1px #ddd;
  padding: 3px; }

fieldset table.simple td,
fieldset table.simple th,
fieldset table.expandable-summary td,
fieldset table.expandable-summary th {
  border-right: #777; }

table.simple th.noSort,
table.simple th.noSort a,
table.expandable-summary th.noSort,
table.expandable-summary th.noSort a {
  cursor: default; }

.arrow_sep {
  vertical-align: middle;
  margin: 0px 2px 2px 2px; }

.arrow_sep_small {
  vertical-align: middle;
  margin: 0px 2px 2px 2px; }

table.simple th, table.expandable-summary th {
  color: #514b47;
  padding: 3px;
  cursor: pointer;
  text-align: left; }

table.simple th.dark, table.expandable-summary th.dark {
  background-color: #e5e8ec !important;
  cursor: none; }

th.noSort {
  cursor: default; }

th.checkBoxCol,
td.checkBoxCol {
  width: 25px; }

.dragRow td {
  background: #666 !important;
  color: #eee; }

th.headerNoSort {
  background: #e5e8ec;
  background-color: #e5e8ec;
  cursor: default !important; }

th.header {
  cursor: pointer;
  padding-left: 20px !important;
  border-right: 1px solid #dad9c7 !important;
  margin-left: -1px !important;
  background-image: url("themes/Default/images/table/bg-dark.gif") !important;
  /* fallback */
  background-color: #e5e8ec;
  background-position: 0 50% !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll; }

th.headerSortUp {
  background-repeat: repeat;
  background-attachment: scroll;
  color: #514b47;
  background: #e5e8ec;
  background-image: url("themes/Default/images/table/asc-dark.gif") !important;
  background-color: #e5e8ec; }

th.headerSortDown {
  background-position: 0% 0%;
  background-repeat: repeat;
  background-attachment: scroll;
  background: #e5e8ec;
  background-image: url("themes/Default/images/table/desc-dark.gif") !important;
  /* fallback */
  background-color: #e5e8ec; }

/* details table skin */
table.inputTable {
  margin: 0 0 10px 0; }
  table.inputTable.decision-input-table {
    margin-bottom: 50px;
    width: 100%; }

table.inputTable td {
  padding: 2px;
  vertical-align: middle; }

table.inputTable > td:first-child {
  text-align: right; }

table.detailsTable {
  margin: 0 0 10px 0;
  font-size: 11pt; }

table.detailsTable td {
  padding: 5px;
  vertical-align: middle; }

table.detailsTable > td:first-child {
  text-align: right; }

/* input */
input[readonly] {
  background: #ccc;
  border: solid 1px #aaa; }

select[multiple] {
  width: 150px; }

input[type=text], input[type=password], select, textarea {
  padding: 5px;
  font-size: 10pt;
  font-family: 'Open Sans', Sans-Serif;
  border: solid 1px #ddd; }

select {
  padding: 4px; }

option {
  padding: 1px 3px 0 3px; }

textarea {
  resize: none; }

.addRemoveButton {
  min-width: 100px; }

.hasDatePicker {
  width: 75px !important; }

select.start-time-picker,
select.end-time-picker {
  width: 120px; }

/* buttons */
a.button,
a.orangeButton,
input.button {
  color: #000 !important;
  font: 12px/100% 'Open Sans', sans-serif;
  font-weight: bold !important;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: .5em 1.0em .55em;
  margin: 0 1px;
  background-color: #e5e8ec;
  text-transform: uppercase;
  border: none; }

a.button:hover, a.orangeButton:hover, input.button:hover {
  color: #514b47 !important;
  background-color: #fcfcfc; }

.incomplete-compasses-row {
  border-bottom: 1px solid #ddd; }

table.expandable-summary td.compass-commands a.button.delete-compass, table.expandable-summary td.compass-commands a.button.delete-incomplete-compass, table.expandable-summary td.compass-commands a.button.open-compass, table.expandable-summary td.compass-commands a.button.edit-compass, table.expandable-summary td.compass-commands a.button.create-compass {
  color: #000 !important;
  background-color: #e5e8ec; }

table.expandable-summary td.compass-commands a.button.delete-compass:hover, table.expandable-summary td.compass-commands a.button.delete-incomplete-compass:hover {
  background-color: #fcfcfc; }

table.expandable-summary td.compass-commands a.button.open-compass:hover {
  background-color: #fcfcfc; }

table.expandable-summary td.compass-commands a.button.edit-compass:hover {
  background-color: #fcfcfc; }

table.expandable-summary td.compass-commands a.button.create-compass:hover {
  background-color: #fcfcfc; }

input[type=submit].redButton,
input[type=button].redButton,
a.redButton {
  white-space: nowrap;
  color: #000 !important;
  font: 12px/100% 'Open Sans', sans-serif;
  font-weight: bold;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  height: 11px;
  padding: .5em 1.0em .55em;
  border: none;
  margin: 0 1px;
  background-color: #e5e8ec;
  text-transform: uppercase; }

input[type=submit].redButton:hover,
input[type=button].redButton:hover,
a.redButton:hover {
  color: #514b47 !important;
  background-color: #fcfcfc; }

input[type=submit].redButton {
  height: 25px; }

input[type=submit].yellowButton,
input[type=button].yellowButton,
a.yellowButton {
  white-space: nowrap;
  color: #fff !important;
  font: 12px/100% 'Open Sans', sans-serif;
  font-weight: bolder;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  height: 11px;
  padding: .5em 1.0em .55em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border: none;
  border-radius: .5em;
  margin: 0 1px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  color: #222 !important;
  background: #ffef3a url("images/theme/buttons/yellow-button-bg.png") 0 0 repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffef3a), to(#ccb40f));
  background: -moz-linear-gradient(top, #ffef3a, #ccb40f);
  background: -ms-linear-gradient(top, #ffef3a, #ccb40f);
  /* IE10 */ }

input[type=submit].yellowButton:hover,
input[type=button].yellowButton:hover,
a.yellowButton:hover {
  background: #FFEE59 url("images/theme/buttons/yellow-button-bg-hover.png") 0 0 repeat-x !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF6C6), to(#ccb40f)) !important;
  background: -moz-linear-gradient(top, #FFF6C6, #ccb40f) !important;
  background: -ms-linear-gradient(top, #FFF6C6, #ccb40f);
  /* IE10 */ }

input[type=submit].yellowButton {
  height: 25px;
  color: #fff !important; }

input[type=button].blueButton,
a.blueButton {
  white-space: nowrap;
  font: 12px/100% 'Open Sans', sans-serif;
  font-weight: bolder;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  height: 12px;
  padding: .5em 1.0em .55em;
  border: none;
  margin: 0 1px;
  color: #fff !important;
  background: #15587e; }

input[type=button].blueButton:hover,
a.blueButton:hover {
  color: #514b47 !important;
  background: #afc6d3; }

input[type=button].grayButton,
a.grayButton {
  white-space: nowrap;
  color: #000 !important;
  font: 12px/100% 'Open Sans', sans-serif;
  font-weight: bolder;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  height: 11px;
  padding: .5em 1.0em .55em;
  margin: 0px 1px 5px 0px;
  border: none;
  background: #e5e8ec; }

input[type=button].grayButton:hover,
a.grayButton:hover {
  background: #fcfcfc; }

/* ej page add note popup */
button.popup-done-button {
  color: #fff !important;
  font: 12px/100% 'Open Sans', sans-serif;
  font-weight: bolder;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: .5em 1.0em .55em;
  border: none;
  margin: 0 1px; }

button.popup-done-button span.ui-button-text, button.popup-cancel-button span.ui-button-text {
  padding: 0 !important; }

button.popup-cancel-button {
  white-space: nowrap;
  color: #a21f1f !important;
  font: 12px/100% 'Open Sans', sans-serif;
  font-weight: bolder;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  height: 29px;
  padding: .5em 1.0em .55em;
  border: none;
  margin: 0 1px;
  background: #d9b5b7 !important; }

.last-note-div {
  border: 1px solid #aaa;
  background-color: white;
  width: 175px;
  height: 30px;
  padding: 3px;
  margin: 1px;
  overflow: hidden;
  cursor: pointer; }

/* -end- ej page add note popup */
.orangeMultilineButton {
  height: 38px;
  line-height: 10pt;
  vertical-align: middle;
  white-space: normal;
  width: 90px;
  color: #514b47 !important;
  font: 13px 'Open Sans', sans-serif;
  line-height: 16px;
  font-weight: bolder;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: .5em 1.0em .55em;
  border: none;
  background: #e4c136; }

.orangeMultilineButton:hover {
  background: #ede6be; }

.grayMultilineButton {
  height: 38px;
  line-height: 10pt;
  vertical-align: middle;
  white-space: normal;
  width: 90px;
  color: #514b47 !important;
  font: 13px 'Open Sans', sans-serif;
  line-height: 16px;
  font-weight: bolder;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: .5em 1.0em .55em;
  border: none;
  background: #e5e8ec; }

.grayMultilineButton:hover {
  background: #fcfcfc; }

.blueMultilineButton {
  height: 38px;
  line-height: 10pt;
  vertical-align: middle;
  white-space: normal;
  width: 90px;
  color: #fff !important;
  font: 13px 'Open Sans', sans-serif;
  line-height: 16px;
  font-weight: bolder;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: .5em 1.0em .55em;
  border: none;
  background: #15587e; }

.blueMultilineButton:hover {
  color: #514b47 !important;
  background: #afc6d3; }

.grayMultilineButton.single,
.orangeMultilineButton.single,
.blueMultilineButton.single {
  line-height: 38px; }

.grayMultilineButton.wide,
.orangeMultilineButton.wide {
  width: 110px;
  line-height: 13px; }

/* user-chooser */
.userChooser table {
  margin: 10px 0px 0px 0px; }

.userChooserInput {
  width: 290px; }

.userChooserResults {
  width: 320px; }

.userChooserResults th {
  cursor: default !important; }

.userChooserResults th.userColumn {
  width: 200px; }

.userChooserResults th.removeColumn {
  width: 15px;
  padding: 0;
  margin: 0; }

.userChooserResults .userChoserDataCell {
  border-right: none; }

.userChooserResults .userChoserRemoveCell {
  width: 15px; }

.userChooserResults .deleteButton {
  line-height: 24px; }

.userChooserResults tbody td {
  line-height: 28px; }

.deleteButton {
  background: url("themes/Default/images/delete-15x15.png") 0 0 no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
  cursor: pointer; }

.deleteButton:hover {
  background: url("themes/Default/images/delete-15x15.png") 0 -15px no-repeat;
  width: 15px;
  height: 15px; }

.addButton {
  background: url("themes/Default/images/add-15x15.png") 0 0 no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
  cursor: pointer; }

.addButton:hover {
  background: url("themes/Default/images/add-15x15.png") 0 -15px no-repeat;
  width: 15px;
  height: 15px; }

/* userProjectSelector*/
.projectSelector {
  border: solid 1px #aaa;
  padding: 5px 8px; }

.projectSelectorLeft {
  float: left;
  width: 335px;
  background: #efefef; }

.projectSelectorLeft div {
  width: 315px;
  height: 227px;
  overflow: auto; }

.projectSelectorRight {
  float: left;
  margin-left: 20px;
  width: 325px;
  background: #efefef; }

.projectSelectorRight div {
  width: 315px;
  height: 337px;
  overflow: auto; }

.projectSelector table tbody td {
  line-height: 28px; }

.availableGroups {
  margin-left: 5px;
  margin-bottom: 5px;
  width: 278px; }

.availableAreas {
  margin-left: 5px;
  width: 278px; }

/* datepicker */
.ui-datepicker-unselectable .ui-state-default {
  opacity: .6;
  filter: Alpha(Opacity=60); }

/* timepicker */
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px; }

.ui-timepicker-div dl {
  text-align: left; }

.ui-timepicker-div dl dt {
  height: 25px;
  margin-bottom: -25px; }

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 65px; }

.ui-timepicker-div td {
  font-size: 90%; }

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0; }

.ui-slider-handle {
  background: #666 !important; }

.ui-datepicker-current {
  display: none; }

/* hides the "now" button"

/* jquery dialog */
.ui-dialog {
  border-radius: 0 !important;
  padding: 0 !important;
  border: 3px solid grey;}
  .ui-dialog .ui-dialog-titlebar {
    border-radius: 0 !important;
    background: none !important;
    background: #e5e8ec !important; }
    .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
      color: #514b47 !important;
      text-transform: uppercase; }
  .ui-dialog .ui-dialog-content p {
    margin-bottom: 20px; }
  .ui-dialog .ui-dialog-buttonset .ui-button.ui-state-default {
    background: none !important;
    color: #000 !important;
    font: 12px/100% 'Open Sans', sans-serif !important;
    font-weight: bold !important;
    background-color: #e5e8ec !important;
    text-transform: uppercase;
    border: none !important;
    border-radius: 0px !important; }
  .ui-dialog .ui-dialog-buttonset .ui-button.ui-state-hover {
    background-color: #fcfcfc !important; }

.ui-widget-header {
  color: #fff;
  /* CSS gradients generated easily and quickly at http://www.colorzilla.com/gradient-editor */
  background: #000;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */ }

/* number spinner plugin */
.upArrow {
  background: url("images/theme/arrow_up.gif") no-repeat;
  width: 12px;
  height: 6px;
  display: inline-block;
  cursor: pointer; }

.downArrow {
  background: url("images/theme/arrow_down.gif") no-repeat;
  width: 12px;
  height: 6px;
  display: inline-block;
  cursor: pointer; }

/* jquery autocomplete */
.ui-autocomplete a {
  color: #666 !important; }

/* jquery date picker */
.ui-datepicker {
  border-radius: 0 !important;
  padding: 0px !important; }
  .ui-datepicker .ui-widget-header {
    color: #514b47 !important;
    background: none !important;
    background: #e5e8ec !important;
    text-transform: uppercase; }

.ui-datepicker .ui-state-default {
  color: #000 !important;
  background: #fff url(jqueryui/custom-theme/images/ui-bg_glass_40_ffffff_1x400.png) 50% 50% repeat-x; }

.ui-state-active a.ui-state-hover {
  color: #fff !important;
  background: #000 !important; }

.ui-datepicker a.ui-state-active {
  color: #514b47 !important;
  background: #e5e8ec !important; }

.ui-datepicker a.ui-widget-content {
  color: #000 !important; }

/* jquery multiselect plugin */
.ui-multiselect {
  padding: 2px 0 2px 4px;
  text-align: left;
  border-radius: 0 !important; }

.ui-multiselect-menu {
  padding: 0px !important;
  border-radius: 0 !important; }
  .ui-multiselect-menu .ui-widget-header {
    border-radius: 0 !important;
    background: none !important;
    background: #e5e8ec !important; }
    .ui-multiselect-menu .ui-widget-header a {
      color: #514b47 !important; }
  .ui-multiselect-menu ul.ui-multiselect-checkboxes {
    margin: 4px; }

.ui-multiselect span.ui-icon {
  float: right; }

.ui-multiselect-single .ui-multiselect-checkboxes input {
  position: absolute !important;
  top: auto !important;
  left: -9999px; }

.ui-multiselect-single .ui-multiselect-checkboxes label {
  padding: 5px !important; }

button.ui-state-hover.ui-multiselect {
  color: #333 !important; }

button.ui-multiselect {
  background: #fff !important;
  color: #555 !important;
  border: solid 1px #aaa;
  padding: 3px; }

.ui-multiselect-menu .ui-state-hover span {
  font-weight: bold;
  color: #000;
  text-decoration: underline;
  cursor: pointer; }

.ui-multiselect-header {
  margin-bottom: 3px;
  padding: 3px 0 3px 4px; }

.ui-multiselect-header ul {
  font-size: 0.9em; }

.ui-multiselect-header ul li {
  float: left;
  padding: 0 10px 0 0; }

.ui-multiselect-header a {
  text-decoration: none; }

.ui-multiselect-header a:hover {
  text-decoration: underline; }

.ui-multiselect-header span.ui-icon {
  float: left; }

.ui-multiselect-header li.ui-multiselect-close {
  float: right;
  text-align: right;
  padding-right: 0; }

.ui-multiselect-menu {
  display: none;
  padding: 3px;
  position: absolute;
  z-index: 10000; }

.ui-multiselect-checkboxes {
  position: relative;
  overflow-y: scroll; }

.ui-multiselect-checkboxes label {
  cursor: default;
  display: block;
  border: 1px solid transparent;
  padding: 3px 0px; }

.ui-multiselect-checkboxes label input {
  position: relative;
  top: 1px; }

.ui-multiselect-checkboxes li {
  clear: both;
  font-size: 0.9em;
  padding-right: 3px; }

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid; }

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
  display: block;
  padding: 3px;
  margin: 1px 0;
  text-decoration: none; }

.ui-multiselect span {
  white-space: nowrap;
  overflow: hidden; }

.ui-multiselect .ui-state-hover span {
  padding: 7px; }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label {
  border: none; }

/* countdown timer*/
.count-down-timer-wrapper {
  position: absolute;
  margin: -60px 0 0 540px;
  padding: 2px 3px;
  font-size: 8pt;
  background: #fff;
  z-index: 2;
  border: solid 1px #999;
  width: 150px;
  text-align: center; }

.countdown_show1 {
  margin: 0 20px;
  display: block; }

.count-down-timer-header {
  color: #000;
  display: block;
  margin-bottom: 1px;
  font-weight: bolder; }

.hasCountdown {
  display: inline-block; }

.countdown_row {
  clear: both;
  text-align: center; }

.countdown_section {
  display: block;
  float: left;
  text-align: center;
  padding-left: 8px; }

.countdown_over {
  color: Red; }

/* begin css tabs */
ul#tabnav {
  /* general settings */
  text-align: left;
  /* set to left, right or center */
  margin: 1em 0 1em 0;
  /* set margins as desired */
  font-weight: bolder;
  line-height: 18px;
  border-bottom: 1px solid #000;
  /* set border COLOR as desired */
  list-style-type: none; }

ul#tabnav li {
  /* do not change */
  display: inline;
  margin: 0 .2em 1px 0; }

ul#tabnav li a {
  padding: 4px 7px 3px 7px;
  /* top, right, left one more than the hover padding to compensate for the border. */
  text-decoration: none;
  border-bottom: none;
  min-width: 80px;
  display: inline-block;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #555555;
  color: #fff;
  /* set unselected tab link color as desired */ }

ul#tabnav a:hover, ul#tabnav a.selected {
  padding: 3px 6px 3px 6px;
  background: #fff;
  /* set desired hover color */
  color: #000;
  text-decoration: none;
  border-left: solid 1px #000;
  border-right: solid 1px #000;
  border-top: solid 1px #000;
  border-bottom: none;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

ul#tabnav li a.inactive {
  background-color: #888;
  color: #eee;
  cursor: default; }

/* end css tabs */
/* general tab*/
.tab-general .simple td {
  line-height: 28px; }

.leftColumn {
  float: left;
  display: inline; }

.centerColumn {
  float: left;
  display: inline;
  margin-left: 10px; }

.rightColumn {
  float: left;
  display: inline;
  margin-left: 10px; }

.tab-general .simple td {
  line-height: 28px; }

.additionalcol {
  margin-left: 20px; }

.project-health td {
  text-align: right; }

.project-health td input[type="text"] {
  width: 25px; }

.project-health .red {
  color: #a21f1f; }

.project-health .yellow {
  color: #e4c136; }

.project-health .blue {
  color: #15587e; }

.task-status td {
  text-align: right; }

.task-status td input[type="text"] {
  width: 25px; }

/* messages */
.messages .prototype, .messages .placeholder {
  display: none; }

.messages input.disabled {
  color: #FFFFFF; }

label.disabled {
  color: #545454; }

.messageDelete {
  padding-left: 5px;
  text-align: center;
  vertical-align: middle; }

.messageActive {
  text-align: center;
  vertical-align: middle; }

.messageWidth {
  width: 200px;
  margin-left: 10px;
  margin-bottom: 5px; }

.messageFieldset {
  padding: 5px;
  border: solid 1px #e4e4e4;
  margin: 10px 0;
  display: inline-block;
  width: 950px; }

.tab-messages .centerColumn {
  margin-left: 10px; }

#safetyWellnessMessages, #successMessages {
  padding: 4px; }

#safetyWellnessMessages legend, #successMessages legend {
  margin: 0 0 0 -5px;
  padding: 4px;
  text-indent: 8px; }

#safety .messageWidth,
#success .messageWidth {
  width: 360px !important; }

#safety input[type=checkbox],
#success input[type=checkbox] {
  margin: 7px 0 0 10px; }

#safety input[type=text].date-picker,
#safety input[type=text].date-prototype,
#success input[type=text].date-picker,
#success input[type=text].date-prototype {
  width: 65px !important; }

/* 01-homepage*/
h2.groupTitle {
  line-height: 28px;
  color: #fff;
  background: #f78d1d; }

#tabs-execPortal #execPortal_Options table {
  margin-bottom: 10px; }

#tabs-execPortal #execPortal_Options table td {
  padding: 5px; }

#tabs-execPortal #execPortal_Options label {
  font-size: 8pt; }

#tabs > div {
  min-height: 300px; }

/* jquery ui tabs tweaks */
#tabs-execPortal .ui-tabs {
  padding: 0;
  border-left: solid 1px #e4e4e4 !important;
  border-right: solid 1px #e4e4e4 !important; }

#tabs-execPortal .ui-widget-header {
  border: none;
  margin: 0 0 0 -1px !important; }

#tabs-execPortal .ui-widget-content {
  border: none; }

#tabs-execPortal .ui-state-active {
  border-left: none; }

#tabs-execPortal .ui-state-hover {
  border: 0 !important; }

/* table customizations */
#execPortal_Table {
  width: 100%; }

#execPortal_Table a.email {
  color: #218b3e !important;
  text-decoration: none; }

#execPortal_Table a.email:hover {
  color: #111 !important; }

#execPortal_Table a.grayButton {
  color: #000 !important; }

#execPortal_Table a.button,
#execPortal_Table a.grayButton,
#execPortal_Table a.blueButton,
#execPortal_Table a.redButton {
  font-size: 9pt; }

#execPortal_Table td.created {
  color: #4686c8; }

#execPortal_Table td.compass input[type=button] {
  min-width: 85px; }

/* 07-execution-journal.html */
.executionJournal table.journalSearch {
  margin-bottom: 20px;
  width: 100%; }

.executionJournal table.journalSearch td input {
  float: right; }

.executionJournal table.journalSearch td {
  padding: 3px; }

.executionJournal table.journalSearch td:first-child {
  color: #999;
  font-weight: bolder; }

.executionJournal table#journalResults th {
  white-space: nowrap;
  padding: 5px; }

.executionJournal table#journalResults td {
  font-size: 8pt; }

.executionJournal table#journalResults td.due, .executionJournal table#journalResults td.completed {
  text-align: right; }

.executionJournal table#journalResults td.type {
  text-align: center; }

.executionJournal table#journalResults textarea {
  font-size: 9pt;
  padding: 2px; }

.executionJournal table#journalResults .number {
  width: 28px;
  text-align: center; }

.executionJournal table#journalResults input[name=notes] {
  width: 122px;
  font-size: 8pt;
  padding: 3px; }

/* compass meeting */
.compassMeeting .editParticipant {
  min-width: 200px; }

#cancelBtn {
  float: right; }

.compassMeeting .leftCol {
  width: 470px;
  float: left;
  display: inline;
  margin-top: 20px; }

.compassMeeting .accordionLeft {
  width: 100%;
  margin-bottom: 10px; }

.compassMeeting .accordionLeft > div {
  height: 220px;
  overflow: auto; }

/* height of open accordion item */
.compassMeeting .accordionLeft h3 {
  display: block;
  height: 25px;
  padding-left: 10px;
  line-height: 25px;
  color: #fff;
  background: #5b5b5b url("images/theme/accordian-bg.png") 0 0 repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, from(#7c7c7c), to(#404040));
  background: -moz-linear-gradient(top, #7c7c7c, #404040);
  z-index: 1 !important;
  border: 1px solid #ddd; }

.compassMeeting .accordionLeft h3 a {
  color: #514b47 !important;
  text-decoration: none; }

.compassMeeting .accordionLeft h3 a:hover {
  color: #000 !important; }

div.ui-accordion div, div.ui-accordion h3 {
  border-radius: 0 !important; }
  div.ui-accordion div span.ui-icon, div.ui-accordion h3 span.ui-icon {
    background: none;
    width: 17px !important;
    height: 17px !important; }

div.ui-accordion h3.ui-accordion-header {
  background: none;
  background-color: #e5e8ec;
  color: #514b47 !important;
  text-transform: uppercase; }

.compassMeeting .accordionLeft div {
  font-size: 10pt;
  margin-bottom: 6px; }

.compassMeeting .rightCol {
  width: 700px;
  height: 466px;
  float: left;
  display: inline;
  margin: 0 0 20px 10px;
  z-index: 2; }
  .compassMeeting .rightCol #notes td:nth-child(3) {
    min-width: 150px; }
  .compassMeeting .rightCol #notes td:last-child {
    width: 18px; }

.compassMeeting .rightCol .contentBlocker {
  width: 710px;
  height: 466px;
  position: absolute;
  margin: 0 0 0 -5px;
  z-index: 3;
  background: #fff;
  opacity: 0.8; }

.compassMeeting .rightCol input[type=button] {
  float: right;
  width: 150px;
  display: inline-block; }

.compassMeeting .rightCol input[type=text] {
  width: 190px;
  display: inline-block;
  padding: 3px; }

.compassMeeting .rightCol table.simple select {
  width: 100px; }

.compassMeeting .rightCol table.simple {
  margin-top: 10px; }

.compassMeeting .rightCol textarea {
  overflow: hidden;
  padding: 2px 3px; }

.compassMeeting .rightCol div.tabsRight {
  border-radius: 0 !important;
  background: none !important;
  background: transparent !important;
  height: 401px; }
  .compassMeeting .rightCol div.tabsRight #tabs-actionItems, .compassMeeting .rightCol div.tabsRight #tabs-decisions, .compassMeeting .rightCol div.tabsRight #tabs-parkingLot, .compassMeeting .rightCol div.tabsRight #tabs-notes, .compassMeeting .rightCol div.tabsRight #tabs-attendees, .compassMeeting .rightCol div.tabsRight #tabs-extra-tab {
    background: #fff;
    border-radius: 0 !important; }
  .compassMeeting .rightCol div.tabsRight ul#rightSideTabs {
    border-radius: 0 !important;
    background: none !important;
    background: transparent !important; }
    .compassMeeting .rightCol div.tabsRight ul#rightSideTabs li {
      background: none !important;
      background-color: #e5e8ec !important;
      color: #514b47 !important;
      border-radius: 0 !important;
      margin-left: 1px; }
    .compassMeeting .rightCol div.tabsRight ul#rightSideTabs li.ui-state-active {
      background: none !important;
      background-color: #fff !important;
      color: #514b47;
      border-radius: 0 !important; }
      .compassMeeting .rightCol div.tabsRight ul#rightSideTabs li.ui-state-active a {
        border-radius: 0 !important;
        border: none; }

#addActionItemBtnWrapper {
  position: absolute;
  top: 161px;
  right: 39px; }

.compassBtnWrapper {
  top: 104px;
  right: 39px;
  float: right;
  position: initial; }

#addParkingLotBtnWrapper {
  position: absolute;
  top: 119px;
  right: 39px; }

#addNoteBtnWrapper {
  top: 104px;
  right: 39px; }

.add-item-btn-wrapper-review {
  right: 69px !important; }

.compassMeeting .rightCol .ui-tabs-nav {
  filter: none; }

.compassMeeting .ui-widget input {
  font-size: 10pt;
  font-weight: normal; }

.compassMeeting table.simple a {
  color: #218b3e !important; }

.compassMeeting ul {
  margin: 5px 0 10px 18px; }

.compassMeeting ul li {
  padding: 3px 0; }

.compassMeeting .tabsRight {
  z-index: 1; }

.compassMeeting .tabsRight .contentDiv > div {
  height: 355px;
  width: 94%;
  overflow: auto;
  overflow-y: scroll; }

/* size of open tab */
.compassMeeting .tabsRight .tabItemsCount {
  color: #fff;
  background-color: #a21f1f;
  font-size: 12px;
  padding: 1px 3px;
  border-radius: 1px;
  margin-left: 5px; }

.compassMeeting ul.ui-tabs-nav {
  background: #fff; }

.idColumn {
  width: 10px;
  line-height: 25px;
  text-align: right; }

.actionItemTableWrapper {
  height: 200px;
  overflow: auto; }

.actionItemTableWrapper input[type=text].hasDatePickerNoIcon {
  width: 75px !important; }

.actionItemTableWrapper .btnDeleteActionItem {
  margin-top: 6px; }

.actionItemTableWrapper .column-who {
  width: 216px; }

.actionItemTableWrapper .column-date {
  width: 85px; }

#parkingLots .column-who {
  width: 216px; }

#parkingLots .column-date {
  width: 85px; }

.actionItemTableWrapper .ActionItem_Task {
  width: 95%; }

.actionItemTableWrapper .ActionItem_Notes {
  width: 95%; }

.decisionTableWrapper {
  height: 270px;
  overflow: auto; }

.decisionTableWrapper .longTextBox {
  width: 95%; }

.decisionTableWrapper .btnDeleteDecision {
  margin-top: 6px; }

.parkingLotTableWrapper {
  height: 240px;
  overflow: auto; }

.parkingLotTableWrapper input[type=text].hasDatePickerNoIcon {
  width: 75px !important; }

.parkingLotTableWrapper .btnDeleteParkingLot {
  margin-top: 6px; }

.parkingLotTableWrapper .ParkingLot_Task {
  width: 95%; }

.notesTableWrapper {
  height: 260px;
  overflow: auto; }

.notesTableWrapper .Note_NoteText {
  width: 95%; }

.notesTableWrapper .Note_NoteUrl {
  width: 70%; }

.notesTableWrapper .btnDeleteNote {
  margin-top: 6px; }

.notes-url-col {
  white-space: nowrap; }

.compassMeeting #Title {
  width: 350px; }

.compassMeeting #Location {
  width: 350px; }

#outcomes tfoot input[type=text],
#preparation tfoot input[type=text] {
  width: 360px; }

#outcomes tfoot a,
#preparation tfoot a {
  color: #fff !important; }

.meetingValidationError a {
  color: #f00;
  text-decoration: underline; }

/* compassMeeting - jquery ui accordion tweaks */
.compassMeeting .ui-accordion-icons .ui-accordion-header a {
  padding: 0 2.2em; }

.compassMeeting .ui-datepicker .ui-widget-header {
  color: #000; }

.compassMeeting .ui-datepicker .ui-state-default {
  color: #000 !important;
  background: #fff url(jqueryui/custom-theme/images/ui-bg_glass_40_ffffff_1x400.png) 50% 50% repeat-x; }

.compassMeeting .ui-state-active a.ui-state-hover {
  color: #fff !important;
  background: #000 !important; }

.compassMeeting .ui-datepicker a.ui-state-active {
  color: #fff !important;
  background: #000 !important; }

.compassMeeting .ui-datepicker a.ui-widget-content {
  color: #000 !important; }

/* compassMeeting - jquery ui tabs tweaks */
.compassMeeting .ui-tabs {
  padding: 0; }

.compassMeeting .ui-widget-header {
  border: none;
  margin: 0 0 0 -1px !important; }

.compassMeeting .ui-widget-content {
  border: none; }

.compassMeeting .ui-state-active {
  border-left: none; }

.compassMeeting .ui-state-default a {
  color: #514b47 !important; }

.compassMeeting .ui-state-active a {
  color: #000 !important; }

/* hide the close dialog "x" in the check adjust dialog */
div[aria-labelledby="ui-dialog-title-checkAdjustDialog"] .ui-dialog-titlebar-close {
  display: none !important; }

div[aria-labelledby="ui-dialog-title-dialogSendCompass"] .ui-dialog-titlebar-close {
  display: none !important; }

/* check adjust */
table#checkAdjust {
  margin: 0 auto 10px auto; }

#checkAdjust th {
  text-align: center; }

table#checkAdjust td {
  text-align: center;
  padding: 3px 15px; }

table#checkAdjust td:first-child {
  text-align: left;
  padding: 3px 15px 3px 3px; }

.checkAdjust_Red {
  display: block;
  border: solid 1px #fff;
  background: url("images/theme/check-adjust.png") 0 0 no-repeat;
  width: 15px;
  height: 15px;
  cursor: pointer; }

.checkAdjust_RedChecked {
  display: block;
  border: solid 1px #000;
  background: url("images/theme/check-adjust.png") 0 -15px no-repeat;
  width: 15px;
  height: 15px;
  cursor: pointer; }

.checkAdjust_Red:hover,
.checkAdjust_RedChecked:hover {
  border: #000 1px solid; }

.checkAdjust_Yellow {
  display: block;
  border: solid 1px #fff;
  background: url("images/theme/check-adjust.png") -15px 0 no-repeat;
  width: 15px;
  height: 15px;
  cursor: pointer; }

.checkAdjust_YellowChecked {
  display: block;
  border: solid 1px #000;
  background: url("images/theme/check-adjust.png") -15px -15px no-repeat;
  width: 15px;
  height: 15px;
  cursor: pointer; }

.checkAdjust_Yellow:hover,
.checkAdjust_YellowChecked:hover {
  border: #000 1px solid; }

.checkAdjust_Green {
  display: block;
  border: solid 1px #fff;
  background: url("images/theme/check-adjust.png") -30px 0 no-repeat;
  width: 15px;
  height: 15px;
  cursor: pointer; }

.checkAdjust_GreenChecked {
  display: block;
  border: solid 1px #000;
  background: url("images/theme/check-adjust.png") -30px -15px no-repeat;
  width: 15px;
  height: 15px;
  cursor: pointer; }

.checkAdjust_Green:hover,
.checkAdjust_GreenChecked:hover {
  border: #000 1px solid; }

/* agenda table skin */
table.agenda {
  border: 1px solid #bbb;
  background-color: #fff;
  font-size: 12px; }

table.agenda td,
table.agenda th {
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 4px;
  vertical-align: middle;
  text-align: left; }

table.agenda th {
  color: #fff;
  padding: 4px;
  text-align: left;
  /* CSS gradients generated easily and quickly at http://www.colorzilla.com/gradient-editor */
  background: #7c7c7c;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjN2M3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDQwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #7c7c7c 0%, #404040 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7c7c7c), color-stop(100%, #404040));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7c7c7c 0%, #404040 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #7c7c7c 0%, #404040 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #7c7c7c 0%, #404040 100%);
  /* IE10+ */
  background: linear-gradient(top, #7c7c7c 0%, #404040 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#404040',GradientType=0 );
  /* IE6-8 */ }

table.agenda tr td.last {
  padding: 10px; }

table.agenda td.even, table.agenda tr.even td {
  background: #f6f6f6; }

table.agenda td.odd, table.agenda tr.odd td {
  background: #fff; }

table.agenda td.time, table.agenda td.delete, table.agenda td.last-time {
  text-align: center; }

table.agenda tr td.spacertop {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 5px;
  line-height: 5px;
  background-color: #bbb; }

table.agenda tr td.spacer {
  border-top: 1px solid #bbb; }

table.agenda tr td.sort,
table#outcomes tr td.sort.even {
  padding: 0px 10px;
  background: #fff url("images/theme/drag-row.png") no-repeat center center;
  width: 6px;
  height: 9px;
  cursor: move; }

table#outcomes tr td.sort.odd {
  padding: 0px 10px;
  background: #f2f2f2 url("images/theme/drag-row.png") no-repeat center center;
  width: 6px;
  height: 9px;
  cursor: move; }

table.agenda tr.item-prototype td.sort {
  background-image: none;
  cursor: default; }

table.agenda tr.item-prototype td {
  background-color: #bbb;
  border-color: #bbb;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  border-top: 3px solid #bbb;
  border-bottom-width: 0px; }

table.agenda tr.item-prototype td * {
  /*display: none;*/
  visibility: hidden;
  height: 1px;
  margin: 0px;
  padding: 0px;
  line-height: 1px;
  font-size: 1px;
  border-color: #bbb;
  background: #bbb; }

table.agenda tr.item-disabled td {
  background: #e9e9e9;
  color: #c9c9c9; }

table.agenda tr.item-disabled input {
  color: #999999; }

/* Meeting wizard step 3 styles */
div.external-user input.external-email {
  width: 450px; }

div.external-user input.initial {
  color: #AAA; }

div.external-user table {
  width: 100%;
  border: solid 1px #DDD;
  margin: 10px 0px 0px 0px; }

div.external-user th {
  border-right: solid 1px #DDD;
  color: white;
  padding: 3px;
  cursor: pointer;
  text-align: left;
  background-color: #555;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7c7c7c), to(#404040)) !important;
  background-image: -webkit-linear-gradient(top, #7c7c7c, #404040) !important;
  background-image: -moz-linear-gradient(top, #7c7c7c, #404040) !important;
  background-image: -ms-linear-gradient(top, #7c7c7c, #404040) !important;
  background-image: -o-linear-gradient(top, #7c7c7c, #404040) !important;
  background-image: linear-gradient(top, #7c7c7c, #404040) !important; }

div.external-user tr td.even {
  background: #F6F6F6; }

div.external-user td {
  line-height: 28px;
  padding: 3px; }

.external-remove-cell {
  width: 15px; }

div.external-user tr.prototype {
  display: none; }

#executionJournal .notes div.note-wrapper {
  width: 175px;
  height: 30px;
  overflow: hidden; }

#executionJournal .responsibility span {
  white-space: nowrap; }

#executionJournal .complete .number-column {
  border-top: solid 1px #ddd;
  color: #fff;
  font-weight: bolder;
  background: #218b3e; }

#executionJournal .past-due .number-column {
  border-top: solid 1px #ddd;
  color: #fff;
  font-weight: bolder;
  background: #a21f1f; }

#executionJournal .hold .number-column, #executionJournal .cancelled .number-column {
  border-top: solid 1px #ddd;
  color: #fff;
  font-weight: bolder;
  background: #15587e; }

#executionJournal .trouble .number-column {
  border-top: solid 1px #ddd;
  font-weight: bolder;
  background: #e4c136; }

#executionJournal .notes textarea {
  width: 175px;
  height: 30px;
  overflow: hidden;
  border: 1px solid #000;
  background-color: #fff;
  cursor: pointer;
  padding: 3px;
  font-size: 9pt; }

#executionJournal tbody td {
  max-width: 260px;
  word-wrap: break-word; }

#executionJournal .archive-ej {
  display: none; }

#executionJournal .complete .archive-ej, #executionJournal .cancelled .archive-ej {
  display: inline; }

#recurrenceText {
  cursor: pointer;
  margin-top: 5px; }

#edit-ej-item-form .edit-item-userchooser-cell {
  width: 510px; }

#edit-ej-item-form .item-name-cell {
  padding-top: 8px; }
  #edit-ej-item-form .item-name-cell div {
    width: 510px;
    word-wrap: break-word; }

.mail-to-all {
  font-weight: bold;
  margin-right: 4px; }

.meeting-status {
  margin-right: 4px;
  padding-top: 4px;
  font-weight: normal;
  font-size: 11px;
  padding-right: 20px; }

table.item-statistics,
table.meeting-statistics,
table.check-statistics,
table.users {
  border: 1px solid #ddd;
  background-color: #fff; }

table.item-statistics th,
table.meeting-statistics th,
table.users th {
  padding: 4px;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background-color: #e5e8ec;
  color: #514b47; }

table.item-statistics td,
table.meeting-statistics td,
table.users td {
  padding: 4px; }

table.item-statistics td.value,
table.meeting-statistics td.value,
table.users td.value {
  text-align: right;
  vertical-align: top; }

table.item-statistics tr.odd-row,
table.meeting-statistics tr.odd-row {
  background-color: #f6f6f6; }

table.item-statistics tr.table-break td {
  text-align: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 12px;
  font-weight: bold;
  background-color: #e5e8ec;
  color: #514b47;
  text-transform: uppercase; }

table.item-statistics td.label {
  width: 140px; }

table.meeting-statistics td.label {
  width: 130px;
  white-space: nowrap; }

table.item-statistics .vertical-split,
table.meeting-statistics .vertical-split {
  border-left: 1px solid #ccc; }

table.check-statistics .red {
  width: 40px;
  text-align: right;
  background-color: #fdd; }

table.check-statistics .odd-row .red {
  background-color: #ecc; }

table.check-statistics .green {
  width: 40px;
  text-align: right;
  background-color: #dfd; }

table.check-statistics .odd-row .green {
  background-color: #cec; }

table.check-statistics .yellow {
  width: 40px;
  text-align: right;
  background-color: #ffd; }

table.check-statistics .odd-row .yellow {
  background-color: #eec; }

table.check-statistics .score {
  width: 40px;
  text-align: right; }

table.check-statistics .odd-row .score {
  background-color: #f2f2f2; }

table.check-statistics .score-red {
  background-color: #faa; }

table.check-statistics .odd-row td.score-red {
  background-color: #f09090; }

table.check-statistics .score-green {
  background-color: #afa; }

table.check-statistics .odd-row .score-green {
  background-color: #90f090; }

table.check-statistics .score-yellow {
  background-color: #ffa; }

table.check-statistics .odd-row .score-yellow {
  background-color: #f0f090; }

table.check-statistics .split {
  width: 1px; }

table.check-statistics th {
  font-weight: normal; }

table.check-statistics th {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

table.check-statistics th.time-span {
  padding: 4px;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background-color: #e5e8ec;
  color: #514b47; }

table.check-statistics .label {
  font-weight: bold;
  padding: 1px 2px 1px 0px; }

table.check-statistics .odd-row .label {
  background-color: #f2f2f2; }

table.check-statistics .red,
table.check-statistics .green,
table.check-statistics .yellow,
table.check-statistics .split,
table.check-statistics .score,
table.check-statistics .label {
  border-right: 1px solid #ddd;
  padding: 2px; }

table.check-statistics .red {
  border-right: 1px solid #ddd; }

table.check-statistics .split {
  border-bottom: none; }

table.check-statistics .time-span {
  border-top: none;
  border-bottom: none;
  border-right: none; }

table.check-statistics .label {
  border-top: none; }

table.users {
  border: 1px solid #ddd; }

table.users th.time-span, table.users th.active-users {
  padding: 4px;
  font-weight: bold;
  border-right: 1px solid #ddd;
  background-color: #e5e8ec; }

table.users .label {
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #ddd; }

table.users .value {
  text-align: right;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd; }

table.users .counter {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }

.dash-lights {
  float: left;
  display: inline;
  margin: 3px 8px 0px 0px;
  width: 57px;
  padding: 3px 0px 3px 3px;
  background: #fff;
  /* Old browsers */ }

.dash-lights div {
  width: 12px;
  float: left;
  display: inline;
  height: 12px;
  margin: 0px 2px 0px 2px; }

.dash-lights .light-off {
  border: 1px solid #bbb; }

.dash-lights .trouble {
  border: 1px solid #e4c136;
  background: #e4c136; }

.dash-lights .past-due {
  border: 1px solid #a21f1f;
  background: #a21f1f; }

.dash-lights .hold {
  border: 1px solid #15587e;
  background: #15587e; }

.license-message {
  color: #ccc; }

.welcome-message {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase; }

.no-unselected-projects {
  text-align: center;
  font-style: italic;
  color: #444; }

.button-bar {
  padding-top: 10px; }

.noTopMargin {
  margin-top: 0px; }

/*input field validator*/
.input-field-validator-default {
  color: green;
  white-space: nowrap; }

.input-field-validator-error {
  color: #ff0000;
  white-space: nowrap; }

.error-tab:after {
  content: "*";
  color: #f00;
  font-size: 17px;
  margin-left: 4px;
  float: right; }

.hidden {
  visibility: hidden; }

.label-non-bold {
  display: inline;
  font-weight: normal; }

.meeting-builder-header, .create-eji-header, .conduct-meeting-header, .company-agenda-configurator-header {
  border-bottom: 3px #218b3e solid;
  margin-bottom: 20px; }
  .meeting-builder-header h1, .meeting-builder-header h2, .create-eji-header h1, .create-eji-header h2, .conduct-meeting-header h1, .conduct-meeting-header h2, .company-agenda-configurator-header h1, .company-agenda-configurator-header h2 {
    margin: 0;
    font-size: 15px;
    text-transform: uppercase;
    padding: 1px 0; }

.meeting-builder-header {
  padding-top: 10px; }

.conduct-meeting-header {
  padding-top: 20px;
  margin-bottom: 10px; }

.wym_skin_default {
  font-family: 'Open Sans', Sans-Serif !important;
  border: 1px solid #ddd !important;
  background: white !important; }
  .wym_skin_default .wym_tools {
    border: none !important; }
    .wym_skin_default .wym_tools ul {
      background: #e5e8ec !important;
      border: 1px solid #ddd !important; }
      .wym_skin_default .wym_tools ul li {
        background: #e5e8ec !important; }
  .wym_skin_default .wym_tools h2 {
    background: #e5e8ec !important;
    font-family: 'Open Sans', Sans-Serif !important;
    border: 1px solid #ddd !important; }
  .wym_skin_default .wym_iframe iframe {
    background: #e5e8ec !important;
    border: 1px solid #ddd !important; }

#dialogSendCompass {
  background: #f1f4f8 !important; }
  #dialogSendCompass iframre {
    background: #f1f4f8 !important; }

#no-meetings-div {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
  line-height: 360px;
  text-align: center;
  vertical-align: middle; }

#no-action-items-div {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
  line-height: 160px;
  text-align: center;
  vertical-align: middle; }

#no-mystats-div,
#no-teamstats-div {
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
  line-height: 250px;
  height: 250px;
  vertical-align: middle;
  text-align: center; }

#no-mymeetingscore-div,
#no-teammeetingscore-div {
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
  line-height: 300px;
  text-align: center;
  vertical-align: middle; }

span.module-title {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase; }

#dialogSafety, #dialogSuccess {
  max-height: 600px; }
  #dialogSafety .safety-user-text, #dialogSafety .success-user-text, #dialogSuccess .safety-user-text, #dialogSuccess .success-user-text {
    width: 605px; }

.pre-meeting-edit-core-purpose-input,
.pre-meeting-edit-message-input {
  width: 420px; }

.add-additional-users {
  cursor: pointer;
  color: #514b47; }

.add-additional-users:hover {
  text-decoration: underline; }

.compassMeeting .accordionLeft table td,
.compassMeeting .accordionLeft table th {
  word-break: break-all; }

#forgotPasswordBtn {
  display: block !important;
  text-decoration: underline !important;
  color: black !important;
  padding-top: 5px !important; }

.ui-widget-overlay {
  z-index: -1 !important;
  background: #626262 !important; }

.importNotesCheckboxContainer {
  margin: 10px; }

#userLoadingSpinner {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url("images/loader.gif") 50% 50% no-repeat;
  display: none; }

.compassSectionBtnWrapper {
  float: right; }

.compassSectionBtnWrapper > div:first-of-type {
  position: initial !important; }

.tableWrapper {
  overflow: initial; }

.decisionsTableWrapper {
  width: 100%; }

.decisionsTableWrapper table {
  margin-bottom: 0 !important; }

.notesHeaderTableWrapper {
  width: 100%; }

.notesHeaderTableWrapper table {
  width: 100%; }

.fullWidth {
  width: 99%; }

.limitedWidthTab {
  max-width: 139px;
  padding-bottom: 0.1em !important; }

.tabTitleSpan {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  max-width: 121px; }

.tabTitleSpan + span {
  float: right; }

#tabs-actionItems > div:first-child > table > tbody > tr:nth-child(2) > td > button, #tabs-parkingLot > div:first-child > table > tbody > tr:nth-child(2) > td > button {
  width: 577px !important;
  border: solid 1px #ddd !important;
  height: 30px !important; }

.fullHeightTextArea {
  height: 17px; }

.emptyNotesTableDiv {
  text-align: center;
  font-size: 20px; }

#rightSideTabs li a {
  padding: .5em .5em;
  white-space: normal; }

#btnReview {
  overflow: hidden; }

.relative {
  position: relative; }

.timeZoneAbbreviation {
  position: absolute;
  top: 11px;
  left: 113px;
  font-size: 13px; }

.arrow-sep-unicode {
  font-size: 7px; }

#btnReviewExecutionJournal {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden; }

#agendaTable td {
  word-break: break-all; }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?hfoqib");
  src: url("fonts/icomoon.eot?hfoqib#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?hfoqib") format("truetype"), url("fonts/icomoon.woff?hfoqib") format("woff"), url("fonts/icomoon.svg?hfoqib#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-floppy-disk:before {
  content: "\e900"; }

.icon-user:before {
  content: "\e901"; }

.icon-users:before {
  content: "\e902"; }

.icon-user-plus:before {
  content: "\e903"; }

.icon-user-minus:before {
  content: "\e904"; }

.icon-spinner9:before {
  content: "\e905"; }

.icon-plus:before {
  content: "\e906"; }

.icon-minus:before {
  content: "\e907"; }

.icon-cancel-circle:before {
  content: "\e908"; }

.icon-cross:before {
  content: "\e909"; }

.grid {
  margin: 0 0 0px 0; }

.grid:after {
  content: "";
  display: table;
  clear: both; }

.grid [class*='col-'] {
  float: left;
  padding-right: 0px; }

.grid .col-1 {
  width: 8.33333%; }

.grid .col-2 {
  width: 16.66667%; }

.grid .col-3 {
  width: 25%; }

.grid .col-4 {
  width: 33.33333%; }

.grid .col-5 {
  width: 41.66667%; }

.grid .col-6 {
  width: 50%; }

.grid .col-7 {
  width: 58.33333%; }

.grid .col-8 {
  width: 66.66667%; }

.grid .col-9 {
  width: 75%; }

.grid .col-10 {
  width: 83.33333%; }

.grid .col-11 {
  width: 91.66667%; }

.grid .col-12 {
  width: 100%; }

.module {
  line-height: normal;
  margin-bottom: 40px; }

.module, .module * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.module header h1 {
  margin: 0;
  font-size: 15px;
  text-transform: uppercase;
  padding: 1px 0; }

.module header {
  border-bottom: 3px #218b3e solid;
  margin-bottom: 20px; }

.wc-icon, .dashboard-filters .dashboard-filter .remove-filter {
  font-family: 'icomoon'; }

#main {
  background-color: #f1f4f8;
  padding-top: 0; }

#header {
  background-image: none;
  background-color: #fff;
  color: #514b47; }

#header #header_inner {
  background-image: none; }

.welcome-message {
  color: #514b47;
  text-transform: none;
  font-weight: bold;
  font-size: 15px; }

.welcome-message .username {
  color: #218b3e; }

#header #header_inner #logo {
  margin-left: 15px; }

#header #login a {
  color: #514b47;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 5px; }

#header #login a:last-child {
  margin-right: 0; }

#header #header_inner #login {
  margin-top: 25px; }

/* TODO: STYLE THIS GUY*/
body {
  font-family: 'Open Sans', sans-serif; }

ul#tabnav {
  margin: 0 0 25px 0;
  border: 0;
  text-transform: uppercase;
  overflow: hidden; }

ul#tabnav li {
  margin: 0;
  display: inline-block;
  float: left;
  text-align: center;
  border-right: 1px #f1f4f8 solid; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

ul#tabnav li a,
ul#tabnav li a:hover,
ul#tabnav li a.selected {
  font-size: 12px;
  font-weight: bold;
  color: #514b47;
  padding: 15px 11.3px;
  border: 0;
  background-color: #e5e8ec;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

ul#tabnav li a:hover {
  background-color: #fff; }

ul#tabnav li a.selected {
  background-color: #218b3e;
  color: #fff; }

/* FOOTER */
#footer {
  background-color: #fff;
  background-image: none;
  padding: 20px;
  height: auto;
  color: #acacac;
  text-transform: uppercase; }

#footer .logo {
  display: block;
  width: 110px;
  height: 35px;
  margin: 0;
  background: transparent url("themes/Default/images/logo.png") no-repeat 0 0;
  background-size: 110px; }

#footer .left,
#footer .right {
  display: inline-block;
  float: none;
  width: 50%;
  height: 100%; }

#footer .right {
  text-align: right; }

#footer .license-message {
  color: inherit; }

.owl-item:last-child {
  margin: 0; }

.meeting-tile {
  width: 285px;
  color: #919191;
  background-color: #fff;
  float: left;
  border: 1px solid #f1f4f8;
  margin-left: 7px;
  cursor: pointer; }
  .meeting-tile:hover .date {
    background-color: #218b3e;
    color: white; }

.meeting-tile .date {
  background-color: #e5e8ec;
  color: #514b47;
  text-transform: uppercase;
  font-weight: bold;
  padding: 5px 10px; }

.meeting-tile .time-grid {
  padding: 15px 20px; }

.meeting-tile .time-grid .time {
  font-size: 35px;
  color: #000;
  font-weight: 600; }

.meeting-tile .time-grid .label {
  font-size: 11px;
  line-height: 11px;
  display: block;
  font-weight: bold;
  margin-top: 10px; }

.meeting-tile .time-grid .duration {
  font-size: 14px; }
  .meeting-tile .time-grid .duration span.time-unit {
    font-size: 11px; }

.meeting-tile .level {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  padding: 15px 20px;
  border-bottom: 1px #e5e8ec solid; }

.meeting-tile .level-title,
.meeting-tile .level-project,
.meeting-tile .level-area,
.meeting-tile .level-group {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.meeting-tile .level-leaf {
  font-size: 18px;
  font-weight: bold;
  color: #218b3e; }

.meeting-tile .tile-controls {
  padding: 15px 20px;
  text-align: right; }

#main .meeting-tile .tile-controls a {
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  margin-left: 10px; }

#main .meeting-tile .tile-controls a:hover {
  color: #218b3e; }

.meeting-tile .level .arrow {
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom: 0;
  border-top-color: #e5e8ec;
  position: absolute;
  bottom: -8px;
  left: 25px; }

.upcoming-meetings-module .meetings-wrapper {
  position: relative; }
  .upcoming-meetings-module .meetings-wrapper:hover .button-previous-page, .upcoming-meetings-module .meetings-wrapper:hover .button-next-page {
    display: block; }
  .upcoming-meetings-module .meetings-wrapper .button-previous-page, .upcoming-meetings-module .meetings-wrapper .button-next-page {
    background: rgba(247, 247, 247, 0.88);
    opacity: 0.7;
    position: absolute;
    top: 100px;
    bottom: 100px;
    width: 80px;
    z-index: 1;
    cursor: pointer;
    display: none; }
    .upcoming-meetings-module .meetings-wrapper .button-previous-page:hover, .upcoming-meetings-module .meetings-wrapper .button-next-page:hover {
      opacity: 1; }
  .upcoming-meetings-module .meetings-wrapper .button-previous-page {
    left: 7px;
    border-right: 2px #e4e4e4 solid;
    border-radius: 0 80px 80px 0;
    background: linear-gradient(to left, rgba(247, 247, 247, 0.88), rgba(247, 247, 247, 0.3)); }
  .upcoming-meetings-module .meetings-wrapper .button-next-page {
    right: 7px;
    border-left: 2px #e4e4e4 solid;
    border-radius: 80px 0 0 80px;
    background: linear-gradient(to right, rgba(247, 247, 247, 0.88), rgba(247, 247, 247, 0.3)); }
  .upcoming-meetings-module .meetings-wrapper .arrow-left, .upcoming-meetings-module .meetings-wrapper .arrow-right {
    position: absolute;
    top: 50%;
    margin-top: -0.62em;
    text-align: center;
    font-size: 40px;
    color: green;
    text-shadow: 1px 1px 5px rgba(50, 50, 50, 0.4); }
  .upcoming-meetings-module .meetings-wrapper .arrow-left {
    left: -8px;
    right: 0; }
  .upcoming-meetings-module .meetings-wrapper .arrow-right {
    left: 0;
    right: -8px; }

.owl-theme .owl-controls .owl-buttons div.owl-prev,
.owl-theme .owl-controls .owl-buttons div.owl-next {
  background: none;
  padding: 0;
  content: "";
  width: 0;
  height: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.owl-theme .owl-controls {
  position: relative; }

.owl-theme .owl-controls .owl-buttons div.owl-prev {
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid green; }

.owl-theme .owl-controls .owl-buttons div.owl-next {
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid green; }

.upcoming-meetings-module .owl-theme .owl-controls .owl-page span {
  background-color: green; }

.dashboard-filters {
  margin-bottom: 20px; }
  .dashboard-filters .dashboard-filter {
    text-transform: uppercase;
    font-weight: bold;
    background-color: #fff;
    vertical-align: middle;
    padding: 5px 10px;
    font-size: 11px;
    margin-right: 13px;
    border-bottom: 2px solid #ddd; }
    .dashboard-filters .dashboard-filter .remove-filter {
      color: #218b3e;
      vertical-align: middle;
      padding-left: 5px;
      cursor: pointer; }

.my-action-items {
  padding-right: 20px; }
  .my-action-items .action-item {
    position: relative;
    padding: 5px 5px 5px 55px;
    cursor: pointer; }
    .my-action-items .action-item .item-type {
      height: 25px;
      float: left;
      clear: both;
      font-size: 10px; }
  .my-action-items .when {
    position: absolute;
    left: 0;
    top: 0;
    width: 39px;
    height: 100%;
    padding: 5px;
    border-left: 4px solid #898989;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 5px; }
    .my-action-items .when .month,
    .my-action-items .when .day-of-month {
      width: 100%;
      display: inline-block;
      position: absolute;
      font-weight: bold; }
    .my-action-items .when .month {
      font-size: 11px;
      left: 7px;
      bottom: 28px; }
    .my-action-items .when .day-of-month {
      font-size: 18px;
      left: 7px;
      bottom: 5px; }
  .my-action-items .troubled .when {
    border-color: #e4c136;
    color: #e4c136; }
  .my-action-items .troubled:hover .when {
    color: #fff;
    background-color: #e4c136; }
  .my-action-items .on-time .when {
    border-color: #dedede; }
  .my-action-items .on-time:hover .when {
    color: #fff;
    background-color: #dedede; }
  .my-action-items .past-due .when {
    border-color: #a21f1f;
    color: #a21f1f; }
  .my-action-items .past-due:hover .when {
    color: #fff;
    background-color: #a21f1f; }
  .my-action-items .on-hold .when {
    border-color: #15587e;
    color: #15587e; }
  .my-action-items .on-hold:hover .when {
    color: #fff;
    background-color: #15587e; }
  .my-action-items .action-item {
    background-color: #fff;
    margin: 12px 0; }
    .my-action-items .action-item > .col-left,
    .my-action-items .action-item > .col-right {
      padding: 10px 5px; }
  .my-action-items .title {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    height: 21px;
    line-height: 21px;
    margin-top: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .my-action-items .levels {
    text-align: right;
    height: 25px; }
    .my-action-items .levels .level {
      color: #514b47;
      font-size: 10px;
      cursor: pointer; }
    .my-action-items .levels .compass {
      font-weight: bold;
      color: #716b67; }
    .my-action-items .levels .arrow-right {
      display: inline-block;
      height: 0;
      width: 0;
      border-top: 3px solid transparent;
      border-bottom: 3px solid transparent;
      border-left: 4px solid green;
      vertical-align: middle;
      margin-left: 5px;
      margin-right: 1px;
      position: relative;
      top: 1px; }

#main .my-action-items .title a {
  color: #000; }

#main .my-action-items a {
  color: #514b47; }
  #main .my-action-items a:hover {
    color: #218b3e; }

.module .wc-tabs {
  border-bottom: 3px #218b3e solid;
  margin-bottom: 20px; }
  .module .wc-tabs .wc-tab {
    color: #919191;
    display: inline-block;
    width: 50%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px; }
    .module .wc-tabs .wc-tab:not(.active) {
      cursor: pointer; }
    .module .wc-tabs .wc-tab.active {
      background-color: #218b3e;
      color: #fff; }

.module .wc-tabs-content, .my-avg-meeting-score-module, .team-avg-meeting-score-module {
  display: none; }
  .module .wc-tabs-content.active, .my-avg-meeting-score-module.active, .team-avg-meeting-score-module.active {
    display: block; }

#main .status-counts a {
  color: #919191;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  font-size: 12px;
  cursor: pointer;
  padding: 5px; }
  #main .status-counts a:hover {
    background-color: #fff; }
  #main .status-counts a .label,
  #main .status-counts a .content {
    display: block; }
  #main .status-counts a .content {
    font-size: 14px;
    font-weight: 700; }

#main .status-counts .on-time .content {
  color: #218b3e; }

#main .status-counts .troubled .content {
  color: #e4c136; }

#main .status-counts .past-due .content {
  color: #a21f1f; }

#main .status-counts .on-hold .content {
  color: #15587e; }

.avg-meeting-score-module .module-title {
  color: #514b47;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600; }

[ng-cloak] {
  display: none !important; }

#dashboard .dashboard-loader {
  position: relative;
  width: 100%;
  height: 443px;
  background: transparent url("./images/loader.gif") 50% 50% no-repeat; }

table.inputTable td.text-right {
  text-align: right;
  padding-right: 10px; }

table.inputTable td.text-top {
  vertical-align: top; }

div.stats-update-notice {
  text-align: right;
  padding-right: 10px;
  color: #919191;
  font-size: 10px; }

.donut-chart svg g {
  cursor: pointer; }

/*start of toggle button css*/
.switch {
    position: relative;
    display: inline-block;
    width: 65px;
    height: 25px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 17px;
        width: 17px;
        left: 2px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(43px);
    -ms-transform: translateX(43px);
    transform: translateX(43px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.yes {
    display: none;
}

.yes, .no {
    color: white;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    font-size: 10px;
    font-family: Verdana, sans-serif;
}

input:checked + .slider .yes {
    display: block;
}

input:checked + .slider .no {
    display: none;
}
/*end of toggle button css*/

.corePurposetimeZoneAbbreviation {
    position: absolute;
    top: 5px;
    left: 190px;
    font-size: 13px;
}

.wrapword {
    white-space: pre-wrap !important;
    word-break: keep-all !important;
}