@media print {
	.no-print, .no-print * {
		display: none !important;
	}

	div.headerCourt, div.headerDistrict, div.headerJudgeName, div.headerDate {
		text-align:center;
		font-weight:bold;
	}

	div.headerDate {
		margin:0 0 30px 0;
	}

	div.timedate {
		font-weight:bold;
		height:20px;
		padding:5px 0 5px 10px;

		border-width:1px 1px 1px 1px;
		border-style:solid;
		border-color:black;
	}

	div.time {
		float:left;
	}

	div.date {
		float:right;
		margin:0 20px 0 0;
	}

	div.judgeName {
		clear:left;
		font-weight:bold;
		padding:5px 0 5px 10px;

		border:1px solid black;
	}

	hr {
		display:none !important;
	}

	div.event {
		padding:10px 0 10px 0;
	}

	div.col1, div.col2, div.col3 {
		display:inline-block;
		min-height:10px;
		vertical-align:text-top;
		font-size:125%;
	}

	div.col1 {
		width:15%;
	}

	div.col2 {
		width:60%;
	}

	div.col3 {
		width:20%;
		padding:0 0 0 15px;
	}

	span.title {
		font-weight:bold;
	}

    span.parentCaseNumber {
        color:gray;
        font-size:12px;
    }

    span.pubRemark {
        color:gray;
        font-size:12px;
    }

	div#error {
		text-align:center;
		font-size:175%;
		font-weight:bold;
		color:maroon;
		padding:50px 10px 10px 10px;
	}
}

@media screen {
	div.headerCourt, div.headerDistrict, div.headerJudgeName, div.headerDate {
		text-align:center;
		font-weight:bold;
		font-size:150%;
		padding:2px 2px 2px 2px;
	}

	div.timedate {
		background:royalblue;
		// background:linear-gradient(royalblue, lightsteelblue);
		margin:10px 0 0 0;
		color:whitesmoke;
		height:30px;
		font-size:100%;
		font-weight:bold;
		padding:2px 7px 2px 7px;
		text-shadow:1px 1px 1px #1c41b0;
	}

	div.time {
		float:left;
	}

	div.date {
		float:right;
	}

	div.judgeName {
		background:gainsboro;
		// background:linear-gradient(whitesmoke, gainsboro);
		color:royalblue;
		font-size:125%;
		font-weight:bold;
		padding:7px 7px 7px 7px;
		text-shadow:1px 1px 1px lightsteelblue;
	}
	hr {
		background-color:gainsboro;
		height:1px;
		border:0;
		width:99%;
	}

	div.event {
		padding:10px 0 10px 0;
	}

	div.col1, div.col2, div.col3 {
		display:inline-block;
		min-height:10px;
		vertical-align:text-top;
		font-size:125%;
	}

	div.col1 {
		width:15%;
	}

	div.col2 {
		width:60%;
	}

	div.col3 {
		width:20%;
		padding:0 0 0 15px;
	}

	span.title {
		font-weight:bold;
	}

    span.pubRemark {
        color:gray;
        font-size:12px;
    }

    span.parentCaseNumber {
        color:gray;
        font-size:12px;
        margin-left:6px;
    }

	div#error {
		text-align:center;
		font-size:175%;
		font-weight:bold;
		color:maroon;
		padding:50px 10px 10px 10px;
	}

	select#judgePrid, input#startDate, input#keyword {
		box-sizing:border-box;
		margin:0;
		margin-right:5px;
		height:25px;
		border-radius:4px;
		padding-left:5px;
		border:1px solid #aaa;
		padding-left:10px;
	}

	input#dateSearch, input#keywordSearch {
		height:25px;
		/*
		border-radius:1px;
		background:linear-gradient(whitesmoke,gainsboro);
		border:1px solid #aaa #aaa #000 #000;
		*/
	}

	div.judgePridContainer, div.startDateContainer, div.dateSearchContainer {
		float:left;
	}

	div.keywordSearchContainer, div.keywordContainer {
		float:right;
	}

	div.results {
		margin: 20px 0 0 0;
	}

	div.dateSearchWidget, div.keywordSearchWidget {
		font-size:90%;
		font-weight:bold;
		color:royalblue;
		padding:5px 5px 5px 5px;
		float:left;
	}

	div.keywordSearchWidget {
		float:right;
	}

	div.calendarHeader {
		padding-top:70px;
	}
}

.sk-fading-circle {
	margin: 100px auto;
	width: 40px;
	height: 40px;
	position: relative;
}

.sk-fading-circle .sk-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.sk-fading-circle .sk-circle:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: lightsteelblue;
	border-radius: 100%;
	-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
	animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
	0%, 39%, 100% { opacity: 0; }
	40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
	0%, 39%, 100% { opacity: 0; }
	40% { opacity: 1; }
}