/* Gradient Title */
.def-login-title {
  font-size: 2em;
  font-weight: bold;
  margin: 10px; }

.a-login-title {
  font-size: 1.5em;
  font-weight: bold;
  margin: 10px; }

.templatetitle {
  color: #3EA055; }

input.fit-rightarrow {
  position: relative;
  top: 2px; }

span.fileinput-button {
  background: lightgrey;
  color: black;
  position: relative;
  overflow: hidden; }

span.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer; }

a.fit-hidden {
  color: gray; }

a, a:link, a:active, a:visited {
  XXcolor: #174A75;
  color: #222;
  font-weight: bold; }

a:hover {
  color: #ffcc00;
  font-weight: bold; }

table.title {
  background: #3EA055;
  padding: 2px 2px;
  width: 100%; }

table.title td, table.title h2 {
  color: #eeeeee;
  font-weight: bold; }

.skin11Top a, table.title a, table.title a:link, table.title a:active, table.title a:visited {
  color: #eeeeee;
  font-weight: bold;
  text-decoration: none; }

.skin11Top a:hover, table.title a:hover {
  color: #ffcc00;
  font-weight: bold;
  text-decoration: none; }

table.subtitle {
  background: #eeeeee;
  border: 1px solid black;
  padding: 2px;
  width: 100%; }

table.subtitle td {
  color: #174A75;
  font-weight: bold; }

table.subtitle a, table.subtitle a:link, table.subtitle a:active, table.subtitle a:visited {
  color: #174A75;
  font-weight: bold;
  text-decoration: none; }

table.subtitle a:hover {
  color: #ffcc00;
  font-weight: bold;
  text-decoration: none; }

table.info {
  background: #f6f6f6;
  border: 1px solid #ccc;
  border-top-width: 0px;
  width: 100%;
  padding: 4px 0px; }

.aligntop {
  vertical-align: top; }

table.info td.fitlabel {
  text-align: right; }

td.fitlabel {
  padding: 4px 2px 4px 10px;
  font-weight: bold;
  width: 18%; }

#historyDetails td.fitlabel {
  text-align: left; }

td.fitlabel .labelnowrap {
  white-space: nowrap; }

/* not above because of label icons on new/modify menus */
table[name="dynamicMand"], table.labelIcons {
  margin-left: 5px;
  margin-top: 2px;
  border-collapse: collapse; }

td.in {
  width: 25%;
  text-align: left; }

td.input {
  width: 25%;
  text-align: left;
  white-space: nowrap;
  vertical-align: top; }

td.formlabel {
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  padding-right: 5px; }

.labelspace {
  display: inline-block;
  /* curve height */
  padding: 4px 2px; }

td.remainder {
  width: 68%;
  text-align: left; }

table.view {
  background: lightgrey;
  width: 100%;
  padding: 0px 5px; }

div.in {
  padding: 2px 4px;
  background: #dfdfdf;
  text-align: left; }

textarea.fullLine, input.fullLine, select.formInput, .formInput {
  border: none; }

div.fullLine {
  padding: 2px 4px;
  background: lightgrey;
  text-align: left; }

div.fullNoPad {
  background: lightgrey;
  border: 1px solid black;
  text-align: left; }

td.in, td.input, td.remainder {
  padding: 4px; }

textarea.fullLine {
  width: 100%; }

input.fullLine {
  width: 100%; }

file.fullLine {
  width: 100%; }

textarea.formInput {
  width: 100%; }

input.formInput {
  width: 100%; }

select.formInput {
  -moz-border-bottom-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  padding: 1px;
  width: 100%; }

file.formInput {
  width: 100%; }

.fieldControl {
  font-weight: bold;
  padding: 2px 10px;
  background-color: #efefef;
  white-space: nowrap; }

select.fieldControl {
  font-weight: normal;
  width: 75px; }

input.m_go {
  color: #ffffff;
  font-weight: bold;
  vertical-align: middle; }

table.forms {
  padding: 5px;
  width: 100%; }

div.filterdef {
  padding: 15px;
  white-space: nowrap;
  display: inline-block;
  float: left; }

div.filterdef a, div.filterdef a:link, div.filterdef a:active, div.filterdef a:active {
  XXcolor: gray;
  color: #444;
  text-decoration: none; }

