@CHARSET "ISO-8859-1";
@font-face { font-family: 'GoMono'    ; src: url(http://dataonthe.net/sys/font/GoMono.ttf); }
@font-face { font-family: 'UbuntuMono'; src: url(http://dataonthe.net/sys/font/UbuntuMono.ttf); }

body {
    font-family      : Tahoma, Arial ;
    font-size        : 10pt;
    margin           : 4px ;
    background-color : Black ;
    color            : White ;
}
.story {
    background-color : GhostWhite;
    color            : Black;
    border           : 0px solid Black;
    margin           : 0px;
    padding          : 0px;
    font-family      : "Times New Roman" ;
    font-size        : 12pt ;
}
a.quiet {
    text-decoration  : none ;
}
/* =====[ TABLE ]============================================================ */
table {
	background-color:   White ;
	empty-cells:        show ;
	width:              100% ;
}
table auto {
	padding:            0px ;
}
thead th {
	background-color  : SteelBlue ;
	color             : White ;
	font-weight       : 700 ;
	font-style        : italic ;
	text-align        : center ;
	text-align        : center ;
	border            : 1px solid Black ;
	padding           : 1px 6px ;
}
table.container , .list , .listwide , .login , .tabcontainer , .textbox {
	margin:             0px 0px 0px 0px ;
	padding:            0px 0px 0px 0px ;
	border:             0px ;
	background-color:   transparent ;
	border-collapse:    collapse;
	width:              auto ;
	height:             auto ;
}
table.fixw {
	margin:             0px 0px 0px 0px ;
	padding:            0px 0px 0px 0px ;
	border:             0px ;
	background-color:   transparent ;
	border-collapse:    collapse;
	width:              400px ;
	height:             auto ;
}
table.popInfo , .popStop, .popWarn  {
    margin:   5px;
    padding:  2px;
    width:    auto ;
}
table.popInfo {
    border:             5px solid DodgerBlue ;
    background-color:   AliceBlue ;
}
table.popStop {
    border:             5px solid Red ;
    background-color:   MistyRose ;
}
table.popWarn {
    border:             5px solid Orange ;
    background-color:   LemonChiffon ;
}
table.tabcontainer {
	width:              100% ;
	border-width:       0px 0px 1px 0px ; /* top right bottom left */
	border-style:       solid;
	border-color:       Navy ;
}
table.list {
	border:             1px solid black ;
}
table.frame {
	margin:             0px 0px 0px 0px ;
	padding:            1px 2px 2px 1px ;
	border:             1px solid black ;
	background-color:   Gainsboro ;
	width:              auto ;
	height:             auto ;
}
table.listwide {
	border:             0px solid black ;
	width:              100% ;
}
table.box {
	margin:             0px ;
 	padding:            0px ;
	border:             0px ;
	background-color:   transparent ;
 	width:              100% ;
}
table.login {
	width:              252px ;
    position:           absolute;
    top:                1px;
    right:              1px;
}
table.bar {
	width:              100%   ;
	border:             2px solid Navy ;
	background-color:   Gainsboro ;
	padding:            2px    ;
	margin:             0px 0px 2px 0px ; /* top right bottom left */
}
table.textbox {
	border:             1px solid Black ;
	width:              100% ;
	background-color:   AliceBlue ;
}
/* =====[ TABLE ROW ]======================================================== */
tr {
    vertical-align:     top ;
    border:             0px ;
}
tr.form {
    border:             0px ;
    margin:             0px 0px 0px 0px ;
    padding:            0px 2px 0px 2px ;  /* top right bottom left */
    vertical-align:     top ;
    color:              black ;
    background-color:   LightSteelBlue ;
}
tr.head {
	border:             1px solid ;
	margin:             0px 0px 0px 0px ;
	padding:            0px 0px 0px 0px ;
	vertical-align    : top ;
	color             : White ;
	background-color  : SteelBlue ;
    font-size         : 7pt ;
}
tr.frame {
    border:             1px ;
    border-color:		PowderBlue ;
    border-width:		1px ;
    margin:             1px ;
    padding:            2px ;
    vertical-align:     top ;
    color:              Black ;
    background-color:   White ;
}
tr.boxShow, .row, .row0, .row1, .hi_row0, .hi_row1, .edit {
    border           : 0px ;
    margin           : 0px ;
    padding          : 0px ;
    vertical-align   : top ;
    color            : Black ;
    background-color : transparent ;
}
tr.row0, .row0 {
    background-color : Ivory;
}
tr.row0:hover {
    background-color : #9999ff;
}
tr.row1 {
    background-color : #cccccc;
}
tr.row1:hover {
    background-color : #7777ff;
}
tr.hi_row0 {
    background-color : Yellow;
}
tr.hi_row1 {
    background-color : Yellow;
}
tr.edit {
    background-color : Yellow ;
}
tr.break0, .break1, .break2, .break3 {
    border           : 0px ;
    margin           : 0px ;
    padding          : 0px 3px 0px 3px ;
    vertical-align   : top ;
    font-weight      : 700 ;
    color            : Black ;
    background-color : DeepSkyBlue;
}
tr.break1 {
    background-color : LightCyan;
}
tr.break2 {
    background-color : PowderBlue;
}
tr.break3 {
    background-color : #dd9999;
}
th, .left {
	font-family:        Tahoma, Arial ;
	font-size:          7pt  ;
	margin          :   0px 0px 0px 0px ;
	padding         :   0px 4px 0px 4px ;
	border          :   1px solid Black ;
	color:              white ;
	background-color:   SteelBlue ;
	vertical-align:     middle ;
/*  text-transform:     capitalize ;*/
}
th.left {
	text-align:         left  ;
}
th.hi {
	font-size:          14pt  ;
	font-weight:        900 ;
}
th.indigo, .navy, .plum, .purple, .steelblue {
	background-color:   Indigo ;
}
th.white {
	padding:            0px 1px 0px 1px ;
	background-color:   White ;
}
th.orange {
	padding:            0px 0px 0px 0px ;
	background-color:   Orange ;
}
th.lime {
	padding:            0px 0px 0px 0px ;
	background-color:   Lime ;
}
th.green {
	padding:            0px 0px 0px 0px ;
	background-color:   Green ;
}
th.v_fnpack, .v_role, .v_segregation, .vert_navy, .vert_plum, .vert_purple {
	padding:            4px 0px 4px 0px ;
	text-align:         left ;
	vertical-align:     middle ;
	color:              White ;
	writing-mode:       vertical-lr;
    text-orientation:   mixed;
	text-decoration:    none ;
}
th.black, .v_segregation {
	background-color:   Black ;
	color:              Lime ;	
}
th.v_segrval {
	background-color:   Black ;
	color:              Yellow ;	
}
th.indigo, .v_fnpack {
	background-color:   Indigo ;	
} 
th.navy, .vert_navy {
	background-color:   Navy ;
}
th.plum, .v_eduunit {
	background-color:   Plum ;
}
th.purple, .vert_purple {
	background-color:   Purple ;
}
th.steelblue, .v_role {
	background-color:   SteelBlue ;
}

/* =====[ TABLE DATA ]======================================================= */
td {
	font-size       : 8pt  ;
	font-family     : Tahoma, Arial ;
	padding         : 0px 0px 0px 0px ;
	margin          : 0px 0px 0px 0px ;
	vertical-align  : top ;
}
td.bottom {
	vertical-align  : bottom ;
}
td.right {
	font-size       : 8pt  ;
	font-family     : Tahoma, Arial ;
	padding         : 0px 0px 0px 0px ;
	margin          : 0px 0px 0px 0px ;
	text-align      : right ;
	vertical-align  : top ;
}
td.headline {
	font-size       : 8pt  ;
	font-family     : Tahoma, Arial ;
	border          : 2px solid Navy ;
	padding         : 0px 2px 0px 2px ;
	margin          : 0px 0px 0px 0px ;
	text-align      : left ;
	vertical-align  : top ;
	font-weight     : 500 ;
	line-height     : normal;
	color           : Navy ;
	background-color: White ;
	vertical-align  : top ;
}
td.highlight, .insight, .portlet {
	margin          : 2px ;
	border          : 2px solid Navy ;
	padding         : 2px ;
	color           : Black ;
	background-color: Lavender ;
	vertical-align  : top ;
}
td.insight {
	background-color: PowderBlue ;
}
td.portlet {
	background-color: CornFlowerBlue ;
}
td.bord, .bord_w {
	line-height     : normal;
	margin          : 0px 0px 0px 0px ;
	border          : 1px solid black ;
	padding         : 0px 2px 0px 2px ;
	color           : Black ;
	background-color: AliceBlue ;
	vertical-align  : top ;
}
td.bord_w {
	color           : White ;
}
td.box {
	line-height     : normal;
	margin          : 0px ;
	border          : 0px ;
	padding         : 6px ;
	color           : Black ;
	vertical-align  : top ;
}
td.pop {
	font-weight     :   500 ;
	font-size       :   11pt ;
	line-height     :   normal;
	margin          :   0px ;
	border          :   0px solid Black ;
	padding         :   0px ;
	color           :   Black ;
	text-align      :   left ;
	vertical-align  :   top ;
}
td.child {
	margin          :   0px 0px 0px 0px ;
	padding         :   0px 0px 0px 0px ;
	vertical-align  :   top ;
}
td.data, .datasection, .data_b, .data_i, .data_d, .data_r
    , .data_rred, .data_rbla, .data_rlim
    , .data_led, .dataset, .datayellow, .dataorange, .datared, .gap, .bis
    , .star0, .star1, .star2, .star3, .field, .intro, .void, .led, .quiz
    , .trained, .trained-unplanned, .no-show, .proposed {
    font-weight      : 500 ;
    line-height      : normal ;
    margin           : 0px ;
    border           : 1px solid Black ;
    padding          : 0px 2px 0px 2px ;
    color            : Black ;
    vertical-align   : top ;
}
td.bis {
    color            : LightCoral ;
}
td.gap {
    background-color : SteelBlue ;
}
td.led {
    padding          : 0px 1px 0px 1px ;
}
td.datayellow {
    background-color : Yellow ;
}
td.datasection {
    font-weight      :   900 ;
    color            :   Navy ;
    background-color :   PowderBlue ;
}
td.dataorange {
	background-color:   Orange ;
}
td.void {
	background-color:   White ;
	border          :   0px   ;
}
td.data_b {
	font-weight     :   900 ;
}
td.data_d, .data_i {
	font-family     :   Courier ;
	font-weight     :   900 ;
	text-align      :   right ;
	padding         :   1px 2px 0px 2px ;
}
td.data_i {
    text-align       : left ;
}
td.data_r, .data_rred, .data_rbla, .data_rlim {
    text-align       : right ;
}
td.datared, .data_rred {
    color            : White ;
    background-color : Red ;
}
td.data_rlim {
    background-color : Lime ;
}
td.data_rred, .data_rbla, .data_rlim {
    font-weight      : 900 ;
}
td.r10 , .r11 , .r20 , .r21 {
    font-family     : Arial Narrow ;
    font-weight     : 900 ;
    text-align      : right ;
    color           : White ;
    background-color: LightSteelBlue ;
    padding         : 0px 2px 0px 2px ;
}
td.r10 {
	background-color: Red ;
}
td.r20 {
	color           : transparent ;
	background-color: transparent ;
}
td.r21 {
	background-color: DodgerBlue ;
}
td.trained, .trained-unplanned, .no-show, .proposed {
	font-family: Arial Narrow ;
	font-weight: 900 ;
}
td.trained           { background-color: LimeGreen ; }
td.trained-unplanned { background-color: Orange    ; }
td.no-show           { background-color: Red       ; }
td.proposed          { background-color: Cyan      ; }

td.quiz				 {
    font-size        : 9pt             ;
    font-weight      : 700             ;
    border           : 0px transparent ;
}
td.h2 {
    background-color : transparent ;
    border-color     : Black ;
    border-style     : solid ;
    border-width     : 1px 1px 1px 1px;
    color            : White ;
    font-family      : Tahoma, Arial ;
    font-size        : 14pt   ;
    font-weight      : 900    ;
    padding          : 2px    ;
    margin           : 0      ; /* top right bottom left */
}
td.h3 {
    background-color: Silver ;
    border-color    : Black ;
    border-style    : solid ;
    border-width    : 1px 1px 1px 1px;
    color           : White ;
    font-family     : Tahoma, Arial ;
    font-size       : 12pt ;
    font-weight     : 900  ;
    padding         : 2px  ;
    margin          : 0    ; /* top right bottom left */
}
td.console {
    background-color: Silver ;
    border-color    : Black ;
    border-style    : solid ;
    border-width    : 1px 1px 1px 1px;
    color           : White ;
    font-family     : UbuntuMono, Courier, monospace ;
    font-size       : 12pt ;
    padding         : 2px  ;
    margin          : 2px  ; /* top right bottom left */
}    
td.descr {
    font-size       : 10pt ;    
}
td.image {
    font-weight     : 500 ;
    font-size       : 7pt ;
    line-height     : normal;
    margin          : 0px 0px 0px 0px ;
    border          : 1px solid black ;
    padding         : 2px ;
    color           : Black ;
    background-color: AliceBlue ;
    vertical-align  : top ;
}
td.dataset {
    text-align      : center ;
    color           : Green ;
    background-color: Lime;
}
td.field {
    padding         : 0px 2px ;
    border-color    : PowderBlue ;
    border-width    : 1px ;
}
td.star0 {
    background-color: green ;
}
td.star1, .star2, .star3 {
    background-color: yellow ;
    text-align      : center ;
}
td.star2 {
	background-color:   orange ;
}
td.star3 {
	background-color:   red    ;
}
td.intro {
	background-color:   AliceBlue ;
}
td.nowrap {
	font-weight:        500 ;
	padding:            0px 3px 0px 3px ;
	white-space:        nowrap;
	color:              black ;
	border:             1px solid black ;
}
td.test {
	font-weight:        500 ;
	padding:            0px 2px 0px 2px ;
	color:              black ;
	background-color:   #ddddFF;
}
td.text, .textnum {
	font-weight:        500 ;
	padding:            0px 2px 0px 2px ;
	color:              black ;
}
td.textnum {
	text-align:         right ;
}
td.tty, .ttynum {
	font-family:        Courier ;
	font-weight:        700 ;
	padding:            0px 2px 0px 2px ;
	color:              black ;
}
td.ttynum {
	text-align:
	right ;
}
td.heading {
	padding:            0px 4px 0px 4px ;
	text-align:         left ;
	color:              White ;
	background-color:   SteelBlue ;
	border-color:       PowderBlue ;
}
td.label {
	padding           : 2px 4px 2px 4px ;
	font-style        : italic ;
	font-size         : 7pt ;
	font-weight       : 700 ;
	text-align        : right ;
	color:              White ;
	background-color:   SteelBlue ;
	border-color:       PowderBlue ;
}
td.labelx {
	padding:            1px ;
	font-weight:        700 ;
	text-align:         left ;
	color:              White ;
	background-color:   SteelBlue ;
	border-width:       1px 1px 1px 1px;
	border-color:       Navy ;
	border-style:       Solid ;
}
td.bread {
	padding:            0px 3px 0px 3px ;
	font-weight:        700 ;
	text-align:         left ;
	color:              White ;
	background-color:   Navy ;
}
td.crumb {
	padding:            0px 3px 0px 3px ;
	font-weight:        700 ;
	text-align:         left ;
	color:              White ;
	background-color:   DarkRed ;
}
td.notice {
	font-weight:        700 ;
	text-align:         center ;
	text-transform:     capitalize ;
	color:              red ;
	background-color:   yellow ;
}
td.caption, .titleinfo {
	padding:            0px 3px 0px 0px ;
	text-align:         left ;
	color:              Black ;
	background-color:   White ;
	border:       		0 ;
	font-weight:        500 ;
	font-size:			12pt ;
}
td.titleinfo {
	font-weight:        900 ;
}
td.blank {
	background-color:   white ;
}
td.break, .break0, .break1, .break2, .break3 {
	padding:            1px 1px 1px 1px ;
	border          :   1px solid black ;
	border-color:       Black ;
	background-color:   transparent ;
}
td.break0{
	font-size:          10pt  ;
	background-color:   DeepSkyBlue ;
}
td.break1{
	font-size:          9pt  ;
	background-color:   LightCyan ;
}
td.tab20off,  .tab20on,  .tab25off,  .tab25on,  .tab30off,  .tab30on,  .tab40off , .tab40on
, .tab50off,  .tab50on,  .tab60off,  .tab60on,  .tab80off,  .tab80on,  .tab100off, .tab100on
, .tab120off, .tab120on, .tab140off, .tab140on, .tab160off, .tab160on, .tab180off, .tab180on
, .tab200off, .tab200on {
	text-align:         center;
	vertical-align:     middle;
	border-width:       0px ;
	border-style:       none ;
	width:              20px ;
	height:             20px ;
	font-weight:        700 ;
	background-repeat: 	no-repeat;
	background-position:left top;
}
td.tab20off, .tab25off, .tab30off, .tab40off, .tab50off, .tab60off, .tab80off
, .tab100off, .tab120off, .tab140off, .tab160off, .tab180off, .tab200off {
	color:              White ;
/*	cursor: 			hand;     */
	cursor: 			pointer;
}
td.tab20off { width:   20px ; background-image: url('/img/sys/tab/020x20off.png'); }
td.tab25off { width:   25px ; background-image: url('/img/sys/tab/025x20off.png'); }
td.tab30off { width:   30px ; background-image: url('/img/sys/tab/030x20off.png'); }
td.tab40off { width:   40px ; background-image: url('/img/sys/tab/040x20off.png'); }
td.tab50off { width:   50px ; background-image: url('/img/sys/tab/050x20off.png'); }
td.tab60off  { width:  60px ; background-image: url('/img/sys/tab/060x20off.png'); }
td.tab80off  { width:  80px ; background-image: url('/img/sys/tab/080x20off.png'); }
td.tab100off { width: 100px ; background-image: url('/img/sys/tab/100x20off.png'); }
td.tab120off { width: 120px ; background-image: url('/img/sys/tab/120x20off.png'); }
td.tab140off { width: 140px ; background-image: url('/img/sys/tab/140x20off.png'); }
td.tab160off { width: 160px ; background-image: url('/img/sys/tab/160x20off.png'); }
td.tab180off { width: 180px ; background-image: url('/img/sys/tab/180x20off.png'); }
td.tab200off { width: 200px ; background-image: url('/img/sys/tab/200x20off.png'); }

td.tab20on, .tab25on, .tab30on, .tab40on, .tab50on, .tab60on, .tab80on, .tab100on
, .tab120on, .tab140on, .tab160on, .tab180on, .tab200on {
	color:              Black ;
	cursor: 			default;
}
td.tab20on  { width:  20px ; background-image: url('/img/sys/tab/020x20on.png'); }
td.tab25on  { width:  25px ; background-image: url('/img/sys/tab/025x20on.png'); }
td.tab30on  { width:  30px ; background-image: url('/img/sys/tab/030x20on.png'); }
td.tab40on  { width:  40px ; background-image: url('/img/sys/tab/040x20on.png'); }
td.tab50on  { width:  50px ; background-image: url('/img/sys/tab/050x20on.png'); }
td.tab60on  { width:  60px ; background-image: url('/img/sys/tab/060x20on.png'); }
td.tab80on  { width:  80px ; background-image: url('/img/sys/tab/080x20on.png'); }
td.tab100on { width: 100px ; background-image: url('/img/sys/tab/100x20on.png'); }
td.tab120on { width: 120px ; background-image: url('/img/sys/tab/120x20on.png'); }
td.tab140on { width: 140px ; background-image: url('/img/sys/tab/140x20on.png'); }
td.tab160on { width: 160px ; background-image: url('/img/sys/tab/160x20on.png'); }
td.tab180on { width: 180px ; background-image: url('/img/sys/tab/180x20on.png'); }
td.tab200on { width: 200px ; background-image: url('/img/sys/tab/200x20on.png'); }

td.spaced {
    padding               : 0px 4px 0px 4px ;
}
optgroup {
	background-color:
	silver ;
}
input {
	font-family       : Arial ;
	font-size         : 8pt ;
	padding           : 0px 1px 0px 1px ;
	margin            : 1px 2px 0px 2px ;
}
input.mandatory {
	background-color  : yellow ;
}
textarea {
	font-family       : Arial ;
	font-size         : 8pt ;
	padding           : 0px 1px 0px 1px ;
	margin            : 1px 2px 0px 2px ;
}
textarea.fix {
    font-family  : "Arial monospaced for SAP", Courier ;
}
select {
	font-family:        Arial ;
	font-size:          8pt  ;
	padding           : 0px 1px 0px 1px ;
	margin            : 1px 2px 0px 2px ;
}
button {
	padding:            0px 0px 0px 0px ;
	margin:             0px 0px 0px 0px ;
	border:             2px ;
	background-color:   PaleTurquoise   ;
}
b.set {
	background-color:   Lime   ;
}
i.isbn {
	background-color:   Lime   ;
	font-style:         normal ;
}
i.blue {
	color:		        Blue ;
}
i.red {
	color:		        Red ;
}
hr {
    border:             none;
    height:             1px;
    color:              black ;
    background-color:   black ; /* Modern Browsers */
}
hr.base {
    color:              transparent ;
}
hr.shallow {
    margin:             2px ;
}
hr.split {
    color:              navy ;
}
hr.tool_begin {    
    color:              navy ;   
    size :              1px;
}
hr.tool_end   {    
    color:              navy ;    
    size :              2px;
}
div.user, .role, .title {
	position:           absolute;
	font-size:          7pt  ;
	font-weight:        300   ;
	top:                0px ;
	left:               860px ;
	padding:            0px 0px 0px 0px ;
	color:              black ;
}
div.role {
	top:                11px ;
}
div.title {
	top:                22px ;
}/* ------------   state colors   ------------ */
td.sexF {
	text-align:         center ;
	background-color:   Pink ;
}
td.sexM {
	text-align:         center ;
	background-color:   Cyan ;
}
td.table {
	background-color:   Green ;
}
td.node {
	background-color:   Green ;
}
td.leaf {
	background-color:   LawnGreen ;
}
td.special {
	background-color:   Orange ;
}
td.view {
	background-color:   LawnGreen ;
}
td.valid {
	background-color:   Green ;
}
td.invalid {
	background-color:   Red ;
}
td.unchecked {
	background-color:   Yellow ;
}
pre, .red, .green, .blue, .s {
    color           : Black ;
    background-color: transparent ;
    font-size       : 8pt ;
    font-family     : UbuntuMono, Courier;
}
pre.red   { color: Red;   }
pre.green { color: Green; }
pre.blue  { color: Blue;  }

tt.b { background-color:    Blue ; }
tt.r { background-color:    Red  ; }

p.info, .brown, .lime {
    color:              lime ;
    padding:            2px ;
    margin:             0px ;
    font-size:          11pt ;
}
p.brown {
    color:              red ;
}
/* ======** TITLES** ====== */
h1, h2, h3 {
    font-family:        Tahoma, Arial ;
    font-size:          22pt ;
    font-weight:        900 ;
    padding:            0px 2px 0px 2px ;
    margin:             0px ;
    color:              White ;
}
h2 {
    font-size:          12pt ;
    color:              Yellow ;
}

a:link {
    color:              Yellow ;
    text-decoration:    None ;
}
a:active {
    color:              Red ;   
    text-decoration:    None ;
}
a:hover {
    color:              Orange ;
    text-decoration:    None ;
}
a:visited {
    color:              Yellow ;
    text-decoration:    None ;  
}
h3 {
    font-size:          12pt ;
    color:              Lime ;
}

sup.min {
	vertical-align: 	top ;
/*	position:           relative ; */
/*	top:                -0.7em ;   */
	font-size: 			80% ;
}
b.cyan { color:          cyan ; }