@charset "UTF-8";		
/* skin	kgcubed	*/
body, button 
{		
    font-family: 'Ubuntu', sans-serif;		
}	

h1 {		
    letter-spacing: 0.15em;		
}		
table   {		
    border-collapse:collapse;		
    -moz-box-sizing: border-box;		
    -webkit-box-sizing: border-box;		
    -ms-box-sizing: border-box;		
    box-sizing: border-box;		
}		
.noborder {		
    border: 0px ;		
    border-style : none;		
}		
table.noborder td,tr,th {		
    border: 0px ;		
    border-style : none;		
}		
td      {border:1px solid rgb(204,204,204); padding: 2px; text-align: center;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;/*color:rgb(0,0,0);background-color:rgb(255,255,255)*/}		
th      {border-color:rgb(136,136,136); padding: 2px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;color:rgb(0,0,0);background-color:rgb(170,170,170);border-style:solid; border-width:1px;}		
th.orange {background-color: rgb(102,170,204); color:rgb(29,69,89);}		
th.green {background-color: #C0B39B; color:#302000;}		
div {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}		
div.orange {background-color: orange;}		
div.green {background-color: #C0B39B; color:#302000;}		
td.orange {background-color: rgb(102,170,204); color:rgb(29,69,89);}		
td.green {background-color: #C0B39B; color:#302000;}		
tr.orange {background-color: rgb(102,170,204); color:rgb(29,69,89);}		
tr.green {background-color: #C0B39B; color:#302000;}		
td.red {background-color: red; color:white}		
p {margin-left:2px;margin-right:2px;margin-top:5px;margin-bottom: 2px}		
p.reduced {margin-top:0px;margin-bottom:0px;font-size:90%}		
/*button {font-size:100%;font-weight:600;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;color:rgb(0,0,0);background-color:rgb(204,204,204)}		
button:disabled {color:#AAA;}*/		
button {cursor:pointer;border:1px solid #666;font-size:100%;font-weight:600;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;color:rgba(0,0,0,0.9);background-color:white}		
button:disabled {color:#999;background-color:#EEE}		
button:hover {border:1px solid black;opacity:0.85}		
input {font-family: 'Ubuntu', sans-serif; background-color: white; border:1px solid #D0D0D0; border-radius: 0px; padding:1px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}		
input.disabled {color:#444;background-color: #DDD}		
input.dateControl {width: 8em; text-align:center}		
input.dateControl:hover {background-color:yellow}		
select {font-family: 'Ubuntu', sans-serif;background-color: white; border:1px solid #D0D0D0; border-radius: 0px; padding:0px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}		
select.disabled {color:#444;background-color: #DDD}		
label {cursor:pointer}		
label.disabled {color:#444}		
iframe {border:0px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; }		
textarea {font-family: 'Ubuntu', sans-serif;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}		
		
tr.selectedRow, td.selectedRow {		
    cursor: pointer; background-color: rgb(29,69,89); color:#FFF;		
}		
tr.unSelectedRow, td.unSelectedRow {		
    cursor: pointer;		
}		
tr.highlightonhover:hover {		
    cursor: pointer; background-color: rgb(29,69,89); color:#FFF;		
}		
div.highlightonhover:hover, div.highlightonhover div.basicCell:hover {		
    cursor: pointer; background-color: rgb(29,69,89); color:#FFF;		
}		
img.highlightonhover:hover {		
    cursor: pointer; background-color: rgb(29,69,89); color:#FFF;		
}		
span.highlightonhover, a.highlightonhover, p.highlightonhover {		
   cursor:pointer;padding: 3px; border-radius: 10px;		
}		
span.highlightonhover:hover, a.highlightonhover:hover, p.highlightonhover:hover {		
   background-color:yellow;		
}		
td.highlightonhover:hover {		
    cursor: pointer; background-color: rgb(29,69,89); color:#FFF;		
}		
td.faintonhover:hover, tr.faintonhover:hover, div.faintonhover:hover, span.faintonhover:hover, div.faintonhover div.basicCell:hover {		
   cursor: pointer; background-color:rgba(34,34,34,0.15);color:rgb(0,0,0)		
}		
div.selectedRow {		
    background-color: rgb(29,69,89); color:#FFF;		
    cursor: pointer;		
}		
div.unSelectedRow {		
    cursor: pointer;		
}		
tr.lightborder, td.lightborder, table.lightborder {		
    border:1px solid #c0c0c0;		
}		
div.graphbar {cursor:pointer}		
tr.hovered  {background-color:yellow}		
a {cursor:pointer}		
a:link { color: blue; }		
a:visited { color: blue; }		
a:active { color: blue; }		
a:hover { color: green; }		
div.desktopDIV {		
    top:0%; height:100%; position: absolute; overflow:hidden;		
    background-color: #F0F0F0;		
}		
div.outerDIV, div.Window {		
    position:absolute;		
    padding:0px;		
    box-shadow:5px 5px 5px rgba(0,0,0,0.8);		
    left:0%;		
    top:0%;		
    width:100px;		
    min-height:200px;
    min-height:20vh;		
    display:table;		
}		
div.outerDIV:not(.maximized), div.Window:not(.maximized) {border-radius:1em;}		

div.outerDIV.autoHeight>div.bodyDIV,
div.Window.autoheight:not(.maximized)>div.body
{
    position:relative;
    top:0; 
    height:auto;
    min-height:200px;
    min-height:20vh;
}	

div.titleDIV,
div.Window>div.titleBar
{		
    background-color: rgb(29,69,89);		
    color:#FFF;		
    font-weight: bold;		
    width:100%;		
    left:0px;		
    top:0px;		
    position:relative;		
    letter-spacing: 0.1em;		
    border: none;		
    -webkit-touch-callout: none;		
    -webkit-user-select: none;		
    -khtml-user-select: none;		
    -moz-user-select: none;		
    -ms-user-select: none;		
    border-bottom:1px solid #999;		
    border-right:1px solid #666;		
    border-top:1px solid #666;		
    border-left:1px solid #666;		
    cursor:pointer;		
    padding-left:0.4em;		
}		
div.outerDIV:not(.maximized)>div.titleDIV,
div.Window:not(.maximized)>div.titleBar
{		
   border-top-left-radius:1em;		
   border-top-right-radius:1em;		
}

div.minimizedWindowBar
{
    display:none
}

div.Window:not(.maximized)>div.titleBar>span {display:inline-block}
div.Window.maximized
{
    width:100%;
    height:100%;
}
div.titleDIVunfocused,
div.Window>div.titleBar:not(.focused)
{		
    background-color: #307090;		
    color:#EDE7DF;		
    width:100%;		
    left:0px;		
    top:0px;		
    position:relative;		
    letter-spacing: 0.15em;		
    border: none;		
    -webkit-touch-callout: none;		
    -webkit-user-select: none;		
    -khtml-user-select: none;		
    -moz-user-select: none;		
    -ms-user-select: none;		
    border-top-left-radius:1em;		
    border-top-right-radius:1em;		
    border-bottom:1px solid #999;		
    border-right:1px solid #666;		
    border-top:1px solid #666;		
    border-left:1px solid #666;		
    cursor:pointer;		
    padding-left:0.4em;		
}		
div.desktopDIV>div.windowList>div.minimizedWindowIcon:hover {		
    border-color:white;		
    color:white;		
    background:url('../img/icons/maxIconHuge.png');		
    background-repeat: no-repeat;		
    background-position: center;		
}		
		
div.titleDIV>div.wBut, div.titleDIVunfocused>div.wBut,
div.Window>div.titleBar>div
{		
  float:right;		
  background-origin: content-box;		
  background-position:center;		
  background-repeat: no-repeat;		
}		

div.titleDIV>div.wBut.highlighted {background-color:green; border-radius:18px}		
div.titleDIV>div.title, div.titleDIVunfocused>div.title {		
  float:left;		
}		
div.bodyDIV, div.Window>div.body {		
   background-color:rgb(249,249,249);		
   width:100%;		
    left:0px;		
    position:absolute;		
    border: none;		
    overflow-y: auto;		
    border-bottom:1px solid #666;		
    border-right:1px solid #666;		
    border-left:1px solid #666;		
}		
div.outerDIV:not(.maximized)>div.bodyDIV,
div.Window:not(.maximized)>div.body
{		
   border-bottom-right-radius:1em;		
   border-bottom-left-radius:1em;		
}		
div.modalCover {width:100%;height:100%;background-color:rgba(0,0,0,0.3);position:absolute}		
div.statusInfoDIVcontainer {		
    position:absolute;		
    background-color: #101010;		
    opacity:0.65;		
    filter:alpha(opacity=65); /* For IE8 and earlier */		
    z-index: 999;		
    font-size: 300%;		
    font-weight: bolder;		
    text-align: center;		
    color: white;		
    right:0.3%;		
    bottom:0.5%;		
    white-space:nowrap;		
    padding:15px;		
}		
div.detailedStatusInfoDIVcontainer {		
    position:absolute;		
    background-color: #101010;		
    opacity:0.65;		
    filter:alpha(opacity=65); /* For IE8 and earlier */		
    z-index: 999;		
    font-size: 150%;		
    font-weight: bolder;		
    text-align: center;		
    color: white;		
    left:5%;		
    top:75%;		
    width: 90%;		
    vertical-align: middle;		
    overflow-x:auto;		
}		
div.highlightedIcon {		
    background-color:#606060;		
}		
div.statusBarContainer {		
    position:absolute;		
    z-index: 999;		
    left:40%;		
    top:48%;		
    width:20%;		
    height:4%;		
    border:1px solid #909090;		
    background-color: #A2ABC0;		
}		
a.hyperlink {		
    color:blue;		
    cursor: pointer;		
    text-decoration:underline;		
}		
div.sortableth {		
    float:left;		
    background-color:rgb(102,170,204);		
    border-right:1px solid #666;		
    border-bottom:1px solid #666;		
    border-top:1px solid #666;		
    color:rgb(29,69,89);		
    height:100%;		
    overflow: hidden;		
    text-align:center;		
    padding:1px;		
    cursor:pointer;		
    font-weight: normal;		
}		
th.sortableth {		
    background-color:transparent;		
    border-style:none;		
    border-color: #666;		
    border-width:1px;		
    cursor:pointer;		
    font-weight: normal;		
    overflow: hidden;		
    top:0px;		
}		
div.sortabletd {		
    padding:1px;		
    position:absolute;		
    top:0px;		
    width:10px;		
    overflow:hidden;		
    height:100%;		
    white-space:nowrap;		
}		
div.sortabletdSubtotal {		
    padding:1px;		
    position:absolute;		
    overflow:hidden;		
    height:1.4em;		
    white-space:nowrap;		
}		
div.sectionHead {		
    padding:0px;		
    top:0px;		
    height:1.5em;		
    cursor:pointer;		
/*    background-color: #AAA; */		
    z-index: 1;		
}		
.dark0 { background-color: rgb(0,0,0); color:rgb(255,255,255); border-color:rgb(68,68,68);border-width:1px; border-style:none}		
.dark1 { background-color: rgb(34,34,34); color:rgb(255,255,255); border-color:rgb(102,102,102);border-width:1px; border-style:none}		
.dark2 { background-color: rgb(68,68,68); color:rgb(255,255,255); border-color:rgb(136,136,136);border-width:1px; border-style:none}		
.dark3 { background-color: rgb(102,102,102); color:rgb(255,255,255); border-color:rgb(170,170,170);border-width:1px; border-style:none}		
.dark4 { background-color: rgb(136,136,136); color:rgb(255,255,255); border-color:rgb(102,102,102);border-width:1px; border-style:none}		
.dark5 { background-color: rgb(170,170,170); color:rgb(0,0,0); border-color:rgb(136,136,136);border-width:1px; border-style:none}		
.dark6 { background-color: rgb(204,204,204); color:rgb(0,0,0); border-color:rgb(170,170,170);border-width:1px; border-style:none}		
.dark7 { background-color: rgb(255,255,255); color:rgb(0,0,0); border-color:rgb(204,204,204);border-width:1px; border-style:none}		
		
.grey0 { background-color: rgb(225,225,225); color:#000; border-color:rgb(233,233,233);border-width:1px; border-style:none}		
.grey1 { background-color: rgb(229,229,229); color:#000; border-color:rgb(237,237,237);border-width:1px; border-style:none}		
.grey2 { background-color: rgb(233,233,233); color:#000; border-color:rgb(241,241,241);border-width:1px; border-style:none}		
.grey3 { background-color: rgb(237,237,237); color:#000; border-color:rgb(245,245,245);border-width:1px; border-style:none}		
.grey4 { background-color: rgb(241,241,241); color:#030303; border-color:rgb(249,249,249);border-width:1px; border-style:none}		
.grey5 { background-color: rgb(245,245,245); color:#080808; border-color:rgb(253,253,253);border-width:1px; border-style:none}		
.grey6 { background-color: rgb(249,249,249); color:#0F0F0F; border-color:rgb(245,245,245);border-width:1px; border-style:none}		
.grey7 { background-color: rgb(253,253,253); color:#141414; border-color:rgb(249,249,249);border-width:1px; border-style:none}		
		
div.draggableColumnHead {		
    float:left;		
    padding:2px;		
    border:1px solid #999;		
    background-color:#EEE;		
    cursor:pointer;		
    margin-bottom:2px;		
    border-radius: 6px;		
}		
div.verticalLine {		
    top:0%;height:100%;width:1px;border-left:1px solid #BBB;left:0px;position:absolute;z-index:0;		
}		
div.filterArrow {		
    position:absolute;width:22px;height:15px;left:80%;cursor:pointer;		
}		
span.sectionDetail {		
    display: block;		
}		
div.minus1em {		
 height:85%;height:-moz-calc(100% - 1em);height:-webkit-calc(100% - 1em);height: calc(100% - 1em);		
}		
div.minus2em {		
 height:80%;height:-moz-calc(100% - 2em);height:-webkit-calc(100% - 2em);height: calc(100% - 2em);		
}		
div.minus3em {		
 height:80%;height:-moz-calc(100% - 3em);height:-webkit-calc(100% - 3em);height: calc(100% - 3em);		
}		
div.minus1p5em {		
 height:85%;height:-moz-calc(100% - 1.5em);height:-webkit-calc(100% - 1.5em);height: calc(100% - 1.5em);		
}		
div.minus2p5em {		
 height:80%;height:-moz-calc(100% - 2.5em);height:-webkit-calc(100% - 2.5em);height: calc(100% - 2.5em);		
}		
span.hoverStrike:hover,div.hoverStrike:hover,p.hoverStrike:hover,b.hoverStrike:hover {		
  color:#A33; text-decoration: line-through; cursor:pointer;		
}		
.borderRight { border-right-style:solid;border-right-width:1px}		
.borderLeft { border-left-style:solid;border-left-width:1px}		
.borderTop { border-top-style:solid;border-top-width:1px}		
.borderBottom { border-bottom-style:solid;border-bottom-width:1px}		
.borderRB { border-right-style:solid;border-right-width:1px; border-bottom-style:solid;border-bottom-width:1px}		
.borderTRB { border-right-style:solid;border-right-width:1px; border-bottom-style:solid;border-bottom-width:1px;border-top-style:solid;border-top-width:1px}		
.borderRBL { border-right-style:solid;border-right-width:1px; border-bottom-style:solid;border-bottom-width:1px;border-left-style:solid;border-left-width:1px}		
.borderTRL { border-right-style:solid;border-right-width:1px; border-left-style:solid;border-left-width:1px ;border-top-style:solid;border-top-width:1px}		
.borderLB { border-left-style:solid;border-left-width:1px; border-bottom-style:solid;border-bottom-width:1px}		
.borderTR { border-right-style:solid;border-right-width:1px; border-top-style:solid;border-top-width:1px}		
.borderLT { border-left-style:solid;border-left-width:1px; border-top-style:solid;border-top-width:1px}		
.borderAll { border-right-style:solid;border-right-width:1px; border-left-style:solid;border-left-width:1px ;border-top-style:solid;border-top-width:1px;border-bottom-style:solid;border-bottom-width:1px}		
tbody.borderAll>td, tbody.borderAll>th { border-right-style:solid;border-right-width:1px; border-left-style:solid;border-left-width:1px ;border-top-style:solid;border-top-width:1px;border-bottom-style:solid;border-bottom-width:1px}		
tbody.grid td {border:1px solid #AAA}		
.borderGrey { border-color:#CCC}		
div.ccCommentItem { width:100%; cursor:pointer; }		
div.ccCommentItemSelected {width:100%; background-color:rgb(68,68,68);color:rgb(255,255,255);}		
.bold {font-weight:bold;}		
.italic {font-style:italic;}		
.cBoth {clear:both}		
.fLeft {float:left}		
.fRight {float:right}		
.iBlock {display: inline-block}		
.pad0, table.pad0 td, table.pad0 th  {padding:0}		
.pad1, table.pad1 td, table.pad1 th  {padding:1px}		
.pad2, table.pad2 td, table.pad2 th  {padding:2px}		
.pad3, table.pad3 td, table.pad3 th  {padding:3px}		
.pad4, table.pad4 td, table.pad4 th {padding:4px}		
.pad5, table.pad5 td, table.pad5 th {padding:5px}		
.pad6, table.pad6 td, table.pad6 th {padding:6px}		
.tCenter {text-align:center}		
.tLeft  {text-align:left}		
.tRight {text-align:right}		
.w100 {width:100%}		
.h100 {height:100%}		
.s100 {width:100%;height:100%}		
.marg0 {margin:0}		
.marg1 {margin:1em}		
.mLeft1em {margin-left:1em}		
.mLeft2em {margin-left:2em}		
.mLeft3em {margin-left:3em}		
.mLeft4em {margin-left:4em}		
.mCenter {margin-left:auto;margin-right:auto}		
.cPoint {cursor:pointer}		
.f85 {font-size:85%}		
.fGrey{color:#999}		
.fRed {color:#C01}		
.fGreen {color:#082}		
.fBlue {color:#028}		
.fWhite {color:#FFFFFF}		
.fBlack {color:#000000}		
img.h1em {height:1em;width:auto}		
img.h1p2em {height:1.2em;width:auto}		
img.h1p5em {height:1.5em;width:auto}		
		
.lHeight1p5 {height:1.5em;line-height:1.5em; overflow: hidden; white-space:nowrap;}		
.lHeight2 {height:2em;line-height:2em; overflow: hidden; white-space:nowrap;}		
.lHeight2p5 {height:2.5em;line-height:2.5em; overflow: hidden; white-space:nowrap;}		
.lHeight3 {height:3em;line-height:3em; overflow: hidden; white-space:nowrap;}		
.lHeight4 {height:4em;line-height:4em; overflow: hidden; white-space:nowrap;}		
div.basicCell {height:1.6em;line-height:1.6em; overflow: hidden; white-space:nowrap;float:left;padding-left:2px;padding-right:2px;border-right-style:solid;border-right-width:1px;border-bottom-style:solid;border-bottom-width:1px;border-color:#CCC;background-color:inherit}		
		
div.tabLeftActive {float:left;width:27px;height:30px;background-image:url(../img/icons/tabLeft.png);cursor:pointer}		
div.tabRightActive {float:left;width:27px;height:30px;background-image:url(../img/icons/tabRight.png);cursor:pointer}		
div.tabMidActive {float:left;padding-top:5px;height:30px;background-image:url(../img/icons/tabCenter.png);cursor:pointer}		
div.tabLeftInActive  {float:left;width:1px;height:30px;background-image:url(../img/icons/tabEdge.png);cursor:pointer}		
div.tabRightInActive {float:left;width:1px;height:30px;background-image:url(../img/icons/tabEdge.png);cursor:pointer;border-right:1px solid #666}		
div.tabMidInActive {float:left;padding-top:5px;padding-left:26px;padding-right:26px;height:30px;cursor:pointer}		
div.tabMidInActive:hover {float:left;padding-top:5px;border-top:1px solid #CCC;padding-left:26px;padding-right:26px;height:30px;background-image:url(../img/icons/tabEdgeHover.png);cursor:pointer}		
		
div.BtabLeftActive {float:left;width:27px;height:30px;background-image:url(../img/icons/BtabLeft.png);cursor:pointer}		
div.BtabRightActive {float:left;width:27px;height:30px;background-image:url(../img/icons/BtabRight.png);cursor:pointer}		
div.BtabMidActive {float:left;padding-top:5px;height:30px;background-image:url(../img/icons/BtabCenter.png);cursor:pointer}		
div.BtabLeftInActive  {float:left;width:1px;height:30px;background-image:url(../img/icons/BtabEdge.png);cursor:pointer}		
div.BtabRightInActive {float:left;width:1px;height:30px;background-image:url(../img/icons/BtabEdge.png);cursor:pointer;border-right:1px solid #666}		
div.BtabMidInActive {float:left;padding-top:5px;padding-left:26px;padding-right:26px;height:30px;background-image:url(../img/icons/BtabEdge.png);cursor:pointer}		
div.BtabMidInActive:hover {float:left;padding-top:5px;border-top:1px solid #CCC;padding-left:26px;padding-right:26px;height:30px;background-image:url(../img/icons/BtabEdgeHover.png);cursor:pointer}		
		
div.tabContentArea {width:100%;margin-top:-1px;height:85%;height:-moz-calc(100% - 34px);height:-webkit-calc(100% - 34px);height: calc(100% - 34px);}		
		
.vertical-text {		
 filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */		
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */		
    -moz-transform: rotate(-90.0deg);  /* FF3.5+ */		
    -ms-transform: rotate(-90.0deg);  /* IE9+ */		
    -o-transform: rotate(-90.0deg);  /* Opera 10.5 */		
    -webkit-transform: rotate(-90.0deg);  /* Safari 3.1+, Chrome */		
    transform: rotate(-90.0deg);  /* Standard */}		
		
.noselect {		
  cursor:default;		
  -webkit-touch-callout: none; /* iOS Safari */		
  -webkit-user-select: none;   /* Chrome/Safari/Opera */		
  -khtml-user-select: none;    /* Konqueror */		
  -moz-user-select: none;      /* Firefox */		
  -ms-user-select: none;       /* IE/Edge */		
  user-select: none;		
}		
div.tabWinIconBar {		
    width:100%;height:8vh;background-color:#DDDDDD;		
}		
div.tabWinTab {		
    width:100%;height:calc(95% - 8vh);overflow-y:auto;position:absolute;top:calc(5% + 8vh);		
   background-color:rgb(249,249,249);		
}		
div.tabWinBarOuter {		
    height:5%;width:100%;background-color:#DDDDDD;position:relative		
}		
div.tabWinBarInner {		
    position:absolute;bottom:0px;height:30px;width:100%;border-bottom:1px solid black;		
}		
div.tabWinIcon {		
    height:8vh;width:8vh;float:right;cursor: pointer;margin-left:0.4em;		
    position: relative;		
    background-size: 90%; background-repeat: no-repeat; background-position: center;		
}		
div.tabWinIcon:hover {		
    background-color: rgb(29,69,89); color:#FFF;		
}		
div.smallIcon {		
    background-size: 85%; background-repeat: no-repeat; background-position: center;		
    width:1.8vh;height:1.8vh;cursor:pointer;		
}		
div.mediumIcon {		
    background-size: 85%; background-repeat: no-repeat; background-position: center;		
    width:5vh;height:5vh;cursor:pointer;		
}		
div.mediumIcon:hover, div.smallIcon:hover {		
    background-color: rgb(29,69,89); color:#FFF;		
}		
table.vTable th, table.hTable th {		
    background-color: #CCC;		
    font-weight: normal;		
}		
table.vTable:not(.noborder):not(.noOutline) th, table.hTable:not(.noborder):not(.noOutline) th {		
    border-right:1px solid #999;		
    border-bottom:1px solid #999;		
}		
table.vTable:not(.noborder) td, table.hTable:not(.noborder) td {		
    border-right:1px solid #CCC;		
    border-bottom:1px solid #CCC;		
}		
table.vTable:not(.noborder)>thead>tr:last-child>th {		
    border-bottom:1px solid #666;		
}		
table.hTable:not(.noborder)>tbody>tr>th:last-of-type {		
    border-right:1px solid #666;		
}		
table.vTable:not(.noOutline) tr:first-child>th, table.hTable:not(.noOutline) tr:first-child>th, table.hTable:not(.noOutline) tr:first-child>td, table.vTable td.top, table.hTable td.top, table.vTable th.top, table.hTable th.top, table.vTable:not(.noOutline)>tbody:first-child tr:first-child>td {		
    border-top:1px solid black		
}		
table.vTable:not(.noOutline) td:first-child, table.vTable:not(.noOutline) th:first-child, table.hTable:not(.noOutline) td:first-child, table.hTable:not(.noOutline) th:first-child {		
    border-left:1px solid black		
}		
table.vTable:not(.noOutline) td:last-child, table.vTable:not(.noOutline) th:last-child, table.hTable:not(.noOutline) td:last-child, table.hTable:not(.noOutline) th:last-child {		
    border-right:1px solid black		
}		
/*table.vTable:not(.noOutline)>tbody:first-child tr:first-child>td {		
      border-top:1px solid black		
}*/		
table.vTable:not(.noOutline)>tbody:last-child>tr:last-child>td, table.hTable:not(.noOutline)>tbody:last-child>tr:last-child>td, table.hTable:not(.noOutline)>tbody:last-child>tr:last-child>th, table.vTable:not(.noOutline)>tbody:last-child>tr:last-child>th, table.vTable td.bottom, table.hTable td.bottom, table.vTable th.bottom, table.hTable th.bottom {		
      border-bottom:1px solid black		
}		
table.rateControl {		
    background-color:#E6E6E6		
}		
table.rateControl th {		
    background-color: #CCC;		
}		
table.rateControl td.laneCell {		
    position:relative;background-color:#E6E6E6;background-clip:padding-box		
}		
table.rateControl td.blankedOut {		
    background-color:#DDD;		
}		
table.rateControl td.rCshp {		
    background-color:#666;color:white;font-weight:bold;border-bottom-color:#555		
}		
table.rateControl td.rCper {		
    font-style: italic		
}		
table.rateControl td.totalTitle {		
    background-color:#666;padding-right:5px;color:white;font-weight: bold;text-align: right		
}		
table.rateControl td.totalCost {		
    background-color:#444;color:white;font-weight: bold		
}		
table.rateControl td.totalPer {		
    background-color:#666;color:white;font-weight: bold;font-style: italic		
}		
img.hoverYellow:hover {		
  background-color:yellow		
}		
ul.radio>li {		
    list-style: none; margin-left:-1em; padding-bottom:3px		
}		
ul.radio>li:hover {		
    background-color:rgba(0,0,0,0.05)		
}		
ul.radio>li input {		
    margin-right:0.7em		
}		
div.deletable:hover {		
    border:1px solid black;		
    border-radius:0.5em;		
    padding-right:1.5em;		
    padding-left:0.3em;		
    background:url('../img/icons/deleteRightPad.png');		
    background-size: auto 60%;		
    background-repeat: no-repeat;		
    background-position: right;		
    background-color:rgba(0,0,0,0.1);		
    border-color:rgba(0,0,0,0.4);		
}		
#iconDIV {		
    height:100%; top:0%; left:0px; position: absolute; overflow:hidden; background-color:#EAEAEA; border-right:1px solid #E0E0E0;		
}		
#baseIcons {		
    bottom:0px;left:0px;position:absolute;		
}		
#userIcons {		
  top: 0px;		
  left: 0px;		
  position: absolute;		
}		
#baseIcons>div, #userIcons>div {		
    width:100%;		
    cursor:pointer;		
}
#baseIcons>div.unlogged {display:none}

#baseIcons>div>img, #userIcons>div>img {		
    width:100%;		
    height:auto;		
}		
#baseIcons>div>div:not(:first-child), #userIcons>div>div:not(:first-child) {		
    text-align: center;		
    width:100%;		
    color: #111;		
}		
#baseIcons>div>div:first-child, #userIcons>div>div:first-child {		
    margin-left:3px; 		
}		
#baseIcons>div:hover, #userIcons>div:hover {		
    background-color:#666;		
}		
#logoIMG {		
   position:absolute;right:4px;bottom:4px		
}		
#loginstatus {		
   font-size:80%; bottom:4px; text-align:left; position: absolute; left:4px		
}		
div.desktopDIV>div.windowList {		
    width:100%;		
    background-color:rgba(0,0,0,0.85);		
    height:180px;		
    position:absolute;		
    bottom:0px;		
    z-index: 99999;		
    border-top:6px solid black;		
}		
div.desktopDIV>div.windowList>div {		
    position:relative;		
    width:100px;		
    height: calc(100% - 6px);		
    margin-top:5px;		
    background-color:rgba(0,0,0,0.6);		
    border: 2px solid #CCC;		
    margin-right:4px;		
    margin-left:4px;		
    float:left;		
    border-top-left-radius:12px;		
    border-top-right-radius:12px;		
    color:#CCC; cursor:pointer;		
}		
div.desktopDIV>div.windowList>div:hover {		
    color:#FFF;		
    background-color: #000;		
    border-color:#FFF;		
}		
div.desktopDIV>div.windowList>div>img:first-child {		
    height:auto;		
    margin-left:16px;		
    width:64px;		
    margin-top:18px;		
}		
div.desktopDIV>div.windowList>div>div {		
    font-size:12px;		
    position:absolute;		
    bottom:0px;		
    padding:2px;		
    text-align: center;		
    width:100%;		
}		
div.desktopDIV>div.windowList>div>img:last-child {		
    position:absolute;		
    right:3px;		
    top:3px;		
}		
div.desktopDIV>div.windowList>div>img:last-child:hover {		
   background-color:red; border-radius:10px;		
}	
#statusBar {position: absolute; left:0%; top:0%; height:100%; width:50%; background-color:blue}
#detailedStatusInfoDIVcontainer, #statusInfoDIVcontainer, #statusBarContainer {display:none}

.windowListVisible {		
    background-color:rgba(0,0,0,0.85);		
    border-top-left-radius:20px;		
    border-bottom-left-radius:20px;		
}		
div.desktopDIV>div.windowList>div.minimizedWindowIcon {		
   border-color:#333;		
   color:#999;		
}		
div.bodyDIV>div.windowStatus {		
    position:absolute;		
    bottom:2px;		
    right:2px;		
    Z-index: 5000;		
}		
div.bodyDIV>div.windowStatus>div {		
    float:left;		
    border-width:1px;		
    border-style:solid;		
    border-color:rgba(0,0,0,0.9);		
    border-radius:20px;		
    padding:5px;		
    background-color:rgba(0,0,0,0.6);		
    color:rgba(255,255,255,0.8);		
    margin:2px;		
    font-size:80%;		
}		
div.bodyDIV>div.windowStatus>div.javascript {		
    background-color:yellow;		
}		
div.bodyDIV>iframe { width:100%; height: calc(100% - 4px); border:0; margin:0 }		
		
div.bodyDIV>div.popupContentDIV {overflow-y:auto;position:relative; height: calc(100% - 3em) }  		
div.popupButtonDIV {position:absolute;bottom:0;width:100%;padding-bottom:3px;padding-top:3px;height:3em}		
div.outerDIV.autoHeight div.popupButtonDIV {position:relative}		
div.popupButtonDIV>button {margin-left:3px;margin-right:3px;height:100%;font-size:115%;letter-spacing: 0.15em; font-family: 'Ubuntu', sans-serif;} 		
div.popupButtonDIV>button:first-child {border-bottom-left-radius:0.8em}		
div.popupButtonDIV>button:last-child {border-bottom-right-radius:0.8em}		
button.green {background-color:#0A3;color:white}		
button.green:hover {background-color: #082}		
button.red {background-color:#A00;color:white}		
button.red:hover {background-color:red}		
button.orange {background-color:orange;color:black}		
button.send {background-image:url(img/send.png); background-size:auto 80% }		
button.tick, button.cancel, button.add, button.next, button.previous, button.send {background-origin: content-box;background-position: right;background-repeat: no-repeat;}		
button.tick.iLeft, button.cancel.iLeft, button.add.iLeft, button.next.iLeft, button.previous.iLeft, button.iLeft {background-position: left;}		
		
div.shortcutKeyList {position: absolute;width:25%;height:100%;background-color:rgba(0,0,0,0.8);right:0; color:#FFF;border-left:2px solid #000; z-index:99998}		
div.shortcutKeyList>h1 {text-align:center}		
div.shortcutKeyList>ul {clear:both; padding-left:1em;list-style-type: none;padding-top:0.1em;}		
div.shortcutKeyList>ul>li {clear:both; margin:1em}		
div.shortcutKeyList>ul>li>span {margin-right:0.7em}		
div.shortcutKeyList>ul>li>span>div, div.shortcutKeyList>p>div {float:left; border:1px solid #999; padding: 4px; font-size:80%;margin-right:2px; margin-left:2px; margin-top:-4px;background-color:rgba(0,0,0,0.4); min-width:2em; text-align:center}		
div.shortcutKeyList>p {margin-top:2em;margin-left:0.5em;margin-bottom:5em; clear:both}		
div.shortcutKeyList>p>span {float:left; margin-left:0.4em; margin-right:0.4em}		
input.hotKeyInput   {position:absolute;right:0;bottom:0;text-align:right;width:4em;border:0;background-color:rgba(0,0,0,0.8); color:#FFF;z-index:99999}		
		
div.shortcutKeyList>h2 {clear:both;margin-top:2em;}		
div.shortcutKeyList>h2>span {font-weight:normal;margin-left:1em; font-size:80%}		
		
div.helpBubble {		
    background-color:rgba(0,0,0,0.75);		
    position:absolute;		
    padding:2.2vh;		
    font-size:120%;		
    border-radius:1em;		
    width:25%;		
    text-align:center;		
    color:#FFF;		
    z-index:9999;		
    font-weight:bold;		
    letter-spacing:0.2em;		
    line-height:1.5em;		
    font-variant-ligatures: none;		
}		
div.helpBubble.se { border-bottom-right-radius:0em;}		
div.helpBubble.ne { border-top-right-radius:0em;}		
div.helpBubble.sw { border-bottom-left-radius:0em;}		
div.helpBubble.nw { border-top-left-radius:0em;}		
div.helpBubble>div.pointer {		
    width:6vh;		
    height:6vh;		
    position:absolute;		
}		
div.helpBubble.se>div.pointer {		
    top:calc(100% - 3.1vh);		
    left:calc(100% - 3.1vh);		
    background-image: url(img/bubbleHelpArrowSE.png);		
    background-size: 100% 100%		
}		
div.helpBubble.ne>div.pointer {		
    top:-3vh;		
    left:calc(100% - 3.1vh);		
    background-image: url(img/bubbleHelpArrowNE.png);		
    background-size: 100% 100%		
}		
div.helpBubble.sw>div.pointer {		
    top:calc(100% - 3.1vh);		
    left:-3vh;		
    background-image: url(img/bubbleHelpArrowSW.png);		
    background-size: 100% 100%		
}		
div.helpBubble.nw>div.pointer {		
    top:-3vh;		
    left:-3vh;		
    background-image: url(img/bubbleHelpArrowNW.png);		
    background-size: 100% 100%		
}		
div.helpBubble>div.close {		
    position:absolute;		
    top:0.5vh;right:0.5vh;		
    background-image: url(img/closeIconBigger.png);		
    background-size: 100% 100%;		
    width:2vh;height:2vh;		
    cursor:pointer;		
}		
		
div.showDetail {margin-bottom:12px}		
div.showDetail>input {margin-left:10px}		
div.actionList {width:95%;border:1px solid #666;border-radius:3px;color:#202A3F;background-color:#DDD;margin-left:auto;margin-right:auto;margin-top:2px;margin-bottom:5em;max-height:12em;overflow-y:auto}		


/* https://stackoverflow.com/questions/8720931/can-css-detect-the-number-of-children-an-element-has */
/* one item */
div.buttonsContainer button:first-child:nth-last-child(1)
{
    width: 100%;
}

/* two items */
div.buttonsContainer button:first-child:nth-last-child(2),
div.buttonsContainer button:first-child:nth-last-child(2) ~ button
{
    width: 48%;
}

div.buttonsContainer button:first-child:nth-last-child(2) ~ button
{
    margin-left:4%
}

/* three items */
div.buttonsContainer button:first-child:nth-last-child(3),
div.buttonsContainer button:first-child:nth-last-child(3) ~ button
{
    width: 30%;
}

div.buttonsContainer button:first-child:nth-last-child(3) ~ button
{
    margin-left: 5%;
}


/* four items */
div.buttonsContainer button:first-child:nth-last-child(4),
div.buttonsContainer button:first-child:nth-last-child(4) ~ button
{
    width: 24%;
}

div.buttonsContainer button:first-child:nth-last-child(4) ~ button
{
    margin-left: 1.25%;
}

div.buttonsContainer
{
    padding-top: 1.5em;
    padding-bottom: 0.5em;
}


div.Window.loading > div.body
{
    background-color: rgba(240, 240, 240, 0.85)
}

div.Window.loading.waiting > div.body > div
{
    font-size: 10vh;
    font-weight:bold;
    color: rgba(0,0,0,0.15);
    top: calc(45% - 5vh);
    position:absolute;
    width:100%;
    text-align:center
}

div.beta-version
{
    background-color: #999;
    height:1vh;
    width:1vh;
}