@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           : 2px ;
}
.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 ;
}
a.breadcrumb {
    color            : Red ;
    text-decoration  : none ;
}
a.box {
    color            : White ;
}
b.dim {
    color            : skyblue ;
}
b.sap, b.sap_y, b.saptc {
    font-family      : "Arial Monospaced for SAP", Courier, monospace ;
    font-weight      : 900 ;
    font-size:          8pt;
    color:              Navy ;
    background:         AliceBlue ;
    padding:            0px 3px ;
}
b.saptc {
    color:              Green ;
    background:         Yellow ;
}
b.sap_hi {
    background:         Aqua ;
}
b.date, b.before, b.after, b.live  {
    font-weight:		900 ;
    color:              Navy ;
    font-family:        Tahoma, Arial ;
    font-size:			30pt;
}
b.after {
	color:			    Green;
}
b.before {
	position:           relative ;
	top:                -6px ;
	color:			    Red;
}
b.date {
	font-size:			8pt;
}
b.live {
	position:           relative ;
	top:                -10px ;
	font-size:			8pt;
}

b.authfield, b.authobject, b.constraint, b.function, b.functionpack, b.hrid
	, b.prole, b.purchgroup, b.relcode, b.role, b.user, b.usergroup, b.virsa, b.series
	, b.type, b.yellow, b.assigned, b.cyan, b.limegreen, b.orange, b.silver
	, b.whiteonblue {
	font-weight:		700 ;
	padding: 	        0px 3px ;
}
b.authfield    { background: black     ; color: white  ; }
b.authobject   { background: black     ; color: yellow ; }
b.constraint, b.orange    { background: orange    ; color: black  ; font-family: monospace ; }
b.function  , b.cyan      { background: cyan      ; color: black  ; font-family: monospace ; }
b.purchgroup, b.limegreen { background: limegreen ; color: black  ; font-family: monospace ; }
b.yellow                  { background: yellow    ; color: black  ; font-family: monospace ; }
b.silver                  { background: silver    ; color: black  ; font-family: monospace ; }
b.assigned                { background: red       ; color: black  ; font-family: monospace ; }
b.functionpack { background: blue      ; color: white  ; }
b.whiteonblue  { background: blue      ; color: white  ; }
b.hrid         { background: gold      ; color: black  ; }
b.prole        { background: teal      ; color: white  ; }
b.relcode      { background: green     ; color: white  ; font-family: monospace ; }
b.role         { background: silver    ; color: blue   ; }
b.user         { background: silver    ; color: black  ; }
b.usergroup    { background: purple    ; color: yellow ; }
b.virsa        { background: red       ; color: white  ; }
b.series       { background: green     ; color: white  ; }

.blink1s {
    animation: blinker 1s linear infinite ;
}
@keyframes blinker {
    50% { opacity: 0 ; }
}
a.popInfo, a.popWarn {
    font-family     : Tahoma, Arial ;
    font-size       : 12pt ;
    font-weight     : 900 ;
    text-decoration : none ;
    margin          : 2px ;
    border          : 2px solid RoyalBlue ;
    padding         : 2px 8px 2px 8px ;
}
a.popInfo:link {
	color           : RoyalBlue;
	background-color: White ;
}
a.popInfo:visited {
	color           : RoyalBlue;
}
a.popInfo:hover {
	color           : White ;
	background-color: RoyalBlue;
}

a.popWarn {
	border          : 2px solid DarkOrange ;
}
a.popWarn:link {
	color           : DarkOrange;
	background-color: White ;
}
a.popWarn:visited {
	color           : DarkOrange;
}
a.popWarn:hover {
	color           : White ;
	background-color: Orange;
}
b.segrval {
	background : navy   ;
	color      : white  ;
	font-family: monospace ;
	font-weight: 900 ;
	padding    : 0px 4px 0px 4px ;
}
i.label {
	font-family       : Tahoma, Arial ;
	font-size         :	7pt ;
	font-weight       :	700 ;
	padding           : 3px 6px 3px 6px ; /* blue around label */
 	margin            : 0px 0px 0px 0px ;
	border            : solid SteelBlue ;
	border-width      : 0px 0px 0px 0px ; /* top right bottom left */
	background-color  : SteelBlue ;
	color             : White ;
	vertical-align    : baseline ;
}
i.source {
	color:              Blue ;
}
i.sap {
	font-family:        Calibri ;
	font-size:			9pt;
	color:              black ;
}
b.blue  { color: Blue   ; }
b.grey  { color: Silver ; }
b.red   { color: Red    ; }
b.green { color: Green  ; }

