/*----------------------------------------------------------------------------*/
/* Bay of Islands */

/* eb1c23 */
/* 001722 */

html {
	overflow-x: auto;
	overflow-y: scroll;
}

body {
	padding: 0;
	margin: 0;
	background: #ff0000;
	font-family: 'Roboto Condensed';
	font-size: 14px;
	color: #222;

}

#bg_body {
	background-image: url('gfx/header_bg.png');
	background-repeat: repeat-x;
	width: 100%;
	padding-top: 20px;
}

a {
	color: #c70;
	text-decoration: none;
	xborder-bottom: 1px dashed #808080;
}

a:hover {
	color: #e90;
}

h1,h2,h3,h4,h5,h6,form,table,pre {
	padding: 0;
	margin: 0;
}

h1,h2,h3,h4,h5,h6 {
	color: #116;
}

pre {
	color: #282;
}

hr.blank {
	visibility: hidden;
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
}

table, submit, button, textarea, input, select {
	font: inherit;
	border: 1px solid #888;
}

textarea, select, input {
	background: #dcdcdc;
	color: #222;
}

fieldset {
	border: 1px solid #666;
}

input:disabled, select:disabled, textarea:disabled {
	background: #ccc;
	color: #888;
}

select option[disabled] {
    display: none;
}

select {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

button, input[type=submit], input[type=button] {
	background: #eee;
	color: #222;
	border: 2px outset #888;
}

input[type=radio], input[type=checkbox] {
	-moz-appearance: checkbox;
	width: 1em;
	height: 1em;
}

button:disabled, input[type=submit]:disabled, input[type=button]:disabled {
	background: #ddd;
	color: #888;
	border: 2px solid #444;
}

input[type=radio]:disabled, input[type=checkbox]:disabled {
	-moz-appearance: checkbox;
	width: 1em;
	height: 1em;
}

h1 {
	font-size: 150%;
	border-bottom: 1px solid #333;
	margin-bottom: 0.25em;
}

h2 {
	font-size: 125%;
	border-bottom: 1px solid #888;
	margin-bottom: 0.25em;
}

h3 {
	font-size: 100%;
	border-bottom: 1px solid #888;
	margin-bottom: 0.25em;
}

h4 {
	font-size: 150%;
	margin-bottom: 0.25em;
}

h5 {
	font-size: 125%;
	margin-bottom: 0.25em;
}

h6 {
	font-size: 100%;
	margin-bottom: 0.25em;
}

q {
	quotes: "" "";
	font-weight: bold;
	color: #000;
}

table, td {
	border: 0;
}

th {
	background-color: #ddf;
	border-bottom: 1px solid #bbd;
}

tfoot,.tfootcol {
	background-color: #ddf
}

tr:nth-child(odd).tab_alternate_0 {
	background-color: #ccc;
}
tr:nth-child(even).tab_alternate_0 {
	background-color: #ddd;
}
tr:nth-child(odd).tab_alternate_1 {
	background-color: #ccf;
}
tr:nth-child(even).tab_alternate_1 {
	background-color: #bbf;
}
tr:nth-child(odd).tab_alternate_2 {
	background-color: #ffc;
}
tr:nth-child(even).tab_alternate_2 {
	background-color: #ffb;
}
tr:nth-child(odd).tab_alternate_3 {
	background-color: #fcc;
	font-weight: bold;
}
tr:nth-child(even).tab_alternate_3 {
	background-color: #fbb;
	font-weight: bold;
}
tr:nth-child(odd).tab_alternate_4 {
	background-color: #cfc;
}
tr:nth-child(even).tab_alternate_4 {
	background-color: #bfb;
}


tr:nth-child(odd).tab_alternate {
	background-color: #ccc;
}
tr:nth-child(even).tab_alternate {
	background-color: #d8d8d8;
}

td:nth-child(odd).td_alternate {
	background-color: #ccc;
}
td:nth-child(even).td_alternate {
	background-color: #d8d8d8;
}

td.tabhi {
	background-color: #eee;
}

.tr_hilite {
	background: #d8d8d8;
	border: 1px solid #888;
}

.tright {
	width: 1px;
	white-space: nowrap;
	text-align: right;
	vertical-align: top;
	padding-right: 0.25em;
	color: #000;
	xbackground: -webkit-linear-gradient(#dda, #ddd);
	xbackground: linear-gradient(#dda, #ddd);
	background: #ddc;
}

.tright_colour {
	color: #000;
	background: #ddc;
}

.ttop {
	vertical-align: top;
	xpadding-right: 0.5em;
}

.tborder table, .tborder th, .tborder td {
    border: 1px dashed orange;
}

.fulltab {
	width:	100%;
}

.fulltab tr:nth-child(odd) {
	vertical-align:	top;
	background-color: #ccc;
}

.fulltab tr:nth-child(even) {
	vertical-align:	top;
	background-color: #d8d8d8;
}



/*----------------------------------------------------------------------------*/
/*- General ------------------------------------------------------------------*/

#div_center {
	margin-left: auto;
	margin-right: auto;
}

#warning {
	font-size: 150%;
	margin: 0.5em;
	padding: 1em;
	border: 2px dashed #fa0;
	text-align: center;
}

#warning2 {
	font-size: 150%;
	margin: 0.125em;
	padding: 0.125em;
	background: #f00;
	color: #fff;
	text-align: center;
}

