@charset "utf-8";
/* CSS Document */

div#previewBox {
	/*width:80%;  /* this will create a container 80% of the browser width */
	width: 644px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/*min-width:780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin:0px auto;
	padding:20px 40px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:#FFFFFF;
	border-width:medium;
	border-style:dotted;
	border-color:#CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
div#previewBox p.para {
	text-indent: 30px;
}
div#previewBox div.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

div#txtEdit {
	width:80%;  /* this will create a container 80% of the browser width */
	/*width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	min-width:780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:#FFFFFF;
	margin:20px auto; /* the auto margins (in conjunction with a width) center the page */
	color:#FF0000;
	font-size:12px;
	padding:0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
div#txtEdit p {
	color:#FF0000;
	font-size:12px;
}
div#txtEdit input[type="button"] {
	margin:3px;
}
div#txtEdit div#txtEditLegend {
	width:700px;
	background-color:#FFFFCC;
	color:#666666;
	font-size:12px;
}
div#txtEdit div#txtEditLegend div{
	padding:20px;
}

div#editNoteData {
	color:#333333;
	font-family:"Courier New", Courier, monospace;
}
div#editNoteData legend {
	color:#333333;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	font-size:18px;
}
div#editNoteData .jacqueline {
	width:560px;
	border-color:#333333;
}

div#formDiv select {
	width:140px;
}
div#formDiv select.formatOpac {
	width:70px;
}
div#formDiv select.formatTextAlign {
	width:90px;
}

div.editToolsTitle {
	font-weight:bold;
	padding:2px;
}
span.editToolsSubtitle {
	color:#999999;
}

div.editTool {
	/*border:thin solid red;*/
	width:620px;
	padding:20px;
}

.jacqueline {
	border:3px solid red;
}
div.jacqueline {
	margin:10px;
	padding:10px;
}

div.fieldsetDiv {
	padding:5px 0px;
}

a.toolFormatLink:link,  { text-decoration:none; }     /* unvisited link */
a.toolFormatLink:visited {}  /* visited link */
a.toolFormatLink:hover { font-weight:bold; }   /* mouse over link */
a.toolFormatLink:active {}   /* selected link */

/* neither of this following two will work */
option.txtColorChoices {
}
option.txtFontChoices {
}

div.imgToolContainerDiv {
	text-align:center;
	padding:20px;
}
div.imgToolImgDiv {
}
img.imgToolImgImg {
}
div.imgToolCaptionDiv {
	padding-top:10px;
}
span.imgToolCaptionSpan {
	color:#666666;
	margin:20px;
}
span.vidToolLengthInput {
	font-size:large;
	font-weight:bold;
	vertical-align:super;
}

p.syst {
	text-indent: 40px;
}
p.box {
	padding-left: 20px;
}
p.sys {
	color: #FF0000;
	font-family: "Bitstream Vera Sans Mono";
	font-size: 12px;
	font-weight: bold;
	padding-left: 40px;
}

span.sys {
	color: #FF0000;
	font-family: "Bitstream Vera Sans Mono";
	font-size: 12px;
	font-weight: bold;
}
span.subSys {
	color:#FF0000;
	font-family:"Bitstream Vera Sans Mono";
	font-size:12px;
}

div.imgPrevDiv {
	padding:5px;
	border-width:medium;
	border-style:dotted;
	border-color:#CCCCCC;
	overflow:hidden;
}
/* following class is no longer used */
img.imgPrevImg {
	/*width:120px;*/
	/*height:100px;*/
}
div.divAutoImg {
	margin:20px;
	padding:20px;
	/*width: 100%;
	text-align: center;
	background-color: green;*/
	float:right;
	clear:both;
}
img.imgAutoImg {
	width:300px;
}