@media all {
	.page-break	{ display: none; }
	.do-not-print	{}
}

@media print {
	.page-break	{ display: block; page-break-before: always; }
	.do-not-print	{ display: none;}
}

/* HEADER */
	
	div.header{
		margin: 0px;
		background-color:black;
		float: left;
		padding-right: 10px;
	}
	
	div.header-title{
		float:left;
		font-weight:bold;
		font-size:16pt;
		color:white;
   		transform: rotate(3deg);
	}

	div.title-re{
		color: red;
		font-family: cursive;
		font-variant:petite-caps;
   		transform: rotate(-3deg);
   		float:left;
    		margin-top: 4px;
	}
	
	div.title-combobulate{
		font-smooth:never;
		-webkit-font-smoothing: none;
		font-family: monospace;
		text-transform:capitalize;
   		float:left;
    		margin-top: 4px;
	}

/* LOG IN */
	div.account-login{
	    border: medium solid black;
	    position: absolute;
	    padding: 16px;
	    left: 15vw;
	    width: 25vw;
	}
	
	div.account-register{
	    border: medium solid black;
	    position: absolute;
	    padding: 16px;
	    right: 15vw;
	    width: 25vw;
	}
	
	span.account-login{
		font-weight:bold;
		font-size:14pt;
	}
	
	table.account-login{
		height:160px;
	}
	