#notice {
	margin: 0.5em;
	padding: 0.5em;
	border: 1px dashed #fa0;
}

#error {
	font-size: 150%;
	margin: 0.5em;
	padding: 0.5em;
	border: 2px dashed #f00;
}

#boxout {
	border: 1px solid #888;
}

#boxout2 {
	border: 1px solid #888;
	background: #fff;
	display: inline-block;
	padding: 1em 1em 0.75em 1em;
}

#boxout3 {
	border: 1px solid #888;
	background: #fff;
	padding: 1em;
}

.outline {
	border: 2px solid #f00;
	xpadding: 2px;
}

.normal {
	font-weight: normal;
	color: #222;
}

.fakelink {
	color: #c70;
	text-decoration: none;
	cursor: pointer;
}

.dbug {
	border: 1px solid #f00;
	background: #8f8;
}

.hidden {
	display: none;
}

.none {
	background: #eee;
}

.mono {
	font-family: "monospace";
}

.big_font {
	font-family: sans-serif;
	font-weight: bold;
}

.nowrap {
	white-space: nowrap;
}

.no_sub {
	border: 1px solid #444;
}

.no_gap {
	display: inline;
	border: 0;
	margin: 0;
}

.center {
	text-align: center;
}

.mid {
	text-align: center;
}

.v_bottom {
	vertical-align: bottom;
}

.w2  {width: 2em;}
.w4  {width: 4em;}
.w5  {width: 5em;}
.w6  {width: 6em;}
.w8  {width: 8em;}
.w10 {width: 10em;}
.w12 {width: 12em;}
.w16 {width: 16em;}
.w20 {width: 20em;}
.w24 {width: 24em;}
.w32 {width: 32em;}
.w40 {width: 40em;}
.w48 {width: 48em;}
.w56 {width: 56em;}
.w64 {width: 64em;}
.wide {width: 100%;}

.w_auto {
	width: auto; !important
}

#ten_high {
	height: 15em;
	border: 1px solid #888;
	overflow-x: none;
	overflow-y: scroll;
	line-height: 200%;
}

#twenty_high {
	height: 30em;
	border: 1px solid #888;
	overflow-x: none;
	overflow-y: scroll;
	line-height: 200%;
}

.print {
	display: none;
}

.ib {
	display: inline-block;
}

.fill {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.fill_rad {
	display: inline-block;
	width: 100%;
	height: 100%;
	border-radius: 9px;
}

.shrink {
	width: 1px;
	white-space: nowrap;
}

.fifty_pc {
	font-size: 50%;
}

.seventy_pc {
	font-size: 70%;
}

.ninety_pc {
	font-size: 90%;
}

.onefifty_pc {
	font-size: 150%;
}

.twohun_pc {
	font-size: 200%;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.align_left {
	text-align: left;
}

.align_right {
	text-align: right;
}

.align_vmid {
	vertical-align: middle;
}

.bb {
	text-shadow: 1px 0 #888;
}

.italic {
    font-style: italic;
}

.grey {
	color: #808080;
}

.greyish {
	color: #606060;
}

.green {
	color: #00aa00;
}

.orange {
	color: #dd6600;
}

.blue {
	color: #0066dd;
}

.yellow {
	color: #ffff00;
	font-weight: bold;
}

.red {
	color: #aa0000;
}

.lolight {
	color: #ccc;
}
.hilight {
	color: #f22;
}

.one_line {
	word-wrap: break-word;
}

.bg_alt0 {
	background-color: #ccc;
}
.bg_alt1 {
	background-color: #d8d8d8;
}

.bg_hilight {
	background-color: #c8c8c8;
	color: #222;
}

.bg_yellow {
	background-color: #ffb;
}

.bg_red {
	background-color: #f00;
	color: #fff;
}

.bg_green {
	background-color: #0f0;
}

.bg_blue {
	background-color: #44f;
	color: #fff;
}

.red_border {
	border: 2px solid #ff0000;
}

.orange_border {
	border: 2px solid #ffaa00;
}

.topbot_border {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

/*----------------------------------------------------------------------------*/
/*- Main sections ------------------------------------------------------------*/

#container {
	background: #eee;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	padding-bottom: 1em;
	width: 1024px;
}

#header_boi {
	background-image: url('gfx/boi/header.png');
	height: 100px;
	padding-left: 260px;
}

#header_tts {
	background-image: url('gfx/tts/header.png');
	height: 100px;
	padding-left: 260px;
}

