*, div {
	font-family: "Verdana", sans-serif;
	font-size: 12px;
}

html {
	background-color: #78866b;
	background: url(/images/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
div#pagename {
	position: absolute;
	top: 7px;
	left: 5px;
	width: -moz-calc(100% - 6px);
	width: -webkit-calc(100% - 6px);
	width: calc(100% - 6px);
	color: #fff;
	font-size: 26pt;
	overflow-x: hidden;
}
a.left {
	display: table-cell;
	width: 100px;
	height: 30px;
	background-color: #ddf;
	vertical-align: middle;
	padding-left: 30px;
	background-position: 3px 3px;
	background-repeat: no-repeat;
}
a.left:hover {
	background-color: #fdd;
}
a.left div {
	margin: auto;
	font-family: 'Verdana', sans-serif; font-size: 16px;
}
div.leftspace {
	display: table-cell;
	height: 30px;
	width: 5px;
}
div#contentarea {
	position: fixed;
	left: 12%;
	top: 60px;
	padding: 5px;
	height: -moz-calc(100% - 80px);
	height: -webkit-calc(100% - 80px);
	height: calc(100% - 80px);
	width: -moz-calc(85%);
	width: -webkit-calc(85%);
	width: 85%;
	overflow-x: auto;
	overflow-y: auto;
	background-color: #fff;
	border: 1px solid #000;
}
div#leftmenu {
	position: fixed;
	left: 5px;
	top: 60px;
	padding: 5px 5px 0px 5px;
	height: -moz-calc(100% - 75px);
	height: -webkit-calc(100% - 75px);
	height: calc(100% - 75px);
	width: 10%;
	background-color: #fff;
	border: 1px solid #000;
}

#leftmenu {
    overflow-y: auto;
    overflow-x: hidden;
}

#leftmenu p {
    margin: 0px !important;
    font-size: 1.5em;
    overflow-wrap: break-word;
}

a[href] {
	color: #00f;
	font-weight: bold;
	text-decoration: none;
	font-family: 'Verdana', sans-serif;
	font-size: inherit;
}
a[href]:hover {
	color: #f00;
}


a.indexbutton {
	display: block;
	background-color: #ddf;
	background-size: contain;
	background-repeat: no-repeat;
        background-size: contain;
	margin-bottom: 5px;
	height: auto;
	width: auto;
}
a.indexbutton:hover {
	background-color: #fdd;
}

a.indexbutton div {
    display: block;
	vertical-align: middle;
        text-align: right;
	width: 100%;
	height: auto;
        min-height:5%;
  word-wrap: break-word;
  overflow-wrap: break-word;
	font-family: 'Verdana', sans-serif; font-size: 1.4vw;
}


a[href].index {
	color: #00f;
	font-weight: bold;
	text-decoration: none;
	font-family: "Verdana", sans-serif;
}
a[href].index:hover {
	color: #f00;
}
a.actionbutton {
	display: table-cell;
	vertical-align: middle;
	width: 90px;
	background-color: #ddf;
	background-position: 3px 3px;
	background-repeat: no-repeat;
	padding-left: 30px;
}
a.actionbutton:hover {
	background-color: #fdd;
	
}
a.actionbutton div {
	font-family: 'Verdana', sans-serif;
	font-size: 16px;
}
li.index {
	color: #000;
}
hr.index {
	color: #fff;
	background-color: #fff;
	height: 2px;
}

hr {
	border-style: none;
	clear: both;
	border-top: 1px solid #000;
}

ul, ol {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 20px;
}

abbr {
	text-decoration: none;
	border-style: none;
	border-bottom: 1px dotted #000;
	cursor: help;
}