i.yellow_right {
	color:              Yellow ;
	text-align:         right ;
}
/* =====[ 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
    , .labl, .data_c
    , .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.labl {
    background-color : SteelBlue ;	
    text-align       : right ;
    color            : White ;
}
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_c {
    text-align       : canter ;
}
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.virsa {
	font-weight:        700 ;
	padding:            0px 0px 0px 0px ;
	text-align:         center ;
	color:              White ;
	background-color:   Red ;
	border-color:       Black ;
	border-style:       Solid ;
	border-width:       1px ;
}
td.wrap {
    font-weight:            500 ;
    padding:                0px 3px 0px 3px ;
    color:                  black ;
    border:                 1px solid black ;
}
td.year {
    font-weight:            700 ;
    font-size:              10pt ;
    background-color:       DeepSkyBlue ;
    color:                  black ;
/*  writing-mode:       vertical-lr ;
    text-orientation:   mixed ;
*/
    border          :       1px solid Black ;
    padding         :       0px 2px 0px 2px ;
    vertical-align  :       middle ;
}
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.s {
	background-color:   transparent ;
	font-size:          8pt ;
	font-family:        "Arial monospaced for SAP",Courier;
}
tt.g, .r, .b {
	background-color:   Green ;
	color:              White ;
	font-weight:        700   ;
	padding:            0px 2px 0px 2px ;
}
tt.b { background-color:    Blue ; }
tt.r { background-color:    Red  ; }

tty.black {
   font-family:       "UbuntuMono" ;
   color:             Black ;
}
tty.blue {
   font-family:       "UbuntuMono" ;
   color:             Blue ;
}
tty.red {
   font-family:       "UbuntuMono" ;
   color:             Red ;
}
tty.green {
   font-family:       "UbuntuMono" ;
   color:             Green ;
}
/* ======** TITLES** ====== */
p.thin {
    display:       block;
    margin-top:    -10px;
    margin-bottom: 0;
    margin-left:   0;
    margin-right:  0;
}

h1 {
	font-family:        Tahoma, Arial ;
	font-size:          20pt ;
	font-weight:        900 ;
	padding:            0 ;
	margin:             0 ;
}
h1.inbox, h2.inbox, h3.inbox, h4.inbox, h5.inbox {
	font-family:        Tahoma, Arial ;
	font-size:          18pt  ;
	font-weight:        900 ;
	color:              Navy  ;
	padding:            2px 2px 2px 2px ;
	margin:             0px 0px 3px 0px ;      /* top right bottom left */
}
h1.story, h2.story, h3.story, h4.story, h5.story, h6.story  ,
h1.pbi,   h2.pbi  , h3.pbi,   h4.pbi,   h5.pbi,   h6.pbi    ,
h1.white, h2.white, h3.white, h4.white, h5.white, h6.white { 
	font-family:        Tahoma, Arial ;
	font-size:          18pt   ;
	font-weight:        900    ;
	color:              White  ;
	padding:            0      ;
	margin:             0      ; /* top right bottom left */
}
h1.story, h2.story, h3.story, h4.story, h5.story, h6.story ,
h1.pbi,   h2.pbi  , h3.pbi,   h4.pbi,   h5.pbi,   h6.pbi   {
	font-weight:        700 ;
	color:              Black  ;
        background-color:   transparent ;
}
h2.inbox, h2.passion, h2.story, h2.white, h2.pbi{ font-size: 16pt ;}
h3.inbox, h3.passion, h3.story, h3.white, h3.pbi{ font-size: 14pt ;}
h4.inbox, h4.passion, h4.story, h4.white, h4.pbi{ font-size: 12pt ;}
h5.inbox, h5.passion, h5.story, h5.white, h5.pbi{ font-size: 10pt ;}
h6.inbox, h6.passion, h6.story, h6.white, h6.pbi{ font-size:  9pt ;}

h3.storycurrent  , h4.storycurrent  , h5.storycurrent  , h6.storycurrent  , 
h3.storydiscarded, h4.storydiscarded, h5.storydiscarded, h6.storydiscarded, 
h3.storynotready , h4.storynotready , h5.storynotready , h6.storynotready ,
h3.storyready    , h4.storyready    , h5.storyready    , h6.storyready 
{
    font-family:        Tahoma, Arial ;
    font-size:          12pt   ;
    font-weight:        700    ;
    padding:            0      ;
    margin:             0      ; /* top right bottom left */
}
h3.storycurrent   { color: Green  ; font-size: 12pt ; animation: blinker 1s linear infinite ; }
h4.storycurrent   { color: Green  ; font-size: 11pt ; animation: blinker 1s linear infinite ; }
h5.storycurrent   { color: Green  ; font-size: 10pt ; animation: blinker 1s linear infinite ; }
h6.storycurrent   { color: Green  ; font-size:  9pt ; animation: blinker 1s linear infinite ; }
h2.storydiscarded { color: White  ; font-size: 12pt ; }
h4.storydiscarded { color: White  ; font-size: 11pt ; }
h5.storydiscarded { color: White  ; font-size: 10pt ; }
h6.storydiscarded { color: White  ; font-size:  9pt ; }
h3.storynotready  { color: Yellow ; font-size: 12pt ; }
h4.storynotready  { color: Yellow ; font-size: 11pt ; }
h5.storynotready  { color: Yellow ; font-size: 10pt ; }
h6.storynotready  { color: Yellow ; font-size:  9pt ; }
h3.storyready     { color: Black  ; font-size: 12pt ; }
h4.storyready     { color: Black  ; font-size: 11pt ; }
h5.storyready     { color: Black  ; font-size: 10pt ; }
h6.storyready     { color: Black  ; font-size:  9pt ; }

h1.console        { color: Yellow ; background-color: Black; font-size: 16pt; padding: 2px; } 

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