#main {
	margin: 1em 1em 0 1em;
}

#footer {
	margin: 0;
	padding: 0;
}

#footer hr {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 3px;
	border: 1px solid #fa0;
	color: #fa0;
	background-color: #fa0;
}

#timers {
	display: inline-block;
	width: 100%;
	height: 100px;
	left: 250px;
	top: 0px;
	font-size: 80%;
	vertical-align: top;
}

#timers table {
	border: 1px solid #444;
	background: #fff;
}


/*----------------------------------------------------------------------------*/
/*- Misc ---------------------------------------------------------------------*/

.cal_fix a {
	text-decoration: none;
	border: 0;
}

.note {
	font-size: 75%;
	font-style: italic;
}

.collapse {
	border-collapse: collapse;
}

.thin_tab {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	xmargin-top: 0;
	xmargin-bottom: 0;
	xpadding-top: 0;
	xpadding-bottom: 0;
}

.thin_tab td, .thin_tab tr {
	margin: 0;
	padding: 0;
	xmargin-top: 0;
	xmargin-bottom: 0;
	xpadding-top: 0;
	xpadding-bottom: 0;
}

.jt_list {
	padding-right: 0.5em;
	vertical-align: top;
}

.jt_list:before { content: "\26ab"; }

.cur_j {
	vertical-align: top;
	display: inline-block;
	width: 1.33em;
	height: 1.33em;
	border: 1px solid #888;
	background-color: #3f3;
	font-size: 75%;
	text-align: center;
}

.cur_nj {
	vertical-align: top;
	display: inline-block;
	width: 1.33em;
	height: 1.33em;
	border: 1px solid #888;
	font-size: 75%;
	text-align: center;
}

.tab_logbook {
	border-collapse:collapse;
	width: 100%;
	xborder: 1px solid #ccc;
}
.tab_logbook th {
	border-bottom: 1px solid #888;
}
.tab_logbook td {
	border: 1px solid #ccc;
	xpadding-right: 3em;
}

.trans_top {
	border-bottom: 1px solid #aaa;
}
.trans_mid {
	background: #ddd;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
}
.trans_bot {
	border-top: 1px solid #aaa;
	font-size: 0.5em;
}

#ttcb_div {
	width: 20em;
	height: 8em;
	overflow-y: scroll;
	border: 1px solid #888;
	background: #dcdcdc;
	color: #222;
}

/*----------------------------------------------------------------------------*/
/*- Menu ---------------------------------------------------------------------*/

#menu_n {
	display: inline-block;
	border: 3px solid #754;
	border-top: 0;
	background: #ddd;
	padding: 0 0.25em 0 0.25em;
	margin: 0 0.25em 0 0.25em;
}

#menu_s {
	display: inline-block;
	border: 3px outset #fa0;
	border-top: 0;
	background: #fff;
	padding: 0 0.25em 0 0.25em;
	margin: 0 0.25em 0 0.25em;
}

#menu_s a {
	color: #000;
	font-weight: bold;
	border: 0;
}

#menu_n a {
	color: #666;
	border: 0;
}

#actions {
	background: #ddd;
	border: 1px solid #aaa;
	padding: 0.25em;
	margin: 0 0 .5em 0;
}

#actions input,#input select {
	background: #eee;
	color: #222;
}

#actions input[type="button"], #actions input[type="button"]:focus, #actions input[type="button"]:active,
#actions input[type="submit"], #actions input[type="submit"]:focus, #actions input[type="submit"]:active,
#actions button, #actions button:focus, #actions button:active {
    /* Remove all decorations to look like normal text */
    background: none;
    border: none;
    display: inline;
    font: inherit;
    margin: 0;
    padding: 0;
    outline: none;
    outline-offset: 0;
    /* Additional styles to look like a link */
	color: #c70;
	text-decoration: none;
}

#actions input[type="button"]:hover, #actions input[type="submit"]:hover, #actions button:hover {
	color: #e90;
}

#actions input[type="button"]:disabled, #actions input[type="submit"]:disabled, #actions button:disabled {
	color: #888;
}

/* Remove extra space inside buttons in Firefox */
#actions input[type="button"]::-moz-focus-inner, #actions button::-moz-focus-inner {
    border: none;
    padding: 0;
}

#actions_tab {
	background: #ddd;
	border: 1px solid #aaa;
	padding: 0 0.5em 0 0.5em;
	border-bottom-width:	0px;
	display: inline-block;
	margin-bottom: -1px;
	font-weight: bold;
	color: #111;
}


/*----------------------------------------------------------------------------*/
/*- Calendar------------------------------------------------------------------*/

.calendar {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #333;
}

.calendar th {
	border: 1px solid #333;
	height: 1em;
	width: 14%;
}