div.message {
	position: fixed;
	left: 5px;
	top: 5px;
	width: -moz-calc(100% - 48px);
	width: -webkit-calc(100% - 48px);
	width: calc(100% - 48px);
	z-index: 1000;
	border-width: 2px;
	border-style: solid;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 12px;
	padding: 6px 6px 6px 28px;
	background-position: 6px 6px;
	background-repeat: no-repeat;
	cursor: pointer;
}
div.message:last-child {
	margin-bottom: 0px;
}
div.message > *:nth-child(2) {
	margin-top: 0px;
}
div.message-err {
	border-color: #f00;
	background-color: #faa;
	background-image: url('/images/icons/16/remove.png');
}
div.message-msg {
	background-color: #ffa;
	background-image: url('/images/icons/16/favorite.png');
}
div.message-suc {
	border-color: #0f0;
	background-color: #dfd;
	background-image: url('/images/icons/16/accept.png');
}
p#oldbrowser {
	border: 4px solid #f00;
	color: #f00;
	background-color: #500;
	font-weight: bold;
	padding: 8px;
}

body {
	counter-reset: two;
}
h1, h2, h3, h4, p {
	margin: 12px 0px;
}
h1, h2, h3, h4 {
	clear: both;
	background-color: #c8c8c8;
	font-family: 'Verdana', sans-serif;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, p:first-child, xmp:first-child {
	margin-top: 0px;
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, p:last-child, xmp:last-child {
	margin-bottom: 0px;
}
h1 { font-size: 22px; border: 3px solid #000; counter-reset: two; }
	h1 * { font-size: 22px; } h1 * * { font-size: 22px; } h1 * * * { font-size: 22px; }
h2 { font-size: 20px; border: 2px solid #000; counter-reset: three; }
	h2 * { font-size: 20px; } h2 * * { font-size: 20px; } h2 * * * { font-size: 20px; }
h3 { font-size: 18px; border: 1px solid #000; counter-reset: four; }
	h3 * { font-size: 18px; } h3 * * { font-size: 18px; } h3 * * * { font-size: 18px; }
h4 { font-size: 16px; border: 1px dotted #000; }
	h4 * { font-size: 16px; } h4 * * { font-size: 16px; } h4 * * * { font-size: 16px; }
p  { font-size: 12px; }
div.block {
	border: 2px solid #000;
	margin-top: 8px;
	margin-bottom: 8px;
}
.inlineheader {
	font-style: italic;
	font-weight: bold;
}
.inlinewarning {
	color: #ff0;
	background-color: #330;
	border: 1px solid #ff0;
	padding: 2px;
	font-weight: bold;
}
.subtle {
	font-style: italic;
	color: #888;
}

.mceEditor {
	height: 400px;
}

td.nw, th.nw { text-align: left;  vertical-align: top; } /* north-west alignment */
td.ne, th.ne { text-align: right; vertical-align: top; } /* north-east alignment */
td.n,  th.n  { text-align: center; vertical-align: top; } /* north alignment */
td.w, th.w   { text-align: left;  vertical-align: middle; } /* west alignment */
td.e, th.e   { text-align: right; vertical-align: middle; } /* east alignment */
td.c, th.c   { text-align: center; vertical-align: middle; } /* central alignment */
td.sw, th.sw { text-align: left;  vertical-align: bottom; } /* south-west alignment */
td.se, th.se { text-align: right; vertical-align: bottom; } /* south-east alignment */
td.s,  th.s  { text-align: center; vertical-align: bottom; } /* south alignment */
td.wide, th.wide { width: 100%; }
td.nowrap, th.nowrap { white-space: nowrap; }

p.none, span.none {
	font-style: italic;
	color: #999;
}

.pointer {
	cursor: pointer;
}

a.class,      span.class,
a.ship,       span.ship,
a.fleet,      span.fleet,
a.add,        span.add,
a.edit,       span.edit,
a.delete,     span.delete,
a.reorder,    span.reorder,
a.restore,    span.restore,
a.download,   span.download,
a.diff,       span.diff,
a.plus,       span.plus,
a.minus,      span.minus,
a.locked,     span.locked,
a.unlocked,   span.unlocked,
a.remove,     span.remove,
a.comment,    span.comment,
a.accept,     span.accept,
a.favorite,   span.favorite,
a.process,    span.process,
a.warning,    span.warning,
a.folder,     span.folder,
a.folderadd,  span.folderadd,
a.help,       span.help,
a.user,       span.user,
a.back,       span.back,
a.copy,       span.copy,
a.mech,       span.mech,
a.cal,        span.cal,
a.trash,      span.trash,
a.dollar,     span.dollar,
a.dollar_red, span.dollar_red,
a.notes,      span.notes,
a.folderdel,  span.folderdel {
	padding: 3px 0px 3px 17px;
	background-repeat: no-repeat;
	background-position: 0px center;
	margin-left: 0px;
	background-size: 16px 16px;
}
a.class,      span.class      { background-image: url('/images/icons/128/ship.png');          }
a.ship,       span.ship       { background-image: url('/images/icons/128/ship_red.png');      }
a.fleet,      span.fleet      { background-image: url('/images/icons/128/fleet.png');         }
a.add,        span.add        { background-image: url('/images/icons/128/note_add.png');      }
a.edit,       span.edit       { background-image: url('/images/icons/edit.png');              }
a.delete,     span.delete     { background-image: url('/images/icons/128/note_remove.png');   }
a.reorder,    span.reorder    { background-image: url('/images/icons/128/refresh.png');       }
a.restore,    span.restore    { background-image: url('/images/icons/128/note_accept.png');   }
a.download,   span.download   { background-image: url('/images/icons/128/download.png');      }
a.diff,       span.diff       { background-image: url('/images/icons/128/search.png');        }
a.plus,       span.plus       { background-image: url('/images/icons/128/add.png');           }
a.minus,      span.minus      { background-image: url('/images/icons/128/minus.png');         }
a.locked,     span.locked     { background-image: url('/images/icons/128/lock.png');          }
a.unlocked,   span.unlocked   { background-image: url('/images/icons/128/lock_off.png');      }
a.remove,     span.remove     { background-image: url('/images/icons/128/remove.png');        }
a.comment,    span.comment    { background-image: url('/images/icons/128/comment.png');       }
a.accept,     span.accept     { background-image: url('/images/icons/128/accept.png');        }
a.favorite,   span.favorite   { background-image: url('/images/icons/128/favorite.png');      }
a.process,    span.process    { background-image: url('/images/icons/128/process.png');       }
a.warning,    span.warning    { background-image: url('/images/icons/128/warning.png');       }
a.folder,     span.folder     { background-image: url('/images/icons/128/folder.png');        }
a.folderadd,  span.folderadd  { background-image: url('/images/icons/128/folder_add.png');    }
a.folderdel,  span.folderdel  { background-image: url('/images/icons/128/folder_remove.png'); }
a.help,       span.help       { background-image: url('/images/icons/128/help.png');          }
a.back,       span.back       { background-image: url('/images/icons/128/back.png');          }
a.copy,       span.copy       { background-image: url('/images/icons/128/copy.png');          }
a.mech,       span.mech       { background-image: url('/images/icons/mech.png');              }
a.cal,        span.cal        { background-image: url('/images/icons/128/calendar_date.png'); }
a.user,       span.user       { background-image: url('/images/icons/128/user.png');          }
a.trash,      span.trash      { background-image: url('/images/icons/128/trash.png');         }
a.dollar,     span.dollar     { background-image: url('/images/icons/128/dollar.png');        }
a.dollar_red, span.dollar_red { background-image: url('/images/icons/128/dollar_red.png');    }
a.notes,      span.notes      { background-image: url('/images/icons/notes.png');             }

li.sitemap {
	font-size: 12px;
}

/* * * * * SORTABLE LIST * * * * */
ul.sortable {
	margin-bottom: 12px;
}
ul.sortable:last-child {
	margin-bottom: 0px;
}
ul.sortable > li {
	cursor: n-resize;
}

/* * * * * POLAROID * * * * */
div.polaroid75 {
	text-align: center;
	width: 75px;
	border: 1px solid #fff;
	margin: 0px;
	padding: 2px;
}
div.polaroid75 > p, div.polaroid75 > p > * {
	margin: 2px 0px 0px 0px;
	font-size: 10px;
	color: #fff;
}
div.polaroid100 {
	text-align: center;
	width: 100px;
	border: 1px solid #fff;
	margin: 0px;
	padding: 2px;
}
div.polaroid100 > p, div.polaroid100 > p > * {
	margin: 2px 0px 0px 0px;
	font-size: 10px;
	color: #fff;
}
div.pfloatright {
	float: right;
	margin-bottom: 12px;
}
div.pfloatleft {
	float: left;
	margin-bottom: 12px;
}

/* * * * * OBJECT POLAROID * * * * */
.floatleft {
	float: left;
}
div.objectpolaroid {
	/*positioning*/
	margin-right: 4px;
	margin-bottom: 4px;
	/*border*/
	border: 1px	dotted #000;
	/*contents*/
	text-align: center;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	cursor: pointer;
	font-size: 10px;
}
div.objectpolaroid img {
	margin: 2px auto;
	display: block;
}
a div.objectpolaroid, a div.objectpolaroid * {
	color: #000;
	text-decoration: none;
}

/* * * * * OBJECT DISPLAY * * * * */
.addonly { display: none; }
.metaonly { display: none; }
p.fieldname {
	clear: both;
	border: 1px dotted #000;
	font-size: 14px;
	font-weight: bold;
}

/* * * * * TABLE LAYOUT * * * * */
table.layout {
	border-collapse: collapse;
	border-style: none;
	margin: 0px;
	padding: 0px;
	empty-cells: show;
}
table.layout > tbody {
	border-style: none;
	margin: 0px;
	padding: 0px;
}
table.layout > tbody > tr {
	border-style: none;
	margin: 0px;
	padding: 0px;
}
table.layout > tbody > tr > td {
	border-style: none;
	margin: 0px;
	padding: 0px;
}

/* * * * * TABLE CHART * * * * */
table.chart {
	border-style: none;
	border-collapse: collapse;
}
table.chart > thead > tr {
	border-bottom: 1px solid #999;
}
table.chart > thead > tr > td {
	margin: 0px;
	padding: 2px;
	border-right: 1px solid #999;
	font-weight: bold;
	white-space: nowrap;
	font-family: 'Verdana', sans-serif; font-size: 16px;
}
table.chart > thead > tr > td:last-child {
	border-right-style: none;
}
table.chart > tbody > tr {
	border-bottom: 1px solid #999;
	background-color: transparent;
}
table.chart > tbody > tr:last-child {
	border-bottom-style: none;
}
table.chart > tbody > tr > td {
	margin: 0px;
	padding: 2px;
	border-right: 1px solid #999;
}
table.chart > tbody > tr > td:last-child {
	border-right-style: none;
}
table.chart > tfoot > tr {
	border-top: 1px solid #999;
}
table.chart > tfoot > tr > td {
	margin: 0px;
	padding: 2px;
	border-right: 1px solid #999;
	font-weight: bold;
	white-space: nowrap;
}
table.chart > tfoot > tr > td:last-child {
	border-right-style: none;
}

/* Improved tic-tac-toe TABLE CHART */
.tic-tac-toe {
  border-collapse: collapse;
  width: 100%; /* Adjust the table width as needed */
}

.tic-tac-toe > thead > tr {
        background-color: rgba(128, 71, 33, 0.66);
}
    
    .tic-tac-toe > tbody > tr:nth-child(odd) {
        background-color: #DDDDDD;
}

.tic-tac-toe > thead > tr > td {
	margin: 0px;
	padding: 2px;
	border-right: 1px solid #999;
	font-weight: bold;
	white-space: nowrap;
	font-family: 'Verdana', sans-serif; font-size: 16px;
}

.tic-tac-toe th {
  border: 2px solid black;
  padding: 2px; /* Adjust the cell padding as needed */
  text-align: center;
  vertical-align: middle;
  
  disable-overflow-x: hidden !important;
  disable-text-overflow: hidden !important;
word-break: break-word !important;
}
.tic-tac-toe td {
  border: 2px solid black;
  padding: 2px; /* Adjust the cell padding as needed */
  
  disable-overflow-x: hidden !important;
  disable-text-overflow: hidden !important;
word-break: break-word !important;
}

.tic-tac-toe th:first-child,
.tic-tac-toe td:first-child {
  border-left: none; /* Remove the left border for the first column */
}

.tic-tac-toe th:last-child,
.tic-tac-toe td:last-child {
  border-right: none; /* Remove the right border for the last column */
}

.tic-tac-toe tr:first-child th {
  border-top: none; /* Remove the top border for the header row */
}

.tic-tac-toe tr:last-child td {
  border-bottom: none; /* Remove the bottom border for the last row */
}

/* * * * * TABLE MATRIX * * * * */
table.matrix {
	border-style: none;
	border-collapse: collapse;
}
table.matrix > thead > tr {
	border-bottom: 1px solid #999;
}
table.matrix > thead > tr > td {
	margin: 0px;
	padding: 2px;
	border-right: 1px solid #999;
	font-weight: bold;
	white-space: nowrap;
	font-family: 'Verdana', sans-serif; font-size: 16px;
}
table.matrix > thead > tr > td:last-child {
	border-right-style: none;
}
table.matrix > tbody > tr {
	border-bottom: 1px solid #999;
	background-color: transparent;
}
table.matrix > tbody > tr:last-child {
	border-bottom-style: none;
}
table.matrix > tbody > tr > td {
	margin: 0px;
	padding: 2px;
	border-right: 1px solid #999;
}
table.matrix > tbody > tr > td:first-child {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: bold;
}
table.matrix > tbody > tr:last-child > td:first-child {
	border-bottom-style: none;
}
table.matrix > tbody > tr > td:last-child {
	border-right-style: none;
}
table.matrix > tfoot > tr {
	border-top: 1px solid #999;
}
table.matrix > tfoot > tr > td {
	margin: 0px;
	padding: 2px;
	border-right: 1px solid #999;
	font-weight: bold;
	white-space: nowrap;
}
table.matrix > tfoot > tr > td:last-child {
	border-right-style: none;
}

p.searchex {
	font-family: 'Verdana', sans-serif;
	border: 1px solid #aaa;
}
h1 > a, h2 > a, h3 > a, h4 > a, h1, h2, h3, h4 {
	font-weight: bold;
}

img#def {
	position: fixed;
	z-index: 15;
	top: 50px;
	left: -moz-calc(100% - 401px);
	left: -webkit-calc(100% - 401px);
	left: calc(100% - 401px);
	padding: 3px;
	border: 3px solid #009;
	background-color: #fff;
	display: none;
}
div#ajaxdef {
	position: fixed;
	z-index: 15;
	float: right;
	top: 50px;
	right: 30px;
	padding: 3px;
	border: 3px solid #009;
	display: none;
	background-color: #fff;
}

button {
	margin: 2px;
}

.flagThumbnail {
	float: left;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	min-height: 60px;
	background-position: 2px 2px;
	background-repeat: no-repeat;
	padding-right: 2px;
	padding-top: 2px;
}

div.flagThumbnail > span {
	display: block;
}

span.fname {
	font-family: 'Verdana', sans-serif;
	font-weight: bold;
}
span.fdate {
	font-family: 'Verdana', sans-serif;
}
span.fcomment {
	font-family: 'Verdana', sans-serif;
	font-style: italic;
}

div.flagpicker {
	display: inline-block;
	cursor: pointer;
	background-position: 1px 1px;
	background-repeat: no-repeat;
	border: 1px solid #555;
	min-height: 51px;
	padding-top: 1px;
	padding-right: 1px;
	margin: 5px;
}

span.platname {
	font-weight: bold;
}

.ccw {
	-webkit-transform-origin: right top;
	-moz-transform-origin:    right top;
	-ms-transform-origin:     right top;
	-o-transform-origin:      right top;
	-webkit-transform: rotate(-90deg); /* Safari */
	-moz-transform:    rotate(-90deg); /* Firefox */
	-ms-transform:     rotate(-90deg); /* IE */
	-o-transform:      rotate(-90deg); /* Opera */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Internet Explorer */
}

div#modalupper {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 997;
}
div#modalmiddle {
	background-color: rgba(100,100,100,0.7);
	display: table-cell;
	padding: 100px;
	/*vertical-align: middle;*/
	z-index: 998;
}
div#modalcontent {
	background-color: #fff;
	border: 2px solid #000;
	margin: auto;
	width: 817px;
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
	text-align: left;
	padding: 0px;
	z-index: 999;
}

div#modalcontent h2 {
	padding-left: 3px;
}