div.filterdef a:hover {
  color: #ffcc00;
  text-decoration: underline; }

table.history1 {
  background: #FcFcfc;
  width: 100%;
  padding: 4px 0px;
  border-top-width: 0px; }

table.history2 {
  background: #FaFafa;
  width: 100%;
  padding: 4px 0px;
  border-top-width: 0px; }

table.menu {
  color: #000000;
  empty-cells: show;
  width: 100%;
  background-color: initial;
  border: 1px solid #ccc;
  border-collapse: separate; }

table.otherContext {
  padding: 0px;
  XXbackground: none;
  border: 1px solid #aaa;
  border-collapse: collapse;
  background-image: none;
  width: 100%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

table.otherContext th {
  color: lightgrey; }

table.otherContext tr.menuheader th {
  padding: 4px;
  font-size: initial; }

table.otherContext tr.menurow1, table.otherContext tr.menurow1 td,
table.otherContext tr.menurow2, table.otherContext tr.menurow2 td {
  background: #efefef; }

table.menu th, table.menu td {
  text-align: left; }

tr.menuheader, tr.menuheader th {
  XXcolor: #eeeeee;
  padding: 4px 4px;
  XXfont-size: larger; }

menu tr.menuheader, tr.menuheader th:first-child {
  padding-left: 8px; }

tr.totalheader, tr.totalheader td {
  color: black;
  background: lightgrey;
  padding: 5px 8px;
  border-top: 1px solid black; }

tr.lastmenurow td {
  border-bottom: 1px solid #e5e4e2; }

tr.menurowfield td {
  white-space: normal; }

tr.menurow1, tr.menurow1 td {
  background: #FcFcfc;
  padding: 4px;
  text-align: left;
  vertical-align: top; }

tr.menurow2, tr.menurow2 td {
  background: #FaFafa;
  padding: 4px;
  text-align: left;
  vertical-align: top; }

tr.NO-menurow1, tr.NO-menurow1 td {
  padding: 5px;
  text-align: left;
  vertical-align: top; }

tr.NO-menurow2, tr.NO-menurow2 td {
  padding: 5px;
  text-align: left;
  vertical-align: top; }

tr.menuheader a, tr.menuheader a:link, tr.menuheader a:active, tr.menuheader a:visited {
  color: #eeeeee;
  font-weight: bold;
  text-decoration: none; }

tr.menuheader a:hover {
  color: black;
  font-weight: bold;
  text-decoration: underline; }

tr.menurowchild1, tr.menurowchild1 td {
  background-color: #C7A317; }

tr.menurowchild2, tr.menurowchild2 td {
  background-color: #FDD017; }

tr.menurowchild3, tr.menurowchild3 td {
  background-color: #EAC117; }

tr.dulled, tr.dulled td, tr.dulled a, tr.dulled a:link, tr.dulled a:active, tr.dulled a:visited {
  color: #aaaaaa; }

tr.highlight, tr.highlight td {
  XXbackground-color: #C3C97D !important;
  background-color: #dedede !important;
  STOPcursor: pointer; }

table.summary {
  empty-cells: show;
  text-align: left;
  background-color: initial;
  border: 1px solid #ccc;
  border-collapse: separate; }

table.summary th, table.summary td {
  text-align: left; }

table.summary tr:last-child td, .summary tr:last-child th {
  background-color: #dedede; }

tr.summaryheader, tr.summaryheader th, tr.summaryheader td {
  color: #eeeeee;
  font-weight: bold;
  padding: 5px 10px;
  text-align: center; }

tr.summaryrow1, tr.summaryrow1 td, tr.summaryrow1 th {
  background: #FcFcfc;
  padding: 5px;
  text-align: center;
  vertical-align: bottom; }

tr.summaryrow2, tr.summaryrow2 td, tr.summaryrow2 th {
  background: #FaFafa;
  padding: 5px;
  text-align: center;
  vertical-align: bottom; }

div.reportheader1 {
  font-size: 150%;
  font-weight: bold;
  margin: 10px; }

div.reportheader2 {
  font-size: 125%;
  font-weight: bold;
  margin: 20px; }

div.reportheader3 {
  font-size: 100%;
  font-weight: bold;
  margin: 30px; }

div.reportheader4 {
  font-size: 80%;
  font-weight: bold;
  margin: 40px; }

table.reports {
  Xbackground: #3EA055;
  empty-cells: show;
  border: 1px solid #ccc;
  border-collapse: separate;
  width: 100%; }

.reportTotal {
  font-size: 100%;
  color: lightgrey; }

table.distReport {
  border: 1px solid black;
  margin: auto; }

table.distReport th {
  padding: 4px 20px;
  text-decoration: underline;
  background: #eeeeee;
  border-bottom: 1px solid black; }

table.distReport td {
  padding: 4px 20px; }

.distTotals {
  padding: 4px 10px;
  font-weight: bold;
  background: #eeeeee; }

.distRight {
  text-align: right; }

body, button, textarea, select, option, password, submit, file {
  font-family: Calibri, Tahoma, Geneva, sans-serif;
  color: black; }

body {
  background-color: #FFFFFF;
  margin-left: 2%;
  margin-right: 2%; }

TD.fitTinyText P {
  margin: 0px;
  padding: 0px;
  background: initial !important; }

/* make normal spacing for rtf paragraphs */
/* make normal spacing for rtf paragraphs */
div.caption {
  font-weight: bold;
  padding: 4px 10px; }

span.menutitle {
  font-weight: bold;
  font-size: 2em;
  XXcolor: #3EA055;
  color: #000;
  white-space: nowrap; }

div.menutitle {
  padding: 10px; }

/* sub menu tabs - like EditProfile */
div.subTabs {
  display: block;
  text-align: center; }

table.subTabs {
  padding: 0px 4px;
  width: 100%; }

td.subTabSelected {
  background-color: #e4e4e4;
  width: 100px;
  padding: 5px 10px;
  border: 2px solid #cccccc;
  border-color: #e4e4e4 #cccccc #cccccc #e4e4e4;
  border-bottom: 0px;
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-bottom-left-radius: 4px;
  -webkit-border-top-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

td.subTabUnselected {
  background-color: #cccccc;
  width: 100px;
  padding: 5px 10px;
  border: 2px solid #cccccc;
  border-color: #e4e4e4 #cccccc #cccccc #e4e4e4;
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-bottom-left-radius: 4px;
  -webkit-border-top-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-decoration: underline;
  cursor: pointer; }

td.subTabSpacer {
  background: none;
  border-bottom: 2px solid #e4e4e4;
  width: 5px; }

table.subTabInfo {
  background: #e4e4e4;
  width: 100%;
  padding: 30px;
  text-align: left;
  border: 2px solid #cccccc;
  border-color: #e4e4e4 #cccccc #cccccc #e4e4e4;
  border-top-width: 0px;
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-bottom-left-radius: 4px;
  -webkit-border-top-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

table.innerTabInfo {
  text-align: left;
  padding: 10px;
  width: 90%;
  border: 1px solid #000000;
  background: lightgrey; }

/* TestSpec */
table.ftsMenuOff,
.ftsMenuOff th {
  background: #3EA055;
  background-image: url(/com/other/img/gradientFts.gif);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b4ddb4), to(#002400));
  background: -webkit-linear-gradient(top, #b4ddb4, #002400);
  background: -moz-linear-gradient(top, #b4ddb4, #002400);
  background: -o-linear-gradient(top, #b4ddb4, #002400);
  background: -ms-linear-gradient(top, #b4ddb4, #002400);
  background: linear-gradient(top, #b4ddb4, #002400);
  margin: 2px 0px;
  padding: 2px;
  /* to match up height with other menu headers */
  width: 100%; }

.ftsMenuOff td {
  padding: 6px;
  color: #eeeeee;
  text-decoration: none;
  background: none;
  white-space: nowrap;
  width: 50%; }

.ftsMenuOff a {
  background-image: none;
  color: #eeeeee;
  font-weight: bold;
  text-decoration: none; }

.ftsMenuOff a:hover {
  color: #ffcc00;
  font-weight: bold;
  text-decoration: none; }

tr.ftsHeader, tr.ftsHeader th, tr.ftsHeader td {
  color: #b0ffa0;
  background: #555555;
  padding: 1px 5px;
  border-top: 1px solid black;
  border-bottom: 1px solid black; }

table.ftsTitle tr td, table.ftsTitle tr th, tr.ftsTitle, tr.ftsTitle th, tr.ftsTitle td {
  color: #b0ffa0;
  background: #0b7000;
  padding: 1px 5px; }

tr.ftsHeader a, tr.ftsHeader a:link, tr.ftsHeader a:active, tr.ftsHeader a:visited {
  color: #b0ffa0;
  font-weight: bold;
  text-decoration: underline; }

tr.ftsHeader a:hover {
  color: black;
  font-weight: bold;
  text-decoration: underline; }

table.ftsTitle {
  background: #0b7000;
  border: 1px solid black;
  padding: 0px 2px;
  width: 100%; }

table.ftsTitle td {
  color: #b0ffa0;
  font-weight: bold; }

table.ftsTitle a, table.ftsTitle a:link, table.ftsTitle a:active, table.ftsTitle a:visited {
  color: #b0ffa0;
  font-weight: bold;
  text-decoration: underline; }

table.ftsTitle a:hover {
  color: black;
  font-weight: bold;
  text-decoration: underline; }

tr.projectList td {
  border-bottom: 1px solid silver; }

/* Attachments */
table.attachmentHolder {
  XXborder: 1px solid black;
  background: lightgrey;
  color: #000000;
  width: 100%; }

#attachmentInfoTable td {
  vertical-align: middle; }

table.attachmentHolder td {
  border: none;
  vertical-align: top;
  text-align: left;
  font-size: 12px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px; }

table.attachment {
  background: lightgrey;
  color: #000000;
  border-spacing: 0px;
  width: 100%; }

table.attachment th {
  vertical-align: top;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  background: #999999;
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px; }

table.attachment td {
  vertical-align: top;
  text-align: left;
  font-size: 12px;
  padding-top: 0px;
  padding-right: 8px;
  padding-bottom: 0px;
  padding-left: 8px; }

img.info {
  cursor: pointer; }

select.searchOptions {
  padding: 4px; }

select.searchOptions, select.searchOptions option {
  background: #eeeeee;
  color: black;
  border-color: 0px solid blue;
  font-weight: bold; }

.menu_bgcolor, table.menu_bgcolor,
.menu_bgcolor > th {
  background: #3EA055; }

.skin11menuTopContainer {
  float: left;
  width: 100%;
  background: white;
  min-width: 600px;
  position: relative;
  white-space: nowrap;
  margin-bottom: 10px; }

.skin11menuTopLinksContainer {
  float: left;
  background: #003143;
  position: relative;
  white-space: nowrap;
  margin-right: 15px; }

.skin11menuLinksCol {
  float: left;
  width: 100%;
  position: relative; }

.skin11menuWelcomeCol {
  text-align: right;
  padding: 10px;
  width: 100%; }

.skin11menuLinks, .skin11menuLinksAdmin {
  display: inline;
  float: left;
  padding: 6px 4px; }

.skin11menuLinks {
  color: #eeeeee; }

.skin11menuLinks a {
  padding: 6px;
  color: #eeeeee;
  text-decoration: none; }

.skin11menuLinks a:hover {
  background: lightgrey;
  color: black;
  padding: 6px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

div.skin11menuTopRight {
  float: right;
  padding: 4px;
  border: 2px solid black; }

div.skin11menuBottom {
  xmin-width: 800px;
  float: left;
  width: 99%;
  border: 2px solid black;
  padding: 0px 4px;
  white-space: nowrap; }

div.skin11menuBottom .container {
  float: left;
  padding: 4px;
  font-weight: bold;
  color: #eeeeee;
  white-space: nowrap; }

div.skin11menuBottom .spacer {
  padding-right: 2%; }

div.skin11menuBottom .right {
  float: right; }

.rounded-corners, submit, input, button, file, password, select, textarea, div.in {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.rounded-corners-top {
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-bottom-left-radius: 4px;
  -webkit-border-top-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.flat-corners-right {
  -moz-border-bottom-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px; }

.flat-corners-left {
  -moz-border-bottom-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px; }

.curve-left-side {
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 15px;
  -webkit-border-top-bottom-left-radius: 0px;
  -webkit-border-top-bottom-right-radius: 15px;
  border-top-left-radius: 0px;
  border-top-right-radius: 15px; }

.curve-right-side {
  -moz-border-bottom-left-radius: 15px;
  -moz-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 15px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 0px; }

.rounded-corners-top-left {
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 0px;
  -webkit-border-top-bottom-left-radius: 4px;
  -webkit-border-top-bottom-right-radius: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 0px; }

.rounded-corners-top-right {
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-bottom-left-radius: 0px;
  -webkit-border-top-bottom-right-radius: 4px;
  border-top-left-radius: 0px;
  border-top-right-radius: 4px; }

.rounded-corners-bottom, tr.mceLast iframe {
  -moz-border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

table.mceLayout, td.mceToolbar {
  xpadding: 2px;
  border-collapse: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

/* CSS megamenu overrides */
#menu.menuSessionOptions {
  display: inline-block;
  height: 0px;
  width: auto; }

#menu.menuAdminOptions li {
  margin: 0px; }

#menu li a {
  color: #eeeeee; }

#menu.menuTrackOptions li, #menu.menuSessionOptions li {
  margin: 0px;
  white-space: nowrap; }

#menu.menuTrackOptions li a, #menu.menuSessionOptions li a {
  margin: 0px;
  padding: 0px 5px; }

#menu li.rounded-corners:hover {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

#menu h2 {
  font-size: 1.4em;
  font-weight: 300;
  padding-bottom: 4px; }

.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
  margin: 3px 0px; }

#menu li:hover .dropdown_1column,
#menu li:hover .dropdown_2columns,
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
  z-index: 1000;
  padding: 2px; }

.dropdown_1column {
  width: 200px; }

.dropdown_2columns {
  width: 400px; }

.dropdown_3columns {
  width: 600px; }

.dropdown_4columns {
  width: 850px; }

/* french needs another 50 */
.dropdown_5columns {
  width: 1000px; }

.col_1 {
  width: 190px; }

.col_2 {
  width: 390px; }

.col_3 {
  width: 590px; }

.col_4 {
  width: 790px; }

.col_5 {
  width: 990px; }

#menu li .greybox li {
  width: 180px; }

#menu li.rounded-corners:hover {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.ui-menu {
  position: absolute;
  width: auto; }

.ui-button-text-only .ui-button-text {
  padding: 2px; }

.ui-button,
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 2px; }

.ui-menu .ui-menu-item a {
  padding: 2px;
  line-height: 1.2; }

td.dashlabel {
  font-weight: bold;
  white-space: nowrap;
  vertical-align: top;
  padding-right: 20px; }

/* JQUERY UI Combobox  */
.custom-combobox-input {
  width: 92%; }

.custom-combobox-toggle {
  padding: 8px 2px;
  vertical-align: top;
  width: 1em; }

/* above skin6 menu  */
.ui-dialog {
  z-index: 1000; }

/* fix bootstrap problems */
.dropdown-menu .divider {
  background: #666; }

.navbar.navbar-inverse-dark :not(li) > a:hover {
  XXcolor: #C3C97D;
  background-color: #dedede !important; }

.navbar.navbar-inverse-dark :not(li) > a {
  color: #666; }

table.info, table.history1, table.history2 {
  border-spacing: 2px; }

table.title {
  border-bottom: 1px solid #1f3b08; }

table.subTabs, table.subTabInfo {
  border-collapse: separate; }

table.innerTabInfo {
  border-collapse: separate; }

div.editColumnsWrapper {
  padding: 20px; }

img {
  vertical-align: top; }

#calendar table td {
  padding: 4px;
  text-align: center; }

#calendar table {
  border-collapse: separate;
  border-spacing: 4px; }

.radio label,
.checkbox label {
  padding-left: 5px; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  margin-left: 0px; }

.mobileShow {
  display: none !important; }

@media only screen and (max-device-width: 1200px) {
  .mobileShow {
    display: inline-block; }

  td.in {
    min-width: 75px; }

  td.input {
    min-width: 75px; }

  td.fitlabel {
    max-width: 100px; } }
@media only screen and (max-device-width: 1200px) {
  .mobileLeft {
    float: left !important; } }