.calendar td {
	border: 1px solid #333;
	height: 8em;
	vertical-align: top;
	padding: 0;
	font-size: 75%;
}

.empty_day {
	background: #c8c8c8;
}

.day {
	background: #f8f8f8;
}

.day img {
	margin-right: 2px;
}

.day_jumped {
	margin-right: 2px;
	background: #f8f8d0;
}

.day_hilight {
	background: #ee8;
	margin-right: 2px;
	background: -webkit-linear-gradient(#e8e8e8, #fd8);
	background: linear-gradient(#e8e8e8, #fd8);
}

.date {
	display: inline-block;
	xfont-size: 75%;
	width: 1.5em;
	padding: 0;
	margin: 0;
	background: #ddd;
	text-align: center;
	vertical-align: top;
	color: #222;
}

.day_info a {
	xbackground: #f0f;
	display: inline;
	padding: 0;
	margin: 0;
	xborder: 1px solid white;
	width: auto;
	height: auto;
}


#due_box {
	border: 5px dashed blue;
	font-size: 200%;
	color: #000;
	background: #fff;
	padding: 16px;
	text-align: center;
	margin-bottom: 0.5em;
}


/*----------------------------------------------------------------------------*/
/*- Manifest -----------------------------------------------------------------*/

#idle_box {
	border: 5px dashed orange;
	font-size: 200%;
	color: #000;
	background: #fff;
	padding: 16px;
	text-align: center;
	margin-bottom: 0.5em;
}


#sar_bg0 {
	display: inline-block;
	width: 100%;
	xheight: 100px;
	background: #000;
}
#sar_bg1 {
	display: inline-block;
	width: 100%;
	xheight: 100px;
	background: #f00;
}


#sar_box {
	border: 5px dashed red;
	font-size: 400%;
	color: #000;
	background: #fff;
	padding: 16px;
	text-align: center;
}

.sar0 {
	font-weight: bold;
	background: #fff;
	color: #000;
}
.sar1 {
	font-weight: bold;
	background: #f00;
	color: #000;
}
.sar2 {
	font-weight: bold;
	background: #ff0;
	color: #000;
}
.sar3 {
	font-weight: bold;
	background: #000;
	color: #fff;
}

.slot {
	xwidth: 30em;
	xheight: 12em;
	height: 20em;
	margin-bottom: 1.4em;
}

.slot select:disabled {
	color: #444;
}

.slot fieldset {
	height: 100%;
}

.slot_box, .slot_box_h {
	width: 100%;
	height: 4em;
	margin: 0;
	padding: 0;
	display: inline-block;
	border-radius: 10px;
}

.slot_box_h {
	height: 6em;
}

.slot_move {
	width: 100%;
	height: 100%;
	background: #ff0f99;
	border: 1px solid #333333;
	text-align: center;
	border-radius: 10px;
}

.non_move {
	width: 100%;
	height: 100%;
	background: #888;
	border: 1px solid #333333;
	text-align: center;
	border-radius: 10px;
}

.slot_box_checkin, .slot_box_checkin_h {
	width: 25em;
	height: 3em;
	margin: 0;
	padding: 0.5em;
	display: inline-block;
	border: 1px solid #333333;
	background: #ddd;
	border-radius: 10px;
}

/*----------------------------------------------------------------------------*/
/*- SignIn screens -----------------------------------------------------------*/
/*
#xbg_signin {
	background: #000;
	background-image: url('gfx/para_bg.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
	font-family: arial;
	font-size: 20px;
	color: #eee;
	xpadding-top: 20px;
}

#bg_signin h4 {
	color: #fff;
}

#restart_signin {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 10px 10px 0;
	z-index:20000;
}

#noname_signin {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 0 10px 10px;
	z-index:20000;
}

#noname_signin button{
	border: 0;
	background: transparent;
}

.simple_button {
	opacity: 0.75;
	background: #800;
	border: 0;
	font-size: 23px;
	font-weight: bold;
	color: rgba(255,255,0,1);
	margin-bottom: 4px;
}

.simple_button:disabled {
	opacity: 0.75;
	background: #400;
	border: 0;
	font-size: 23px;
	color: rgba(128,128,0,1);
}

#scrollbox {
	font-size: 75%;
	width: 80%;
	height: 30em;
	margin: 1em auto 1em auto;
	padding: 0.5em;
	overflow-y: scroll;
	border: 2px solid #888;
}

.signin_vid {
	background: rgba(0,23,34,0.5);
}

.signin_vid th {
	border: 0;
	color: #000;
}

.signin_vid td {
	text-align: center;
	color: #eee;
}

.tab_signin td {
	color: #eee;
	font-size: 95%;
}

.tab_signin input,.tab_signin textarea,.tab_signin select {
	border: 1px solid white;
	background: rgba(0,23,34,0.5);
	color: #eee;
}

.tab_signin input[type=submit]:disabled {
	opacity: 0.75;
	background: #400;
	border: 0;
	font-size: 23px;
	color: rgba(128,128,0,1);
}
.tab_signin input[type=submit] {
	opacity: 0.75;
	background: #800;
	border: 0;
	font-size: 23px;
	font-weight: bold;
	color: rgba(255,255,0,1);
	margin-bottom: 4px;
}
*/
/*----------------------------------------------------------------------------*/
/*- Manifest screens ---------------------------------------------------------*/

