BODY, P, DIV, TD, TR, FORM, OL, UL, LI, INPUT, BUTTON, TEXTAREA, SELECT, OPTION, PASSWORD, SUBMIT, FILE, INPUT.default, TEXT, A, H2, H3 {
    font-size: 10pt;
    font-family: Arial, sans-serif;
    color: black;
}
BODY { background-color: #FFFFFF; margin-left: 2%; margin-right: 2%; margin-bottom: 2%;}

.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: #3060A0; }

// for language strings in file upload
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: red}
a, a:link, a:active, a:visited {color: #3060A0; font-weight: bold; text-decoration: underline;}
a:hover {color: black; font-weight: bold; text-decoration: underline;}

TABLE.title {background: #3060A0; border: 1px solid black; padding: 0px 2px; width: 100%}
TABLE.title TD , TABLE.title h2 {color: white; font-weight: bold;}
TABLE.title A, TABLE.title A:link, TABLE.title A:active, TABLE.title A:visited {color: white; font-weight: bold; text-decoration: underline;}
TABLE.title A:hover {color: black; font-weight: bold; text-decoration: underline;}

TABLE.subtitle {background: lightgrey; border: 1px solid black; padding: 2px; width: 100%}
TABLE.subtitle TD {color: white; font-weight: bold;}
TABLE.subtitle A, TABLE.subtitle A:link, TABLE.subtitle A:active, TABLE.subtitle A:visited {color: white; font-weight: bold; text-decoration: underline;}
TABLE.subtitle A:hover {color: black; font-weight: bold; text-decoration: underline;}

TABLE.info {background: #D0D0FF; border: 1px solid black; border-top-width: 0px; width: 100%}
TD.fitlabel {padding: 2px 0px 0px 5px; font-weight: bold; text-align: left; vertical-align: top; width: 18%;}
TD.fitlabel .labelnowrap { white-space: nowrap; }
TD.in {width: 25%; text-align: left; }
TD.input {width: 25%; text-align: left; white-space: nowrap;}
TD.formlabel {font-weight: bold; text-align: center; white-space: nowrap;}
.labelspace { padding: 4px 8px;}

TD.remainder {width: 68%; text-align: left;}
TABLE.view {background: lightgrey; border: 1px solid black; width: 100%; padding: 0px 5px; }

DIV.in {padding: 0px 5px; background: lightgrey; border: 1px solid black; text-align: left; }
DIV.fullLine {padding: 0px 5px; background: lightgrey; border: 1px solid black; text-align: left; }
DIV.fullNoPad {background: lightgrey; border: 1px solid black; text-align: left; }

TEXTAREA.fullLine { width: 100%; }
INPUT.fullLine { width: 100%; }
FILE.fullLine { width: 100%; }

TEXTAREA.formInput { width: 100%; }
INPUT.formInput { width: 100%; }
SELECT.formInput { width: 100%; padding: 2px;}
FILE.formInput { width: 100%; }

.fieldControl { font-weight: bold; padding: 2px 10px; background-color: #efefef}
SELECT.fieldControl { font-weight: normal; width: 75px; }

INPUT.m_go {color: #ffffff; background-color: lightgrey; font-weight: bold;}
TABLE.forms {padding: 5px; width: 100%;}
DIV.filterdef, DIV.filterdef X { padding:10px; margin: 0px 5px; color: gray; white-space: nowrap; display: inline-block;}
DIV.filterdef A, DIV.filterdef A:link, DIV.filterdef A:active, DIV.filterdef A:active { color: gray; text-decoration: underline;}
DIV.filterdef A:hover { color: #ffcc00; text-decoration: underline;}

TABLE.history1 {background: #E0E0FF; border: 1px solid black; width: 100%; border-top-width: 0px}
TABLE.history2 {background: #D0D0FF; border: 1px solid black; width: 100%; border-top-width: 0px}

table.otherContext {
  padding: 0px; 
  XXbackground: none; 
  border: 1px solid black;
  background-image: none; 
  width: 100%;   } 
table.otherContext th {
  color: lightgrey;  }
table.otherContext  tr.menurow1, table.otherContext tr.menurow1 td, 
table.otherContext  tr.menurow2, table.otherContext tr.menurow2 td {
  background: #ddd; }
.menu_bgcolor, table.menu_bgcolor,.menu_bgcolor > th {  background: #3060A0; }

TABLE.menu {color: #000000; empty-cells: show; Xpadding: 4px; border: 1px solid black; border-collapse: collapse; }
TABLE.menu TH, TABLE.menu TD { text-align: left;}
TR.menuheader, TR.menuheader TH 
{color: #eeeeee; padding: 4px;}
TR.totalheader, TR.totalheader TD
{color: black; background: lightgrey; padding: 4px;  border-top: 1px solid black;}
TR.menurow1, TR.menurow1 TD
{background: #E0E0FF; padding: 4px; text-align: left; vertical-align: top}
TR.menurow2, TR.menurow2 TD 
{background: #D0D0FF; padding: 4px; text-align: left; vertical-align: top}
TR.NO-menurow1, TR.NO-menurow1 TD
{padding: 4px; text-align: left; vertical-align: top}
TR.NO-menurow2, TR.NO-menurow2 TD 
{padding: 4px; text-align: left; vertical-align: top}
TR.menuheader A, TR.menuheader A:link, TR.menuheader A:active, TR.menuheader A:visited {color: white; font-weight: bold; text-decoration: underline;}
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 { background-color: gray !important; STOPcursor: pointer; }

TABLE.summary {empty-cells: show; border: 1px solid black; border-collapse: collapse; Xpadding: 2px 10px; text-align: left; }
TABLE.summary TH, TABLE.summary TD {text-align: center;}
TR.summaryheader, TR.summaryheader TH, TR.summaryheader TD
{color: white; font-weight: bold; XXbackground: #3060A0; padding: 2px 10px; text-align: center} 
TR.summaryrow1, TR.summaryrow1 TD, TR.summaryrow1 TH
{background: #E0E0FF; padding: 2px 10px; text-align: center}
TR.summaryrow2, TR.summaryrow2 TD, TR.summaryrow2 TH
{background: #D0D0FF; padding: 2px 10px; text-align: center}

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 { background: #D0D0FF; empty-cells: show; border-color: #3060A0; border: 1px solid black; border-collapse: collapse; padding: 4px; margin: 0px; text-align: left}
.reportTotal { font-size: 100%; color: lightgrey; }

table.distReport {  border: 1px solid black; margin: auto; }
table.distReport th {  padding: 4px 10px; text-decoration: underline; background: #eeeeee; border-bottom: 1px solid black;}
table.distReport td {  padding: 4px 10px; }
.distTotals {  padding: 4px 10px; font-weight: bold; background: #eeeeee;}
.distRight {  text-align: right; }

TD.fitTinyText P {margin: 0px; padding: 0px;}  /* make normal spacing for rtf paragraphs */

DIV.caption {
    font-weight: bold;
    padding: 4px 10px;
} 

SPAN.menutitle {
  font-weight: bold;
  font-size: 2em;
  color: black;
  white-space: nowrap; }

div.menutitle {
  XXwidth: 100%;
  padding: 10px; }

/* sub menu tabs - like EditProfile */
DIV.subTabs { display: block; text-align: center }
TABLE.subTabs { padding: 0px; width: 100%; border: none; 
   border-collapse: collapse;  }
TD.subTabSelected { width: 100; padding: 5px 10px; background-color: #D0D0FF; border: 2px solid black; 
    border-bottom: 2px solid #D0D0FF; text-align: center; font-weight: bold; font-size: 80%; white-space: nowrap;}
TD.subTabUnselected { width: 100; padding: 5px 10px; background-color: lightgrey; border: 2px solid black;
    text-align: center; font-weight: bold; text-decoration: underline; cursor: pointer; font-size: 80%; white-space: nowrap;}
TD.subTabSpacer { border-bottom: 2px solid black; width: 5px; }
TABLE.subTabInfo { width: 100%; padding: 30px; text-align: left; background: #D0D0FF; border: 2px solid black; border-top-width: 0px; }
table.innerTabInfo { text-align: left; padding: 10px; border: 1px solid #000000; background: lightgrey; width: 90%;} 

/* TestSpec */
table.ftsMenuOff {
  background: #b4ddb4; /* Old browsers */
  background-image: url(/milonicMenu/menuGreen.gif);margin-bottom: 2px;
  XXpadding: 4px 2px; /* to match up height with other menu headers */
  width: 100%;
}
.ftsMenuOff td {
  padding: 6px;
  XXcolor:#eeeeee;
  text-decoration: none; 
  background: none;
  white-space: nowrap; 
  width:50%;
}
.ftsMenuOff A {background-image: none; XXcolor: #eeeeee; font-weight: bold; text-decoration: none;}
.ftsMenuOff A:hover {XXcolor: #ffcc00; font-weight: bold; text-decoration: none;}
TR.ftsHeader, TR.ftsHeader TH, TR.ftsHeader TD {color: #b0ffa0; background: #555555; padding: 4px; 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: 4px;}
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 { border: 1px solid black; background: lightgrey; color: #000000; width: 100%; }
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; }

/* JQUERY UI Combobox  */
.custom-combobox-input {
  width:92%;
  
}
.custom-combobox-toggle {
  padding: 4px 2px;
  vertical-align: top;
  XXmargin-left: -1px;
  width: 1em;
}

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

  /* fix bootstrap problems */

table.info, table.history1, table.history2 { 
  border-spacing: 4px;    
}
table.title, table.menu, table.summary, table.reports, table.info, table.history1, table.history2 {
  border-collapse: separate; 
}
table.subTabs, table.subTabInfo {
  border-collapse: separate; 
  XXwhite-space: nowrap;
}
table.innerTabInfo {
  border-collapse: separate; 
}
div.editColumnsWrapper {
  padding: 20px;
}
img {
  vertical-align: baseline;
}
#calendar table td { 
  padding: 4px;  
  text-align: center;  
}
#calendar table { 
  border-collapse: separate; 
  border-spacing: 4px; 
}