.csstooltipcontainer {
	cursor: help;
	position: relative;
}

div.csstooltip {
	display: none;
	z-index: 10;
	position: absolute;
	top: 10px;
	left: 30px;
	padding: 5px;
	background-color: #000;
	color: #fff;
	font-weight: bold;
	text-align: left;
}

.csstooltipcontainer:hover div.csstooltip {
	display: block;
}

button.canvasbutton1 {
	width: 36px;
	height:36px;
	background-position: center;
	background-repeat: no-repeat;
}

div#modalcontent input.date {
	background-image: url('/images/icons/16/calendar_date.png');
	background-position: right center;
	background-repeat: no-repeat;
	border: 1px solid #777;
}

/* * * * * PHASE CELLS * * * * */

.dhead {
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #000;
	white-space: nowrap;
}
.dcell {
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	border: 2px solid #000;
	white-space: nowrap;
}

.p1table, .p3table {
	display: table;
}
.p1table .active, .p3table .active {
	cursor: pointer;
}

.p1row1, .p1row2, .p3row1, .p3row2 {
	display: table-row;
}

.p1cell, .p3cell {
	display: table-cell;
}

.p1row1 .p1cell, .p3row1 .p3cell {
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

.p1row2 .p1cell, .p3row2 .p3cell {
	font-size: 20px;
	min-width: 200px !important;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	white-space: nowrap;
}
.p1row2 .p1cell1, .p3row2 .p3cell1 {
	border-left: 2px solid #000;
}

.p2cell {
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	white-space: nowrap;
	border: 1px solid #999;
}

.pcell .pinfo {
	position: absolute;
	top: -20px;
	left: 219px;
	text-align: left;
	z-index: 10;
	width: 400px;
	max-height: 200px !important;
	overflow-y: auto;
	overflow-x: hidden;
	white-space: normal;
	border: 1px solid #000;
	background-color: #ffa;
	visibility: hidden;
	padding-left: 10px;
	font-weight: normal;
}

.pcell:hover .pinfo {
	visibility: visible;
	-webkit-transition-delay:0.5s;
/*	-webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
/*       -moz-animation: fadein 1.5s; /* Firefox < 16 */
/*        -ms-animation: fadein 1.5s; /* Internet Explorer */
/*         -o-animation: fadein 1.5s; /* Opera < 12.1 */
/*            animation: fadein 1.5s; /* Other */
}

.phista {
	display: inline-block;
	cursor: help;
	position: relative;
}

.phistb {
	display: block;
	position: absolute;
	border: 1px solid #000;
	background-color: #ffa;
	z-index: 100;
	top: 0px;
	left: 50px;
	display: block;
	visibility: hidden;
	/*padding: 2px 3px 2px 8px;*/
	max-height: 200px !important;
	overflow-x: hidden;
	overflow-y: auto;
}

.phista:hover .phistb {
	visibility: visible;
	-webkit-transition-delay:0.5s;
}

.phista .phistb ol, .phista .phistb ul {
	margin: 4px;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.disable, .disabled {
	/* basics */
	pointer-events: none;
	cursor: not-allowed;
	color: #777 !important;
	text-decoration: none;
	/* desaturate */
	-webkit-filter: grayscale(1); 
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%);
	filter: gray; 
	filter: grayscale(100%);
	/* fade */
	opacity: 0.6;
}

.invoice0 { color: #faa; }
.invoice1 { color: #ff0; }
.invoice2 { color: #af7; }
.invoice3 { color: #7f7; }
.invoice4 { color: #f33; }
.invoice5 { color: #700; }

.expand1detail { display: none; }
.expand1:hover .expand1detail { display: block; }
.expand2detail { display: none; }
.expand2:hover .expand2detail { display: block; }
.expand3detail { display: none; }
.expand3:hover .expand3detail { display: block; }