#bg_screens {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	border: 1px solid white;
	background: #fff;
	width: 100%;
	height: 100%;
	font-size: 20px;
}

#screens_bottom {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 0 10px 0;
	z-index:20000;
	xborder: 1px solid #333;
	text-align: center;
	color: #333;
}

.tab_screens {
	font-family: 'PT Sans Narrow';
	font-weight: bold;
	font-size:	22px;
	width: 100%;
}

.tab_screens th {
	vertical-align: top;
	color: #000;
	background: #ddd;
}

.tab_screens td {
	vertical-align: top;
	padding: 0;
	margin: 0;
	xcolor: #0f0;
}

.slot_box_screens, .slot_box_screens_h, .slot_box_screens_d, .slot_box_screens_h_d {
	height: 3em;
	margin: 0;
	padding: 0em;
	text-align: center;
	display: inline-block;
	border: 1px solid #333333;
	border-radius: 5px;
	overflow: hidden;
    white-space: nowrap;
}
.slot_box_screens_h {
	height: 4em;
}
.slot_box_screens_d, .slot_box_screens_h_d {
	border-style: dashed;
}


.slot_box_screens2, .slot_box_screens2_h {
	height: 3.5em;
	margin: 3px;
	padding: 0.25em;
	text-align: center;
	display: inline-block;
	border: 1px solid #333333;
	border-radius: 10px;
}
.slot_box_screens2_h {
	height: 7em;
	font-size: 20px;
}



.load_effect0 {
/*	-webkit-filter:	blur(1px);
	filter:			blur(1px);*/
}

.load_effect1, .load_effect3 {
	-webkit-filter:	grayscale(0);
	filter:				grayscale(0);
}

.load_effect2 {
	-webkit-filter:	grayscale(.5) opacity(0.5);
	filter:				grayscale(.5) opacity(0.5);
}


