/* Temporary fix to prevent disappearing links on black background */

a.xref {
	color: inherit !important; 
	text-decoration-color: inherit !important;
}

a.xref:hover {
	color: inherit !important; 
	text-decoration-color: inherit !important;		
}

/*Tables*/

.leftHalf {
	width:2.6in;
	float:left;
	font-size:9pt !important;
	line-height:8pt !important;
	padding:1px;
	margin:1px;
	page-break-inside: avoid;
	page-break-before: always;
}

.rightHalf {
	width:2.6in;
	float:right;
	font-size:9pt !important;
	line-height:8pt !important;
	padding:1px;
	margin:1px;
	page-break-inside: avoid;
}

.breakHere {
	page-break-before:always !important;
}

.breakAfter {
	page-break-after:always !important;
}

.rotated {
	white-space: nowrap;
	writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	-webkit-writing-mode:vertical-rl;
	transform:rotate(180deg);
	display: inline-block;
	line-height:3px;
}

/*Special Characters*/

.circle {
	border-radius:50%;
	width:20px;
	height:20px;
	padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	padding-bottom:2px;
	background:#000000;
	color:#ffffff;
	text-align:center;
	line-height:20px;
	word-wrap:normal;
}

.circledot{
  border: 2px solid red;
  border-radius: 100%;
  position: relative;
  width: 10px; height: 10px; 
  margin: auto;
  
}
.circledot::before{
  content: "";
  display: block;
  position: absolute;
  width: 3px; height: 3px;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: red;
  border-radius: 100%;
 
}

.hollowcircle{
  border: 2px solid black;
  border-radius: 100%;
  width: 20px; 
  height: 20px;
  text-align:center;
  display: inline-block;
}

.hollowsquare{
  border: 2px solid black;
  width: 20px; height: 20px;
  text-align:center;
  display: inline-block;
}

.filledsquare{
  border: 2px solid #000000;
  width: 20px; height: 20px;
  display: inline-block;
  text-align:center;
  background-color: #000000;
  color: #ffffff;
}

.filledgreensquare{
  border: 2px solid #b1bdad;
  width: 20px; height: 20px;
  display: inline-block;
  text-align:center;
  background-color: #e1efd4;
}

.reddot {
  height: 10px;
  width: 10px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
}

.blackdot {
  height: 10px;
  width: 10px;
  background-color: black;
  border-radius: 50%;
  display: inline-block;
}

.purpledot {
  height: 10px;
  width: 10px;
  background-color: #6e319d;
  border-radius: 50%;
  display: inline-block;
}

.bluedot {
  height: 10px;
  width: 10px;
  background-color: #00afef;
  border-radius: 50%;
  display: inline-block;
}

.redtext {
	color: red;
}

/*Gallery & Image stuff*/

.rightImage {
	float:right;
	margin-left:5px;
	width:320px;	
}

.leftImage {
	float:left;
	margin-right:5px;
	width: 200px;
}

.clearFloat {
	float:none;
}

/*eCode Only*/
@media screen {
	.rotated .para {
		display: inline-block;
		
	}

.rotated .para {
	white-space: nowrap;
	writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	-webkit-writing-mode:vertical-rl;
	transform:rotate(180deg);
	display: inline-block;
}
	
/*Prince-Specific Override for rotated text */
	.rotated > para {
		writing-mode: vertical-rl;
		transform:rotate(180deg);
		display: inline-block;
		}
}
/**********PRINT-ONLY**********/

@media print {

/*	@page landscape {
		size: letter landscape;
		@footnotes { border-top:thin solid black; padding-top:3pt; margin-top:.125in;}
		@top-center {width: 3.75in;}
		@top-left { content: string(left-corner,start);}
		@top-right { content: string(right-corner,last);}
		@bottom-center { content: string(ch-num)":"counter(page); margin-bottom:0;}
	}
	
	@page landscape:blank {
		@top-center { content: "" }
		@top-left { content: "" }
		@top-right { content: "" }
		@bottom-center { content: "" }
		@bottom-right { content: ""}
	} 
	
	@page particle {
		@bottom-center { content: string(ch-num)":"counter(page); margin-bottom:0; padding-bottom:.625in;}
	}

	article {
		counter-reset: page 1;
	}
*/
part .letter, article .letter {
  page: particle;
}

graphic {
	content: attr("filename", url);
	display:block;
	prince-image-resolution: auto, 300dpi;
/*	max-width: 9in;*/
	max-width: 6in;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left:auto;
	margin-right:auto;
	string-set: caption attr(caption);
}

.leftHalf {
	width:2.6in;
	float:left;
	font-size:9pt !important;
	line-height:8pt !important;
	padding:1px;
	margin:1px;
	page-break-inside: avoid;
	page-break-before: always;
}

.rightHalf {
	width:2.6in;
	float:right;
	font-size:9pt !important;
	line-height:8pt !important;
	padding:1px;
	margin:1px;
	page-break-inside: avoid;
}

}

/*eCode Only*/
@media screen {
	.codeTable{
		margin-bottom:1em;
		font-size: 10;
		}
}