/* MENU */

	div.menu{
		margin: 0px;
		position: absolute;
		top: 0px;
		left: 0px;
		background-color:black;
		right:0px;
		height:36px;
	}
	
	ul.menu{
		list-style-type:none;
	   	margin: 0px;
	}
	
	a.menuitem:link,a.menuitem:visited{
		color:yellow;
		text-decoration:none;
	}
	
	a.menuitem li.menuitem{
		color:yellow;
		text-decoration:none;
		border-bottom: thick transparent solid;
	}
	
	li.currentpage{
		background-color:white !important;
		color:black !important;
		border-bottom: thick silver solid !important;
		height:36px;
	}
	
	li.menuitem{
		float:left;
		border-bottom: thick transparent solid !important;
		background-color:black;
		margin:0px;
		padding-bottom: 0px;
		padding-top: 8px;
		padding-left: 8px;
		padding-right: 8px;
		color:white;
		float:left;
		font-weight:bold;
		text-transform:capitalize;
		font-variant:small-caps;
		font-family:sans-serif;
	}
	
	li.currentpage{
		padding-top:8px;
		padding-bottom:0px;
		background-color:white;
		color:black;
	}
	
	a.menuitem:hover li.menuitem{
		border-bottom: thick yellow solid !important;
		padding-top:8px;
		padding-bottom:0px;
	}
	
	div.pagelist{
		border: medium solid black;
		position: absolute;
		padding: 16px;
		left: 32px;
		right: 360px;
	}
	
	div.pagelist caption{
		font-weight:bold;
		font-size:16pt;
		text-transform:capitalize;
	}
	
	table.pagelist{
		width:100%;
	}
	
	tr.table-list-header{
		font-weight:bold;
		font-size:12pt;
		background-color:#c0c0ff;
		text-transform:capitalize;
	}
	
	tr.table-list-row:nth-child(even){
		background-color:#d7d7ff;
	}
	
	tr.table-list-row:nth-child(odd){
		background-color:#f0f0ff;
	}
	
	td.table-list-header{
		font-weight:bold;
		text-align:center;
		border-bottom:medium solid black;
	}
	
	td.table-cell-primary{
		font-weight:bold;
	}
	
	td.table-cell-field{
		text-align:center;
		text-variant:italic;
	}
	
	td.table-cell-options{
		text-align:left;
	}
	
	div.pagemenu{
		border: medium solid black;
		position: absolute;
		padding: 16px;
		width: 280;
		right: 32px;
	}
	
	div.pagemenu caption{
		font-weight:bold;
		font-size:16pt;
	}
	
	div.timetable{
		border: medium solid black;
		position: absolute;
		padding: 16px;
		left: 2vw;
		right: 2vw;
		top:64px;
	}
	
	div.timetable-tint{
		z-index:0;
		opacity:0.4;
    		width: inherit;
		position:absolute;
	}
	
	div.timetable-title{
		font-weight:bold;
		font-size:16pt;
		text-align:center;
		z-index:5;
	}
	
	div.timetable-header{
		font-weight:bold;
		font-size:12pt;
		text-align:center;
		border-top: thin solid black;
		border-bottom: medium solid black;
		text-transform:capitalize;
		width: 18vw;
		float: left;
		border-left: thin solid black;
		border-right: thin solid black;
		text-align:middle;
		height:24px;
	}
	
	span.timetable-timelabel{
		font-weight:bold;
		font-size:14pt;
		width:20vw;
		z-index:5;
	}
	
	td.timetable-column{
		border:none;
		width:18vw;
		vertical-align: top;
	}
	
	div.timetable-block{
		border: thin solid black;
		float:left;
		width:18vw;
	}
	
	span.timetable-event{
		padding:4px;
		z-index:5;
	}
	
	div.timetable-detail-config{
		float:left;
		text-align:right;
		width:28px;
	}
	
	div.timetable-detail-config button{
		width:24px;
		font-size:9pt;
		padding:0px;
		text-align:center;
	}
	
	div.timetable-detail-time{
		float:left;
		text-align:center;
		padding:4px;
		width:50px;
	}
	
	div.timetable-detail-time input{
		width:48px;
		text-align:center;
	}
	
	td.timetable-column:nth-child(odd) div.timetable-block:nth-child(even),
	td.timetable-column:nth-child(even) div.timetable-block:nth-child(odd){
		background-color:#c4c4c4;
	}
	
	td.timetable-column:nth-child(odd) div.timetable-block:nth-child(odd),
	td.timetable-column:nth-child(even) div.timetable-block:nth-child(even){
		background-color:#e0e0e0;
	}
	
	span.event-duration{
		font-weight:normal;
		font-size:10pt;
	}
	
	div.event-title{
		width: calc(95% - 30px - 50px);
		float:left;
		z-index:5;
	}
	
	div.event-title select,div.event-title input{
		width:95%;
	}
	
	span.event-title{
		font-weight:bold;
	}
	
	span.event-title input{
	}
	
	button.linkbutton{
		color:blue;
		font-weight:bold;
		text-transform:capitalize;
	}
	
	button.deleteitem{
		background-color:red;
		color:white;
		font-weight:bold;
		text-transform:capitalize;
	}
	
	button.eventInsertAfter{
		right;
		position:absolute;
		right:0px;
		bottom:0px;
	}
	
	button.eventInsertBefore{
		float:left;
		position:absolute;
		left:0px;
		top:0px;
	}
	
	table.timetable-compact{
		align:center;
	}
	
	table.timetable-compact td{
		border:thin solid silver;
		padding:4px;
	}
	
	table.timetable-compact tr:first-child td{
		border-top:medium solid black;
	}
	table.timetable-compact tr td:first-child{
		border-left:medium solid black;
	}
	table.timetable-compact tr:last-child td{
		border-bottom:medium solid black;
	}
	table.timetable-compact tr td:last-child{
		border-right:medium solid black;
	}
	
/* BOBCODE */
	table.customField{
		margin-left:24px;
		border:none;
		display:inline;
	}
	
	table.customField:focus-within{
		background-color:paleyellow;
	}
	
	table.customField tr.bobCodeHelp{
		visibility:collapse;
	}
	
	tr.BobCodeHelp{
		font-size:10pt;
	}
	
	table.customField:focus-within tr.bobCodeHelp{
		visibility:visible !important;
	}
	
	input.customField{
		width:99%;
		height:120px;
		wordwrap:auto;
	}
	
/* Report Comments */
	tr.comment-row:nth-child(even) td{
		background-color:paleyellow !important;
	}
	
	tr.comment-row:nth-child(odd){
		background-color:aliceblue !important;
	}