.bg_group_empty { background: #d8d8d8}

.bg_group_0		{background-color: #eee; color: #000;}
.bg_group_1		{background-image: url("gfx/bg_00f.png"); background-repeat: repeat-y; background-color: #fff; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_2		{background-image: url("gfx/bg_0f0.png"); background-repeat: repeat-y; background-color: #fff; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_3		{background-image: url("gfx/bg_0ff.png"); background-repeat: repeat-y; background-color: #fff; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_4		{background-image: url("gfx/bg_f00.png"); background-repeat: repeat-y; background-color: #fff; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_5		{background-image: url("gfx/bg_f0f.png"); background-repeat: repeat-y; background-color: #fff; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_6		{background-image: url("gfx/bg_ff0.png"); background-repeat: repeat-y; background-color: #fff; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_7		{background-image: url("gfx/bg_00f.png"); background-repeat: repeat-y; background-color: #3f3; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_8		{background-image: url("gfx/bg_0ff.png"); background-repeat: repeat-y; background-color: #3f3; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
/*
.bg_group_9		{background-image: url("gfx/bg_f00.png"); background-repeat: repeat-y; background-color: #3f3; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
*/
.bg_group_9		{background-image: url("gfx/bg_000.png"); background-repeat: repeat-y; background-color: #33f; color: #fff; text-shadow: 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000;}
.bg_group_10	{background-image: url("gfx/bg_f0f.png"); background-repeat: repeat-y; background-color: #3f3; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_11	{background-image: url("gfx/bg_ff0.png"); background-repeat: repeat-y; background-color: #3f3; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_12	{background-image: url("gfx/bg_fff.png"); background-repeat: repeat-y; background-color: #3f3; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_13	{background-image: url("gfx/bg_0f0.png"); background-repeat: repeat-y; background-color: #33f; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_14	{background-image: url("gfx/bg_0ff.png"); background-repeat: repeat-y; background-color: #33f; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_15	{background-image: url("gfx/bg_f00.png"); background-repeat: repeat-y; background-color: #33f; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_16	{background-image: url("gfx/bg_f0f.png"); background-repeat: repeat-y; background-color: #33f; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_17	{background-image: url("gfx/bg_ff0.png"); background-repeat: repeat-y; background-color: #33f; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_18	{background-image: url("gfx/bg_fff.png"); background-repeat: repeat-y; background-color: #33f; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_19	{background-image: url("gfx/bg_00f.png"); background-repeat: repeat-y; background-color: #f22; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
/*
.bg_group_20	{background-image: url("gfx/bg_0f0.png"); background-repeat: repeat-y; background-color: #f22; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
*/
.bg_group_20	{background-image: url("gfx/bg_000.png"); background-repeat: repeat-y; background-color: #f22; color: #fff; text-shadow: 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000;}
.bg_group_21	{background-image: url("gfx/bg_0ff.png"); background-repeat: repeat-y; background-color: #f22; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_22	{background-image: url("gfx/bg_f0f.png"); background-repeat: repeat-y; background-color: #f22; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_23	{background-image: url("gfx/bg_ff0.png"); background-repeat: repeat-y; background-color: #f22; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_24	{background-image: url("gfx/bg_fff.png"); background-repeat: repeat-y; background-color: #f22; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_25	{background-image: url("gfx/bg_0f0.png"); background-repeat: repeat-y; background-color: #3f3; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_26	{background-image: url("gfx/bg_00f.png"); background-repeat: repeat-y; background-color: #33f; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_27	{background-image: url("gfx/bg_f00.png"); background-repeat: repeat-y; background-color: #f22; color: #000; text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;}
.bg_group_28	{background-image: url("gfx/bg_000.png"); background-repeat: repeat-y; background-color: #3f3; color: #fff; text-shadow: 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000;}


.group_0	{background-color: #eee; color: #000;}
.group_1	{background: linear-gradient(90deg, #00f, #fff); color: #000; text-shadow: 0 0 3px #fff}
.group_2	{background: linear-gradient(90deg, #0f0, #fff); color: #000; text-shadow: 0 0 3px #fff}
.group_3	{background: linear-gradient(90deg, #0ff, #fff); color: #000; text-shadow: 0 0 3px #fff}
.group_4	{background: linear-gradient(90deg, #f00, #fff); color: #000; text-shadow: 0 0 3px #fff}
.group_5	{background: linear-gradient(90deg, #f0f, #fff); color: #000; text-shadow: 0 0 3px #fff}
.group_6	{background: linear-gradient(90deg, #ff0, #fff); color: #000; text-shadow: 0 0 3px #fff}
.group_7	{background: linear-gradient(90deg, #00f, #3f3); color: #000; text-shadow: 0 0 3px #fff}
.group_8	{background: linear-gradient(90deg, #0ff, #3f3); color: #000; text-shadow: 0 0 3px #fff}
/*
.group_9	{background: linear-gradient(90deg, #f00, #3f3); color: #000; text-shadow: 0 0 3px #fff}
*/
.group_9	{background: linear-gradient(90deg, #000, #33f); color: #fff; text-shadow: 0 0 3px #000}
.group_10	{background: linear-gradient(90deg, #f0f, #3f3); color: #000; text-shadow: 0 0 3px #fff}
.group_11	{background: linear-gradient(90deg, #ff0, #3f3); color: #000; text-shadow: 0 0 3px #fff}
.group_12	{background: linear-gradient(90deg, #fff, #3f3); color: #000; text-shadow: 0 0 3px #fff}
.group_13	{background: linear-gradient(90deg, #0f0, #33f); color: #000; text-shadow: 0 0 3px #fff}
.group_14	{background: linear-gradient(90deg, #0ff, #33f); color: #000; text-shadow: 0 0 3px #fff}
.group_15	{background: linear-gradient(90deg, #f00, #33f); color: #000; text-shadow: 0 0 3px #fff}
.group_16	{background: linear-gradient(90deg, #f0f, #33f); color: #000; text-shadow: 0 0 3px #fff}
.group_17	{background: linear-gradient(90deg, #ff0, #33f); color: #000; text-shadow: 0 0 3px #fff}
.group_18	{background: linear-gradient(90deg, #fff, #33f); color: #000; text-shadow: 0 0 3px #fff}
.group_19	{background: linear-gradient(90deg, #00f, #f22); color: #000; text-shadow: 0 0 3px #fff}
/*
//.group_20	{background: linear-gradient(90deg, #0f0, #f22); color: #000; text-shadow: 0 0 3px #fff}
*/
.group_30	{background: linear-gradient(90deg, #000, #f22); color: #fff; text-shadow: 0 0 3px #000}
.group_21	{background: linear-gradient(90deg, #0ff, #f22); color: #000; text-shadow: 0 0 3px #fff}
.group_22	{background: linear-gradient(90deg, #f0f, #f22); color: #000; text-shadow: 0 0 3px #fff}
.group_23	{background: linear-gradient(90deg, #ff0, #f22); color: #000; text-shadow: 0 0 3px #fff}
.group_24	{background: linear-gradient(90deg, #fff, #f22); color: #000; text-shadow: 0 0 3px #fff}
.group_25	{background: linear-gradient(90deg, #0f0, #3f3); color: #000; text-shadow: 0 0 3px #fff}
.group_26	{background: linear-gradient(90deg, #00f, #33f); color: #000; text-shadow: 0 0 3px #fff}
.group_27	{background: linear-gradient(90deg, #f00, #f22); color: #000; text-shadow: 0 0 3px #fff}
.group_28	{background: linear-gradient(90deg, #000, #3f3); color: #fff; text-shadow: 0 0 3px #000}

/*
.group_0	{background: linear-gradient(rgba(128,128,128,1.00),	rgba(255,255,255,1.00)); color: #000;}
.group_1	{background: linear-gradient(rgba(0,0,255,1.00),		rgba(255,255,255,1.00)); color: #000;}
.group_2	{background: linear-gradient(rgba(0,255,0,1.00),		rgba(255,255,255,1.00)); color: #000;}
.group_3	{background: linear-gradient(rgba(0,255,255,1.00),		rgba(255,255,255,1.00)); color: #000;}
.group_4	{background: linear-gradient(rgba(255,0,0,1.00),		rgba(255,255,255,1.00)); color: #000;}
.group_5	{background: linear-gradient(rgba(255,0,255,1.00),		rgba(255,255,255,1.00)); color: #000;}
.group_6	{background: linear-gradient(rgba(255,255,0,1.00),		rgba(255,255,255,1.00)); color: #000;}
.group_7	{background: linear-gradient(rgba(128,128,128,1.00),	rgba(255,128,128,1.00)); color: #000;}
.group_8	{background: linear-gradient(rgba(0,0,255,1.00),		rgba(255,128,128,1.00)); color: #000;}
.group_9	{background: linear-gradient(rgba(0,255,0,1.00),		rgba(255,128,128,1.00)); color: #000;}
.group_10	{background: linear-gradient(rgba(0,255,255,1.00),		rgba(255,128,128,1.00)); color: #000;}
.group_11	{background: linear-gradient(rgba(255,0,0,1.00),		rgba(255,128,128,1.00)); color: #000;}
.group_12	{background: linear-gradient(rgba(255,0,255,1.00),		rgba(255,128,128,1.00)); color: #000;}
.group_13	{background: linear-gradient(rgba(255,255,0,1.00),		rgba(255,128,128,1.00)); color: #000;}
.group_14	{background: linear-gradient(rgba(128,128,128,1.00),	rgba(128,255,128,1.00)); color: #000;}
.group_15	{background: linear-gradient(rgba(0,0,255,1.00),		rgba(128,255,128,1.00)); color: #000;}
.group_16	{background: linear-gradient(rgba(0,255,0,1.00),		rgba(128,255,128,1.00)); color: #000;}
.group_17	{background: linear-gradient(rgba(0,255,255,1.00),		rgba(128,255,128,1.00)); color: #000;}
.group_18	{background: linear-gradient(rgba(255,0,0,1.00),		rgba(128,255,128,1.00)); color: #000;}
.group_19	{background: linear-gradient(rgba(255,0,255,1.00),		rgba(128,255,128,1.00)); color: #000;}
.group_20	{background: linear-gradient(rgba(255,255,0,1.00),		rgba(128,255,128,1.00)); color: #000;}
.group_21	{background: linear-gradient(rgba(128,128,128,1.00),	rgba(128,128,255,1.00)); color: #000;}
.group_22	{background: linear-gradient(rgba(0,0,255,1.00),		rgba(128,128,255,1.00)); color: #000;}
.group_23	{background: linear-gradient(rgba(0,255,0,1.00),		rgba(128,128,255,1.00)); color: #000;}
.group_24	{background: linear-gradient(rgba(0,255,255,1.00),		rgba(128,128,255,1.00)); color: #000;}
.group_25	{background: linear-gradient(rgba(255,0,0,1.00),		rgba(128,128,255,1.00)); color: #000;}
.group_26	{background: linear-gradient(rgba(255,0,255,1.00),		rgba(128,128,255,1.00)); color: #000;}
.group_27	{background: linear-gradient(rgba(255,255,0,1.00),		rgba(128,128,255,1.00)); color: #000;}
*/

/* old - jan 16
.group_0  { background: rgba(224,224,224,1.00); color: #000;}
.group_1  { background: rgba(255,0,0,1.00); color: #000;}
.group_2  { background: rgba(0,255,0,1.00); color: #000;}
.group_3  { background: rgba(70,70,255,1.00); color: #000;}
.group_4  { background: rgba(255,0,255,1.00); color: #000;}
.group_5  { background: rgba(255,255,0,1.00); color: #000;}
.group_6  { background: rgba(0,255,255,1.00); color: #000;}
.group_7  { background: rgba(140,0,0,1.00); color: #fff;}
.group_8  { background: rgba(0,140,0,1.00); color: #fff;}
.group_9  { background: rgba(0,0,140,1.00); color: #fff;}
.group_10 { background: rgba(140,0,140,1.00); color: #fff;}
.group_11 { background: rgba(140,140,0,1.00); color: #fff;}
.group_12 { background: rgba(0,140,140,1.00); color: #fff;}
.group_13 { background: rgba(100,100,100,1.00); color: #f88;}
.group_14 { background: rgba(140,140,140,1.00); color: #f22;}
.group_15 { background: rgba(180,180,180,1.00); color: #f00;}
.group_16 { background: rgba(220,220,220,1.00); color: #f00;}

.bg_group_0  { background: rgba(224,224,224,0.66); color: #000;}
.bg_group_1  { background: rgba(255,0,0,0.66); color: #000;}
.bg_group_2  { background: rgba(0,255,0,0.66); color: #000;}
.bg_group_3  { background: rgba(70,70,255,0.66); color: #000;}
.bg_group_4  { background: rgba(255,0,255,0.66); color: #000;}
.bg_group_5  { background: rgba(255,255,0,0.66); color: #000;}
.bg_group_6  { background: rgba(0,255,255,0.66); color: #000;}
.bg_group_7  { background: rgba(140,0,0,0.66); color: #fff;}
.bg_group_8  { background: rgba(0,140,0,0.66); color: #fff;}
.bg_group_9  { background: rgba(0,0,140,0.66); color: #fff;}
.bg_group_10 { background: rgba(140,0,140,0.66); color: #fff;}
.bg_group_11 { background: rgba(140,140,0,0.66); color: #fff;}
.bg_group_12 { background: rgba(0,140,140,0.66); color: #fff;}
.bg_group_13 { background: rgba(100,100,100,0.66); color: #f88;}
.bg_group_14 { background: rgba(140,140,140,0.66); color: #f22;}
.bg_group_15 { background: rgba(180,180,180,0.66); color: #f00;}
.bg_group_16 { background: rgba(220,220,220,0.66); color: #f00;}
*/

/* neochrome
.bg_group_0  { background: rgba(128,128,128,0.10); color: #000;}
.bg_group_1  { background: rgba(255,0,0,0.66); color: #000;}
.bg_group_2  { background: rgba(255,109,0,0.66); color: #000;}
.bg_group_3  { background: rgba(255,182,0,0.66); color: #000;}
.bg_group_4  { background: rgba(255,255,0,0.66); color: #000;}
.bg_group_5  { background: rgba(146,255,0,0.66); color: #000;}
.bg_group_6  { background: rgba(0,255,0,0.66); color: #000;}
.bg_group_7  { background: rgba(0,255,182,0.66); color: #000;}
.bg_group_8  { background: rgba(0,255,255,0.66); color: #000;}
.bg_group_9  { background: rgba(0,182,255,0.66); color: #000;}
.bg_group_10 { background: rgba(0,73,255,0.66); color: #000;}
.bg_group_11 { background: rgba(0,0,255,0.66); color: #000;}
.bg_group_12 { background: rgba(182,0,255,0.66); color: #000;}
.bg_group_13 { background: rgba(255,0,255,0.66); color: #000;}
.bg_group_14 { background: rgba(255,0,146,0.66); color: #000;}
.bg_group_15 { background: rgba(255,146,146,0.66); color: #000;}
.bg_group_16 { background: rgba(255,146,182,0.66); color: #000;}
*/

/*----------------------------------------------------------------------------*/
/*- Reports ------------------------------------------------------------------*/

.tab_eod, .tab_eod_l {
	width: 100%;
}
.tab_eod_k {
	border: 1px solid #888;
}

.tab_eod td, .tab_eod_k td {
	text-align: center;
}
.tab_eod_k td, .tab_eod_k th {
	padding-left: 1em;
	padding-right: 1em;
	border: 0;
}
.tab_eod th,.tab_eod_l th {
	border: 0;
}
.tab_eod tfoot,.tab_eod_l tfoot, .tab_eod_k tfoot {
	background: #ddf;
	color: #000;
}

#invoice {
	margin: 1em;
	padding: 1em;
	background: #fff;
	color: #000;
}

#invoice table {
	background: #fff;
	color: #000;
}

#invoice th {
	background: #fff;
	color: #000;
}

#bigtable {
	width: 100%;
	background: #eee;
	overflow-x: scroll;
}

.vtext {
	text-align: center;
	vertical-align: middle;
	width: 20px;
	margin: 0px;
	padding: 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 10px;
	white-space: nowrap;
	-moz-transform: rotate(270deg);  /* FF3.5+ */
	-o-transform: rotate(270deg);  /* Opera 10.5 */
	-webkit-transform: rotate(270deg);  /* Saf3.1+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  /* IE6,IE7 */
	-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE8 */
}

.as_header {
	text-align: left;
	text-overflow: ellipsis;
	width: 2em;
	height: 8em;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: bottom;
}

.as_header1 {
	vertical-align: bottom;
	text-align: center;
	text-overflow: ellipsis;
	width: 10em;
	height: 20em;
	white-space: nowrap;
	overflow: hidden;
}