/*
    Online Training stylesheet
*/

/*
Explanation of measurements in this file:
px: Pixels - Use for borders, or occasionally when dealing with images. (Consider the renderer DPI setting.)
em: Use only to help center bullets next to text. Never use otherwise
in: Use whenever possible for all margins, padding, height, width, positioning, and whatnot. This is the
    most scalable measurement we can use and will give the best results when printing.
%:  Use with care. Generally 7in is better than 100% for example.
pt: Use for fonts ONLY. This scales exactly as we would like for fonts, but as a measurement it fails utterly.
    For all other measurements, 100pt is roughly equal to 1.419in, (~.705pt/in) in my browser (Firefox on
    Vista) however, this will vary depending on a number of factors.
*/

/* unless otherwise dictated, the contents of a "custom page" are relatively positioned */
div.custompage *
{
    position: relative;
}

/* This is designed to allow us to escape the margins of the page for custom diagrams and such.
   It isn't in princeonly.css because the explicit use of height and width is important to be
   able to see this in the online training (otherwise it usually becomes 0 height) */
div.custompage
{
/*    width: 8.5in;
    height: 11in;*/
    width: 650px;	
    height: 11in;
    margin: 0;
    padding: 0;
    position: relative;
}

/* Prince doesn't always like the <center> tag, so we created this to replace it */
.center
{
	margin-top: 0;
	margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    border: none;
    display: block;
}

/* Not everybody has the same idea of what should be centered, or how. Make table cells
   left aligned by default, but define a class for changing that (align="center" doesn't
   work to override once we use CSS to set a consistent default)*/
td
{
	text-align: left;
}
	
.align-center
{
	text-align: center !important;
}
	
/* the center class presumes only works on divs that have some sort of width. If a div
   is not given a width, it's width is the full width of the region available to it, and
   as a result it won't get centered. To get around this use the autowidth class and the
   center class both on a parent, then add another div inside */
.autowidth
{
	display: table;
	width: auto; /*actual width will grow as needed*/
}

.autowidth > div
{
	display: table-cell;
}

.errorblock
{
	float: top; /*move to the start of the document*/
}

.errorblock h4
{
    color: red;
}

body
{
	width: 7in;
    font-family:Times New Roman,serif; /* default font for the majority of the document */
}

.chapter p, .chapter pre
{
/*    margin-top:0in;
    margin-right:0in;
    margin-bottom:.085in;
    margin-left:0in;

    text-indent:.25in;
    line-height:130%;
    font-size:11.0pt;*/

	margin:0 0 0.2in;
    line-height:20px;
    font-size:12px;
	text-align:justify;
}

pre, code {
  /* Make it word wrap */
  white-space: normal; /* supposedly important, don't know why... */
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

pre
{
  /* style it up the rest of the way... */
  border: dashed 1px black;
  background-color: #f5f5f5;
  background-image:url(images/box-gradient.jpg);
  background-repeat: repeat-y;
  margin-left: .25in;
  margin-right: .25in;
  padding: .05in;
  text-indent:0in !important;
}

.jargon-term
{
    border-bottom: 1px dashed green;
    color: green;
}

/*TODO: The training model stuff should be changed to use inches rather than pixels*/
.trainingmodel
{
	text-align:right;
	position: relative;
	left:73px;
	margin-top:30px;
	width:540px;
	margin-bottom:30px;
}

.trainingmodel div
{
	padding: 0;
	text-align: left;
	font-weight: 900;
}

.trainingmodel div
{
	margin: 0;
	padding: 0;
	text-indent: 26px;
	font-size:22.0pt;
	font-family:Arial,sans-serif;
}

.trainingmodel div ul
{
    margin: 0;
    padding: 0;
    text-indent: 26px;
    font-size:22.0pt;
    font-family:Arial,sans-serif;
}

.trainingmodel div ul li
{
	text-indent: 16px;
	margin-left: 10px;
	font: 17.0pt Arial,sans-serif;
	font-weight: 800;
    margin-bottom:0.085in;
    padding-left:.23in;
    background-image: url('images/bullet2.png');
    background-position: 15px 5px; /* X-pos Y-pos (from top-left) */
    background-repeat: no-repeat;
}

/* Basic picture class. */
img
{
	prince-image-resolution: 96dpi; /* Images MUST be scaled to 96 DPI before they are used!!! */
    margin-top: 0;
    margin-bottom: .05in;
    margin-left: .05in;
    margin-right: .05in;
/*    font-family: Times New Roman,Arial,sans-serif;*/
/*    font-size: 11.0pt;*/
    float: right; /* in general, images are always on the right */
    clear: right; /* in general, they do not stack from right to left */
    page-break-inside: avoid;
/*    vertical-align: top;*/
}

img.img-lightbox {
    cursor: pointer;
}

/* extra classes for more details on pictures */
.leftpic
{
    float: left;
    clear: left !important;
}

.rightpic
{
    float: right;
    clear: right;
}

.nofloatpic
{
    float: none;
    clear: none;
}

/* class for constraining areas in the flow charts */
.flowchartarea
{
	border:1px solid #999999 !important;
	background-color: transparent;
/*	padding: .05in .05in .05in .05in;*/
	padding: 0 .05in .05in .05in !important;	
	margin: 0;
    font-size: 10.5pt;
    text-indent: 0;
	box-shadow: 0 0 3px #999999;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;


}
.flowchartarea-box {

	border:1px solid #999999 !important;
	background-color: #f4f4f4;
	padding: 8px !important;	
	margin: 0;
    font-size: 10.5pt;
    text-indent: 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;

}
.inserttitlelarge
{
  font-size: 24.0pt;
  font-family: Arial,sans-serif;
  font-weight: 800;
  text-align: right;
}

.inserttitle
{
  font-size: 18.0pt;
  font-family: Arial,sans-serif;
  font-weight: 800;
  text-align: right;
}

/* Basic box class. All boxes should have this. */
.box
{
	width: 183px;
    max-width: 183px;
	box-shadow: 0 0 3px #888;
	position: relative;
	right: -206px;
	float: right;
	margin: 0 -17px 0 -183px;;	

	border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	
    padding-bottom: 9px;
    padding-left: 9px;
    padding-right: 14px;
	border:1px solid #bcbcbc;
	border-right:none;

    font-family: Arial,sans-serif;
    font-size: 11px;
	line-height:18px;


/* Safari 4-5, Chrome 1-9 */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#e8e8e8));
/* Safari 5.1, Chrome 10+ */ 
background: -webkit-linear-gradient(top, #FFFFFF, #e8e8e8); 
/* Firefox 3.6+ */ 
background: -moz-linear-gradient(top, #FFFFFF, #e8e8e8); 
/* IE 10 */ 
background: -ms-linear-gradient(top, #FFFFFF, #e8e8e8); 
/* Opera 11.10+ */ 
background: -o-linear-gradient(top, #FFFFFF, #e8e8e8);
/* IE 8 */	
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#e8e8e8)";

    
/*	font-family: Times New Roman,Arial,sans-serif;*/
/*	font-size: 11.0pt;*/
/*    float: top-next prince-top-if-necessary; */ /* the extra prince thing is to float to the
                                             top of the next page if needed */
    float: right; /* in general, boxes are always on the right */
	clear: right; /* in general, they do not stack from right to left */
	page-break-inside: avoid;
	text-align: left;
/*    font-size:11.0pt;*/
    text-indent: 0;
}

.box img
{
    clear: both;
    float: none;
   	margin-top: .1in;
	margin-bottom: .1in;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    border: none;
    display: block;
    max-width: 183px;
}
.chapter .box.longbox img, .chapter .box.coachbox-long img, .chapter .box.importantbox-long img
{
    max-width: 446px;
}

.box h2
{
  font-size:17.0pt;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-indent: 0px;
  text-align: center;
  font-weight:bold;
  font-family:Arial,sans-serif;
}
.box h3
{
  font-size:15.0pt;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-indent: 0px;
  text-align: center;
  font-weight:bold;
  font-family: Times New Roman, serif;
}

.box h4
{
	font-size:13.0pt;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: 0px;
  text-align: center;
  font-weight:800;
  font-style: normal;
  font-family: Times New Roman, serif;
}
.box h5
{
	font-size:13.0pt;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: 0px;
	text-align: center;
	font-weight:800;
	font-style: normal;
  font-family: Times New Roman, serif;
}
.chapter .box.longbox, .chapter .box.coachbox-long, .chapter .box.importantbox-long {
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
/*  background-color:#bdbdbd;
    padding:3px;
*/
    border:3px solid #bdbdbd;
/*    width:472px;*/
    width:451px;
    margin-bottom:20px;
}

.chapter .box.longbox, .chapter .box.coachbox-long, .chapter .box.importantbox-long {

    box-shadow: none !important;
    padding:22px 8px 10px 18px;
/*    width:471px;*/
    width:451px;
}
.chapter .box.longbox .box-pointer-box, .chapter .box.coachbox-long .box-pointer-box, .chapter .box.importantbox-long .box-pointer-box {

    display: none;
}
.chapter .importantbox-long .bg-box{
    background-image: url(images/long-important.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    padding:0 10px 12px 0;
    min-height: 72px;  
}
.chapter .importantbox-long{

    /* Safari 4-5, Chrome 1-9 */ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fffcd0), to(#e5d05e));
    /* Safari 5.1, Chrome 10+ */ 
    background: -webkit-linear-gradient(top, #fffcd0, #e5d05e); 
    /* Firefox 3.6+ */ 
    background: -moz-linear-gradient(top, #fffcd0, #e5d05e); 
    /* IE 10 */ 
    background: -ms-linear-gradient(top, #fffcd0, #e5d05e); 
    /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #fffcd0, #e5d05e);
    /* IE 8 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffcd0, endColorstr=#e5d05e)";

    margin-left:0 !important;
    width:446px !important;
    max-width: 446px !important;
    min-height:69px !important;

    /* Don't dive into the right column */
    right: 0;
    float: none;
    clear: none;
}
.chapter .coachbox-long{

    color:#FFFFFF;
    /* Safari 4-5, Chrome 1-9 */ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#56b8fe), to(#0176ca));
    /* Safari 5.1, Chrome 10+ */ 
    background: -webkit-linear-gradient(top, #56b8fe, #0176ca); 
    /* Firefox 3.6+ */ 
    background: -moz-linear-gradient(top, #56b8fe, #0176ca); 
    /* IE 10 */ 
    background: -ms-linear-gradient(top, #56b8fe, #0176ca); 
    /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #56b8fe, #0176ca);
    /* IE 8 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#56b8fe, endColorstr=#0176ca)";

    margin-left:0 !important;
    width:446px !important;
    max-width: 446px !important;
    height:100% !important;
    min-height:69px !important;
    
    /* Don't dive into the right column */
    right: 0;
    float: none;
    clear: none;
}
.chapter .coachbox-long .bg-box{
    background-image: url(images/coachbox-long.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    padding:0 10px 12px 0;
    min-height: 72px;
}
.chapter .importantbox-long p{
    color:#2c2c2c;
}

.chapter .coachbox-long h4{
    color:#ffffff;
}
.chapter .coachbox-long p{
    color:#ffffff;
}
.chapter .coachbox-long b, .chapter .coachbox-long strong{
    color:#ffffff;
    font-weight:bold;
}

.chapter .coachbox-long a{
    color:#ffffff;
}
.chapter .importantbox-long h4{
    font-size:23px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#414141;
    margin-bottom:10px;
}
.chapter .importantbox-long p{
    color:#2c2c2c;
}



.chapter .longbox h4, .chapter .coachbox-long h4, .chapter .importantbox-long h4
{
    font-size:23px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    margin-bottom:10px;
}
.coachbox h4, .coachbox h5, .importantbox h4, .importantbox h5
{
	text-align: left;
} 
.box p
{
/*	font-size:10.0pt;*/
	font-size:11px;
	margin: .04in 0 0 0;
	padding: 0;
	text-indent: 0;
	font-family: Arial,sans-serif;
	line-height:18px;
	font-weight:normal;
	color:#888887;
	letter-spacing:-0.3;
	
    /* Tell the browsers to hyphenate when needed to keep the text tight */
    hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto; /* doesn't work yet. Just in case support is added */
    -o-hyphens: auto; /* doesn't work yet. Just in case support is added */
}
.box > :first-child
{
    margin-top: 0px; /* box padding should have covered this*/
}

.flowchartarea h4
{
	border-bottom:1px solid #999999;
	color:#5d5d5d !important;
    font-size:15.0pt;
	margin-top: 0 !important;
	margin-left: -5px !important;
	margin-right: -5px !important;
	margin-bottom: 5px !important;	
    padding: 5px 0px 5px 0px !important;
    text-indent: 0px;
    text-align: center !important;
	box-shadow: 0 0 3px #999999;
}
.flowchartarea h5
{
    font-size:13.0pt;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-indent: 0px;
    text-align: center;
    font-weight:800;
    font-style: normal;
}
.flowchartarea p
{
    font-size:11.0pt;
    margin: .085in 0 0 0;
    padding: 0;
    text-indent: 0;
}

/* Sometimes you need multiple boxes to display together on the right, without words between them */
/* To do this, wrap those boxes with a div and give that div the multibox class */
 .multibox
{
	float: right;
	margin: 0;
	padding: 0;
	clear: none;
}

.multibox .box
{
	float: none !important;
} 

/*multibox horizontal should be used on a table, and the cells should be given box styles*/
 .multiboxhorizontal
{
	margin-left: auto;
	margin-right: auto;
	clear: both;
	float: none;
	width: 5.4in;
    max-width: 5.4in;
	padding: 0;
	border-spacing: .1in .1in;
	margin-top: -.1in;
}

.multiboxhorizontal .box
{
	width: 2.5in;
	min-width: 2.5in;
	float: none;	
    border-top: 0px none;
    border-bottom: 0px none;
    border-left: 2px black solid;
    border-right: 2px black solid;
    padding-left: .1in;
    padding-right: .1in;
    padding-bottom: .1in;
}


.dijitTextBox.rounded
{
	-moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    background: url("images/validationInputBg.png") repeat-x scroll left top #FFFFFF;
    border: 1px solid #4C4C4C;
    border-radius: 7px 7px 7px 7px;
    color: #000000;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 35px !important;
    margin-bottom: 0;
    padding: 1px 8px;
    width: 100%;
}

	
/* aditional classes to extend the boxes. These should be used IN ADDITION to the box class.*/

/* at the start of every chapter an estimate of time requirements is provided */
.timerequiredbox
{
	clear: both;
	float: none;
	min-width: 2.8in;
    max-width: 5.6in;
    width: 5.6in;
    margin-bottom: .1in;
    min-height: 1.1in;
    height: 1.2in;
/*    margin-left: .7in; the time required box should sit inside of chapterintroboxes now which handles this part. */
    margin-left: 0;
        /* TODO:
       .7in on the left doesn't work if the body size is more than 7 inches, but 
       auto (centering) doesn't work right if the box isn't a full 5.5 inches.
       What do we do?
    margin-left: auto;
    margin-right: auto;
    */
    background-image: url(images/box-gradient-long.jpg);
    padding: 0in;
    border-left-width: 0px;
    border-right-width: 0px;
    border-spacing: 0px;
    border-collapse: separate;
}

/* add this class to the box if it only contains the time half */
.timerequiredbox-small
{
    min-width: 2.8in;
    max-width: 2.8in;
    width: 2.8in;
    right: 0;
}

.timerequiredbox h4
{
	font-size:16.0pt;
}


.leftbox
{
	float: left;
	clear: left !important;
	
	text-align: right;
}

.rightbox
{
	float: right;
	clear: right;
} 

/*.box img {
    height: 13px;
    position: absolute;
    right: 206px;
	margin:2px 0 0 0!important;
}*/

.box-pointer-box {
    height: 17px;
    width: 15px;
    position: absolute;
    right: 206px;
    top: 5px;
	margin:2px 0 0 0!important;
}
div.box-pointer-box {
    background: url("images/new/box-pointer-box.jpg");
}
.importantbox div.box-pointer-box {
    background: url("images/new/box-pointer-warning.jpg");
}
.coachbox div.box-pointer-box {
    background: url("images/new/box-pointer-coach.jpg");
}
/*

.ui-accordion-content-active .box{
	padding:7px 0 0 0 !important;
	margin-left:22px;
	width: 200px;
    max-width: 200px;
	background-color:#ffffff;
	position:relative;
	z-index:-11;

}

.img-box
{
	background: url(images/new/box-pointer-coach.jpg) no-repeat -4px 17px;
	position:relative;
	z-index:211;
}
*/
.img-box img{
	position:static !important;
}
/* coaching stuff gets a special background color */
.coachbox
{
/*	width: 1.45in;
	max-width: 1.45in;
	background-image: url(images/new/box-bg-unsure.png);
	background-position: center;
	background-repeat: no-repeat;*/

/*	width: 2.05in;
	max-width: 2.05in;*/
	width: 183px;
	max-width: 183px;
		
/*	padding-left: 1.15in;*/
	min-height: 1.1in;
	
	border-top-left-radius:none !important;
	-moz-border-radius-topleft:none !important;
	-webkit-border-top-left-radius:none !important;

	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4fbff), to(#c9ebfe));
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #f4fbff, #c9ebfe); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #f4fbff, #c9ebfe); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #f4fbff, #c9ebfe); 
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #f4fbff, #c9ebfe);
	/* IE 8 */	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f4fbff, endColorstr=#c9ebfe)";

}
.coachbox h4{
	color:#585858 !important;
}
.coachbox .bg-box, .bg-box-coach {
	background-image: url(images/new/box-bg-unsure.png);
	background-position: 100% 100%;
	background-repeat:no-repeat;
	min-height:1in;
}
.importantbox
{
/*	width: 1.45in;
	max-width: 1.45in;
	background-image: url(images/box-gradient-important.jpg);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 1.15in;
	min-height: 1.1in;*/
	
/*	width: 2.05in;
	max-width: 2.05in;*/
	width: 183px;
	max-width: 183px;
	min-height: 1.1in;

	border-top-left-radius:none !important;
	-moz-border-radius-topleft:none !important;
	-webkit-border-top-left-radius:none !important;

	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fffef1), to(#f4e3bb));
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #fffef1, #f4e3bb); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #fffef1, #f4e3bb); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #fffef1, #f4e3bb); 
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #fffef1, #f4e3bb);
	/* IE 8 */	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffef1, endColorstr=#f4e3bb)";
}
.importantbox h4{
	color:#585858 !important;
}
.importantbox .bg-box, .bg-box-warning {
	background-image: url(images/new/box-bg-caution.png);
	background-position: 100% 100%;
	background-repeat:no-repeat;
    min-height: 1in;
}

.coachbox-long
{
	clear: both;
	float: none;
	width: 4.3in;
    max-width: 4.3in;
    margin-bottom: .1in;
	/* setting both margins to auto will center the element */
    margin-left: auto;
    margin-right: auto;
	background-image: url(images/box-gradient-long-coach.jpg);
	background-position: center;
	background-repeat: no-repeat;
	padding-left: 1.2in;
	min-height: 1.1in;
}

.importantbox-long
{
	clear: both;
	float: none;
	width: 4.3in;
    max-width: 4.3in;
    margin-bottom: .1in;
	/* setting both margins to auto will center the element */
    margin-left: auto;
    margin-right: auto;
	background-image: url(images/box-gradient-long-important.jpg);
	background-position: center;
	background-repeat: no-repeat;
	padding-left: 1.2in;
	min-height: 1.1in;
}

.special-coach
{
	width: 1.45in;
	min-width: 1.45in;
	max-width: 1.45in;
	background-image: url(images/lifebouy.png);
	background-position: left;
	background-repeat: no-repeat;
	min-height: 1.1in;
	padding: .1in .2in .1in 1.15in;
    border-width: 0px;
}

.special-time
{
	width: 1.45in;
	min-width: 1.45in;
	max-width: 1.45in;
	background-image: url(images/clock-darkblue.png);
	background-position: left;
	background-repeat: no-repeat;
	min-height: 1.1in;
	padding: .1in .2in .1in 1.15in;
    border-width: 0px;
}

.special-blank
{
	width: 2.5in;
	min-width: 2.5in;
	max-width: 2.5in;
	min-height: 1.1in;
	padding: .1in .2in .1in .1in;
    border-width: 0px;
}

/* chapterintroboxes is a utility class that helps keep the boxes at the beginning of the
   chapter centered and looking right, even when the special time required stuff doesn't
   include the coach half. */
.chapterintroboxes
{
    width: 5.6in; /* same width as longboxes (padding included) */
    max-width: 5.6in;
    /* setting both margins to auto will center the element */
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: .3in;
    padding: 0;
    border: 0 none;
}

.chapterintroboxes .longbox, .chapterintroboxes .coachbox-long, .chapterintroboxes .importantbox-long
{
}

/* .special-long
{
	clear: both;
	float: none;
	height: 1.1in;
	min-height: 1.1in;
	width: 5.4in;
    max-width: 5.4in;
    margin-bottom: .1in; */
	/* setting both margins to auto will center the element */
    /* margin-left: auto;
    margin-right: auto;
    background-image: url(images/box-gradient-long.jpg);
    padding: .1in;
} */

/* special box that spans to remaining space on the row */
/*.spanbox
{
   This isn't possible like this. Where did we want to do this? 
     The only way to get this kind of effect with a block element
     is to use tables.
  min-width: 50%;
}*/

/* spans the entire width of page 
.fullbox
{
    clear: both;
    float: none;
	width: 6.6in;
    max-width: 6.6in; */
	/* setting both margins to auto will center the element */
/* 	margin-left: auto;
    margin-right: auto;
    
    padding: .1in;
}*/

/*very thin boxes at the edge */
 /*.thinbox
{
  For very thin boxes at edge of page. Use with caution, boxes this small can become very ugly. 
    width: 1.0in;
    max-width: 1.0in;
}*/

/* narrower boxes at the edge 
.narrowbox
{
	width: 1.375in;
    max-width: 1.375in;
}*/

/* slighly wider boxes at the edge 
.mediumbox
{
	width: 2.03in;
    max-width: 2.03in;
}*/

/* wider boxes at the edge 
.widebox
{
	width: 2.75in;
    max-width: 2.75in;
}*/

/* for boxes that sit in the content, not on the right edge */
.longbox
{
	clear: both;
	float: none;
/*	width: 5.4in;
    max-width: 5.4in;*/
	width: 446px;
    max-width: 446px;	
	margin-bottom: .1in;
/*    margin-top: .1in;*/
	/* setting both margins to auto will center the element */
    margin-left: auto;
    margin-right: auto;
    background-image: url(images/box-gradient-long.jpg);
    background-repeat: repeat-y;
    background-position: left;
    padding: .1in;
    /* Don't dive into the right column */
    right: 0;
    float: none;
    clear: none;
}


/* for less wide boxes that sit in the content, not on the right edge */ 
/*.broadbox
{
    clear: both;
    float: none;
    width: 60%; *//* TODO: convert this to inches 
    max-width: 60%;
         setting both margins to auto will center the element
    margin-left: auto;
    margin-right: auto;
    
    padding: .1in;
}*/

/* other sized boxes at center */
/*.centerbox
{
	clear: both;
	float: none;
     setting both margins to auto will center the element 
    margin-left: auto;
    margin-right: auto;
    
    padding: .1in;
}*/

/* wider border because it is important */

/* .multiboxhorizontal .importantbox 
{
    border-left: 3px black solid;
    border-right: 3px black solid;
    border-top: 0px none;
    border-bottom: 0px none;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: .1in;
    padding-right: .1in;
} */

/* larger fonts, so you can't miss it */
/*.criticalbox
{
	font-size: 12pt;
	font-weight: bold;
	border-width: 3px;
	
    border-top: 3px black solid;
    border-bottom: 3px black solid;
    border-left: 0px none;
    border-right: 0px none;
}*/

/*.criticalbox h4
{
	font-size: 18pt;
}

.multiboxhorizontal .criticalbox 
{
    border-top: 0px none;
    border-bottom: 0px none;
    border-left: 3px black solid;
    border-right: 3px black solid;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: .1in;
    padding-right: .1in;
} */

/* autoboxwidth allows a box to reduce in size to the optimal width for the text. The
   box will never be wider than the width specified in your other class(es).
   
   NOTE: This doesn't seem to work in Prince, only Firefox.
   TODO: File a bug report with yeslogic on this.
   TODO: Once this works, fix any boxes that need it. */
/* .autoboxwidth
{
	width: auto;
}*/

.separator
{
	clear:both;
	border:none;
	border-bottom:solid  windowtext 1.0px;
	padding:0in 0in .014in 0in; 
  margin-bottom: .25in;
} 

.box .separator
{
    clear:none;
    border:none;
    border-bottom:solid  windowtext 1.0px;
    padding:0;
    margin:0;
    margin-top:.05in;
    margin-bottom:.05in;
}

/* a.hiddenanchor
   Use:     See the <a href="#anchorname_deferring">Deferring Flowchart</a> for...
            Note: opnage or see page or pgnum may be used if desired.
   Requires:<a class="hiddenanchor" name="anchorname_deferring" id="anchorname_deferring">&nbsp;</a>
            Note: The &nbsp; is required in the anchor that defines the location.
   Printed: See the Deferring Flowchart that...
   PDF:     See the <a>Deferring Flowchart</a> that...
   Web:     See the <a>Deferring Flowchart</a> that...
*/
.hiddenanchor
{
  float: left;
  height: 0px;
  border: 0;
  margin: 0;
  padding: 0;
  width: 0px;
  display: inline; /* if it was a block element, it would have created a line break */
  overflow: hidden;
  line-height: 0px;
  font-size: 0px;
}

/* used to make something invisible, without removing the element entirely */
.invisible
{
    float: left;
	width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: 0px none;
    display: inline; /* if it was a block element, it would have created a line break */
    visibility: hidden;
    overflow: hidden;
    line-height: 0px;
    font-size: 0px;
}

/* We used to have a bunch of page related stuff here that abused the content attribute. 
   I've moved this to princeonly.css because a growing number of browsers actually support
   the content attribute, and this created a compatibility concern. princeonly.css is the
   right place for anything related to pagination of printed or eBook trainings */

ol
{
	margin-bottom:0in;
}
ol p
{
  text-indent:0in !important;
  margin-bottom:0.085in;
}
ul
{
	margin-bottom:0in;
}
ul p
{
	text-indent:0in !important;
  margin-bottom:0.085in;
}
ol pre, ul pre
{
	margin-left:0;
  margin-top:0.085in !important; 
}

/* Chapter Titles */

.chapter-title
{	
	height: 1in;
	max-height: 2in;
	padding-bottom: 1in;
	position: relative;
	vertical-align: middle;
	z-index: 10;
}

.chapter-title h1
{
	/* the bizarre positioning strategy here displays the title an inch lower than its
	   calculated position, and gives it a bottom padding to compensate. The reason is
	   because when we scroll to the associated anchor, we want to show the whole top
	   of the chapter, and not chop off the top of the decorative number. */
    position: relative;
    top: .5in;
	padding-bottom: .5in;
	font-size: 36pt;
}

.chapter-number
{
	position: absolute;
	top: 0;
	right: 0;
}

.chapter-number h1
{
	font-family: Tahoma;
	color: #CCCCCC;
    font-size: 175pt;
    margin-top: -.5in;
	vertical-align: text-top;
}

	/* Font Definitions */
	
/* Style Definitions */
h1
{
	margin-top:0.17in;
	margin-right:0in;
	margin-bottom:0.17in;
	margin-left:0in;
	text-indent:0in;
	page-break-after:avoid;
	font-size:16.0pt;
	font-family:Arial,sans-serif;
	font-weight:bold;
}
h2
{
	margin-top:0.17in;
	margin-right:0in;
	margin-bottom:.085in;
	margin-left:0in;
	text-indent:0in;
	line-height:150%;
	page-break-after:avoid;
	font-size:15.0pt;
	font-family:Arial,sans-serif;
	font-weight:bold;
	font-style:italic;
}
h3
{
	margin-top:0.17in;
	margin-right:0in;
	margin-bottom:.085in;
	margin-left:0in;
	text-indent:0in;
	line-height:150%;
	page-break-after:avoid;
	font-size:14.0pt;
	font-family:Arial,sans-serif;
	font-weight:bold;
}
h4
{
	margin-top:0.17in;
	margin-right:0in;
	margin-bottom:.0425in;
	margin-left:0in;
	page-break-after:avoid;
	font-size:14.0pt;
	font-family:Times New Roman,serif;
	font-weight:bold;
}
h5
{
	margin-top:0.17in;
	margin-right:0in;
	margin-bottom:.0425in;
	margin-left:0in;
	font-size:14.0pt;
	font-family:Times New Roman,serif;
	font-weight:bold;
	font-style:italic;
}
h6
{
	margin-top:0.17in;
	margin-right:0in;
	margin-bottom:.0425in;
	margin-left:0in;
	font-size:13.0pt;
	font-family:Times New Roman,serif;
	font-weight:bold;
}
.squarephead
{
  font-weight:bold;
  margin-top: 6.0pt;	 
  page-break-after: avoid;
}
.TriggersGroup
{
	  margin-top:0.2in;
}
.TriggersSubhead
{
    margin-top:0.17in;
    margin-right:0in;
    margin-bottom:.085in;
    margin-left:0in;
    text-indent:0in;
    page-break-after:avoid;
    font-size:11.0pt;
    font-family:Arial,sans-serif;
    font-weight:bold;
    text-decoration:underline;
}
a:link
{
	color:blue;
	text-decoration:underline;
}
a:visited
{
	color:purple;
	text-decoration:underline;
}

/* the Outlining class is a holdover from the original Word document. It is only used in the
   troubleshooting section, and is technically worthless. Once we reformat the markup in that
   section, we should remove this class*/
p.Outlining, li.Outlining, div.Outlining
{
	margin-top:.085in;
	margin-right:0in;
	margin-bottom:0in;
	margin-left:.4in;
	text-indent:-.4in;
	font-size:12.0pt;
	font-family:Times New Roman,serif;
}

/* moved this declaration earlier, and zapped the >, since we want this to apply
   to ALL paragraphs, but it is subject to override for boxes and such
.chapter > p
{
	margin-top:0in;
	margin-right:0in;
	margin-bottom:.085in;
	margin-left:0in;
	text-indent:.25in;
}
*/

.extramargin
{
/*    margin-left:.3in;*/
    margin-left:0;
}

.extramarginsmall
{
    margin-left:.25in;
}

.box div.extramarginsmall, .box table.extramarginsmall
{
    margin-left:.25in;
}

.squarep p, .extramargin p.squarep, .extramarginsmall p.squarep
{
    margin-left:.0in;
    text-indent:0in;
}

p.squarep
{
    margin-left:.25in;
    text-indent:0in;
}

.nospaceafter
{
    margin-bottom:0 !important;
}

.spacebefore
{
    margin-top:.085in !important;
}

.spaceafter
{
    margin-bottom:.085in !important;
}

.dblspaceafter
{
    margin-bottom:.2in !important;
}

.chapterintro {
/*	margin-bottom:0.4in !important;*/
/*	margin-bottom:10px !important;*/
	position:relative; 
}
/* TROExample is a holdover from the original Word document, and one of the few that we should keep.
   It should ONLY be used to identify paragraps that are examples. If you want to increase inendtation
   you should use the extramargin class, not this.*/
p.TROExample
{
	margin-top:0in;
	margin-right:.5in;
	margin-left:.5in;
	margin-bottom:.085in;
	text-indent:0in;
}

.extramargin p.TROExample
{
    margin-left:.25in;
}

.extramarginsmall p.TROExample
{
    margin-left:.25in;
}

.hanginglist
{
	margin-left: .25in;
}
p.hanginglistitem
{
  text-indent: -.25in;
	margin-left: .25in;
}
.chapter ol
{
	/*
    margin-top:0in;
    margin-right:0in;
    margin-bottom: .085in;
    margin-left:.05in;
    line-height:130%;
    text-autospace:none;
    font-size:11.0pt;
    font-family:Times New Roman,serif;
    padding-left:0.42in;
    */
    margin-top:0in;
    margin-right:0in;
    margin-bottom:.085in;
    margin-left:.27in;
/*    margin-left:.28in;*/
    font-size:11.0pt;
/*    font-family:Times New Roman,serif;*/
    padding:0;
/*    padding-left:0.42in;*/
    line-height:130%;
}
.chapter ul, .box ul
{
    margin-top:0in;
    margin-right:0in;
    margin-bottom:.085in;
/*    margin-left:.27in;*/
/*    margin-left:.28in;*/
    font-size:11.0pt;
/*    font-family:Times New Roman,serif;*/
    list-style-type: none;
    padding:0;
/*    padding-left:0.42in;*/
    line-height:130%;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////*/
/*             inner list font was not consistent      ( Delete this section if some problem occurs)          */
.chapter ul li
{
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 0.2in;
    text-align: justify;	
}
.chapter ul li b, .chapter ul li strong
{
	color:#0183E0;
	display:inline;
} 
.chapter ul li ul li b, .chapter ul li ul li strong
{
	color:#616060;
	display:inline;	
} 

/*//////////////////////////////// 		Till This Place		///////////////////////////////////////////*/
.chapter ul li ul, .box ul li ul
{
    margin-left: 0;
    padding-left: 0;
}
.chapter > ul, .chapter > ol
{
    margin-bottom:.12in;
}
.chapter ul > li, .box ul > li
{
    margin-bottom:0.085in;
	    padding-left:.23in;
/*    line-height:130%;
    background-image: url('images/bullet.png');*/
    background-image: url('images/new/bullet-grey.png');	
    background-position: 0px 3px; /* X-pos Y-pos (from top-left) */
    background-repeat: no-repeat;
}
.chapter ul > li > ul > li, .box ul > li > ul > li
{
    background-image: url('images/checkcircle.png');
    background-position: 0px 2px; /* X-pos Y-pos (from top-left) */
    background-repeat: no-repeat;
}
.chapter ul.checklist > li, .box ul.checklist > li 
{
    background-image: url('images/list-blue.png');
/*    background-image: url('images/checkbox.png');	*/
    background-position: 0px 1px; /* X-pos Y-pos (from top-left) */
    background-repeat: no-repeat;
    margin-bottom: .05in;
}
.chapter ul.checklist > li > ul > li, .box ul.checklist > li > ul > li
{
/*    background-image: url('images/checkcircle.png');*/
    background-image: url('images/list-grey.png');
    background-position: 0px 2px; /* X-pos Y-pos (from top-left) */
    background-repeat: no-repeat;
}
.chapter ul.checklist > li > ul > li > ul > li, .box ul.checklist > li > ul > li > ul > li

{
    background-image: url('images/bullet.png');
    background-position: 0px 3px; /* X-pos Y-pos (from top-left) */
    background-repeat: no-repeat;
}
.chapter ul.checkmarklist > li, .box ul.checkmarklist > li
{
/*    background-image: url('images/checkmark.png');*/
    background-image: url('images/new/checkmark-lfc.png');
    background-position: 0px 5px; /* X-pos Y-pos (from top-left) */
    background-repeat: no-repeat;
    margin-bottom: .025in;
	font-size:11px;
	color:#616161;
}
.chapter ul.checkmarklist > li b, .box ul.checkmarklist > li b
{
	color:#5281c2 !important;
}
.chapter ul.checkmarklist > li, .box ul.checkmarklist > li
{
/*    background-image: url('images/checkmark.png');*/
    background-image: url('images/new/checkmark-lfc.png');
    background-position: 0px 5px; /* X-pos Y-pos (from top-left) */
    background-repeat: no-repeat;
    margin-bottom: .025in;
	font-size:11px;
	color:#616161;

}

.backcover ul > li
{
    padding-left:.23in;
    background-image: url('images/trianglewhite.png');
    background-position: 0px 5px; /* X-pos Y-pos (from top-left) */
    background-repeat: no-repeat;
}

ul.triangles
{
    background-image: url('images/triangle.png');
    background-position: 0px 5px; /* X-pos Y-pos (from top-left) */
    background-repeat: no-repeat;
}

.chapter ol > li
{
    margin-left:0.20in;
/*    margin-left:0.23in;*/
    padding-left:0.03in;
    margin-bottom:0.085in;
}
.chapter ol > li ol
{
	/*
    margin-left: -.20in;
    padding-left:0.42in;
    */
    margin-left: 0;
    padding-left: 0;
}
.chapter ol > li > ol
{
    list-style-type: lower-alpha;
}
.chapter ol > li > ol > li
{
    margin-bottom: 0in;
}
.chapter ol > li > ul > li
{
    margin-bottom: 0in;
}

/*
This almost works. It genertaes decmal lists followed by parens,
but it remders inside rather than outside for some reason,
at least on FireFox 3.0.
NOTE FROM JOHN: The content attribute in CSS is a beautiful thing. Unfortunately
it is only starting to see support by any browser. Using this will cause some
major headaches. To allow custom markers for those browsers that support it,
while still having a proper fallback for the others, use the ::marker pseudo-element
.chapter ol > li > ol > li > ol
{
    list-style-type: none;
    list-style-position: outside;
}
.chapter ol > li > ol > li > ol > li:before
{
    content: counter(section, decimal) ") ";
}
.chapter ol > li > ol > li > ol > li
{
    counter-increment: section;
}
*/
.chapter ol > li > ol > li > ol
{
    list-style-type: lower-roman;
}

/* for the browsers that support the marker element, use it */
.chapter ol > li > ol > li > ol
{
    counter-reset: lvl3marker 0;
}
.chapter ol > li > ol > li > ol > li
{
    counter-increment: lvl3marker;
}
.chapter ol > li > ol > li > ol > li::marker
{
    content: counter(lvl3marker, decimal) ") ";
}

.chapter ol > li ul
{
	/*
    margin-left: -.20in;
	padding-left:0.42in;
	*/
    margin-left: 0;
    padding-left: 0;
}
.box ul, .box ol
{
    font-family: Arial,sans-serif;
    font-size: 10.0pt;
    margin-top: 0.085in; /* space just like paragraphs in boxes */
}

.box ul, .box ol, .flowchartarea ul, .flowchartarea ol, ul.flowchartarea, ol.flowchartarea
{
	margin-left: .05in;
    margin-right: .05in;
    padding-left: 0;
}

/* checklist inside a box is tweaked for smaller spaces*/
.box ul.checklist, .flowchartarea ul.checklist
{
    margin-bottom: 0;
}

.box ul li, .flowchartarea ul li, ul.flowchartarea li
{
    padding-left: .17in;
}

.box ul.checklist > li, .flowchartarea ul.checklist > li
{
    padding-left: .19in;
    padding-top: .03in;
    margin-bottom: .0in;
}

.box ul li, .box ol li, .flowchartarea ul li, .flowchartarea ol li
{
    margin-bottom: .057in;
/*    line-height:120%;*/
}
.chapter ol > li ul.listexample
{
    list-style-type: none;
    margin-left: -.20in;
    padding-left:0.42in;
}
ul.listexample > li {
    padding-left:0;
/*    line-height:160%;*/
    background-image: url("images/blank.png") !important;
}

/* the following allow us to add blank li tags in a list for utility purposes. This is required to
   make valid markup that tidy won't mangle when it gets a hold of it. */
li.blank
{
    background-image: url("images/blank.png") !important;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    display: block;
    margin: 0;
    padding: 0;
}

table.customlist td
{
	vertical-align: top;
	padding-bottom: .05in;
}

.chapter .worksheetbox{
}
.chapter .worksheetbox .longbox{
}
.chapter .worksheetbox .box{
    /* Safari 4-5, Chrome 1-9 */ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#e8e8e8));
    /* Safari 5.1, Chrome 10+ */ 
    background: -webkit-linear-gradient(top, #FFFFFF, #e8e8e8); 
    /* Firefox 3.6+ */ 
    background: -moz-linear-gradient(top, #FFFFFF, #e8e8e8); 
    /* IE 10 */ 
    background: -ms-linear-gradient(top, #FFFFFF, #e8e8e8); 
    /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #FFFFFF, #e8e8e8);
    /* IE 8 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#e8e8e8)";
}
.chapter .worksheetbox .fade_area .dijitInputField input.dijitReset{
    line-height:35px !important;
}

/* on occasion, we want to be able to throw content between elements of a list, without
   indenting it to match the left margins. The escapelist style allows you to specify a
   block that goes between list elements, but starts from the left of the page, not the
   left of the current list level.*/

.chapter ul div.escapelist
{
    /* .0in - .28in - .42in*/
/*    margin-left: -.70in;*/
    /* .0in - .27in*/
    margin-left: -.27in;
}
.chapter ul li ul div.escapelist
{
    /* .0in - .28in - .42in - .23in - .28in - .42in*/
/*    margin-left: -1.63in;*/
    /* .0in - .27in - .23in*/
    margin-left: -.50in;
}
.chapter ol li div.escapelist
{
    /* .0in - .05 - .42in - .23in - .03in */
/*    margin-left: -.73in;*/
    /* .0in - .27in*/
    margin-left: -.27in;
}
.chapter ol li ol div.escapelist
{
    /* .0in - .05 - .42in - .23in - .03in + .20in - .42in*/
/*    margin-left: -.95in;*/
    /* .0in - .27in - .23in*/
    margin-left: -.50in;
}

/* The HowSoon* classes are holdovers from the original Word document. We should look into this
   to see if we can restyle the associated page in a better way and replace these with something else.*/
p.HowSoonHeaders
{
	margin:0;
    text-align:center;
    text-indent:0in;
    page-break-after:avoid;
    border:none;
    padding:0in;
    font-size:13.0pt;
    font-family:Arial,sans-serif;
    font-weight:bold;
    line-height: 100%
}
div.h-soon{
	width:690px;
	background:#FFFFFF;
}
.h-soon p.HowSoonHeaders {
   border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	background: #686868;	
	color:#FFFFFF;
	padding:10px 5px;
	border: 1px solid #000000;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	margin-top:15px;
}
p.HowSoonHeader2, li.HowSoonHeader2, div.HowSoonHeader2
{
    margin-top:.085in;
    margin-right:0in;
    margin-bottom:0in;
    margin-left:0in;
    text-indent:0in;
/*    font-size:11.0pt;
    line-height: 100%*/
    font-size:12px;
    font-family:Arial,sans-serif;
    font-weight:bold;
}
    
p.HowSoonBody, li.HowSoonBody, div.HowSoonBody
{
    margin:0in;
    text-indent:0in;
/*    font-size:10.5pt;*/
    font-size:12px;
    font-family:Times New Roman,serif;
/*    font-style:italic;
    line-height: 100%*/
}

.titlepage
{
	text-align:center;
	font-family:Arial,sans-serif;
	padding-top: 2in;
	page: titlepage; /*This is a special page, so name it for Prince*/
    prince-page-group: start;
}
.titlepage .titlepage-title
{
	text-align:center;
	font-size:22.0pt;
	font-family:Arial,sans-serif;
	font-weight:bold;
}
.titlepage .titlepage-by
{
	text-align:center;
	font-size:14.0pt;
	font-family:Arial,sans-serif;
	font-weight:bold;
	font-style: normal;
	margin: 0px;
	padding: 0px;
	line-height: 400%;
}
.titlepage .titlepage-logo
{
}
.titlepage .titlepage-tools
{
    margin-bottom: 0.5in;
    margin-left:0;
    margin-right:0;
    margin-top: .5in;
    text-indent: 0;
}
.titlepage .titlepage-tagline
{
	margin-bottom: 0.5in;
	margin-left:0;
	margin-right:0;
	margin-top: .65in;
	text-indent: 0;
}

.titlepage2
{
	text-align:center;
	font-family:Arial,sans-serif;
	padding-top: 2.25in;
	page-break-before:always;
	clear: both;
	page: titlepage2; /*This is a special page, so name it for Prince*/
    prince-page-group: start;
}
.titlepage2 p
{
	text-indent: 0;
	margin: 0;
}

.acknowledgepage
{
	text-align: left;
	font-family:Arial,sans-serif;
	padding-top: 2in;
	page-break-before:always;
	clear: both;
	page: acknowledge; /*This is a special page, so name it for Prince*/
    prince-page-group: start;
}
.acknowledgepage h1
{
	text-align:center;
	font-size:16.0pt;
	font-family:Arial,sans-serif;
	font-weight:normal;
	font-style: italic;
}
.acknowledgepage p
{
	margin-top:.085in;
	margin-right:0in;
	margin-bottom:0in;
	margin-left:.4in;
	text-indent:-.4in;
	font-size:12.0pt;
	font-family:Times New Roman,serif;
}

.tocpage
{
	text-align: left;
	font-family:Arial,sans-serif;
	page-break-before:right;
	clear: both;
	width: 100%;
	page: toc; /*This is a special page, so name it for Prince*/ 
    prince-page-group: start;
}

.tocpage h1
{
	text-align:center;
	font-size:16.0pt;
	font-family:Arial,sans-serif;
	font-weight:normal;
	font-style: italic;
}
.tocpage p
{
	margin-top:.085in;
	margin-right:0in;
	margin-bottom:0in;
	margin-left:.4in;
	text-indent:-.4in;
	font-size:12.0pt;
	font-family:Times New Roman,serif;
}

.tocpage ul
{
	margin: 0;
	text-indent: 0in;
	padding: 0;
}
.tocpage ul li
{
	margin-top:.085in;
	margin-right:0in;
	margin-bottom:.085in;
	margin-left:.5in;
	text-indent: 0in;
	padding: 0;
	font-size:10.0pt;
	font-family:Times New Roman,serif;
	text-transform:uppercase;
	font-weight:bold;
	list-style: none;
	list-style-image: none;
}
.tocpage ul li a
{
	text-decoration: none;
	color: #000000;
}
.tocpage ul li a:hover
{
	text-decoration: underline;
}
/*
.tocpage ul li a:not(:empty)::after
{
	content: leader(".") target-counter(attr(href), page);
}
.tocpage ul li a:empty::after
{
	content: target-content(attr(href)) leader(".") target-counter(attr(href), page);
}
*/
/*
.tocpage ul li a::after
{
	content: leader(".") target-counter(attr(href), page);
}
*/
.tocpage ul li a
{
	content: target-content(attr(href)) leader(".") target-counter(attr(href), page);
}
/*custom allows a custom name for TOC entries, rather than pulling it from the content*/
.tocpage ul li a.custom
{
	content: content() leader(".") target-counter(attr(href), page);
}
.tocpage ul li ul li
{
	margin-top:0in;
	margin-right:0in;
	margin-bottom:0in;
	margin-left:.27in;
	text-indent:.0in;
	font-size:10.0pt;
	font-variant:small-caps;
	font-weight: normal;
	text-transform: uppercase;
}
.tocpage ul li ul li ul li
{
	margin-top:0in;
	margin-right:0in;
	margin-bottom:0in;
	margin-left:.05in;
	text-indent:0in;
	padding:0;
	font-size:10.0pt;
	font-style:italic;
	text-transform: none;
	font-variant: normal;
}
.tocpage ul li ul li ul li ul li
{
	margin-top:0in;
	margin-right:0in;
	margin-bottom:0in;
    margin-left:.05in;
	text-indent:.5in;
	font-size:9.0pt;
	font-style: normal;
}
.tocpage ul li ul li ul li ul li ul li
{
	margin-top:0in;
	margin-right:0in;
	margin-bottom:0in;
    margin-left:.05in;
	text-indent:.5in;
	font-size:9.0pt;
}
.tocpage ul li ul li ul li ul li ul li ul li
{
	margin-top:0in;
	margin-right:0in;
	margin-bottom:0in;
    margin-left:.05in;
	text-indent:.5in;
	font-size:9.0pt;
}
.tocpage ul li ul li ul li ul li ul li ul li ul li
{
	margin-top:0in;
	margin-right:0in;
	margin-bottom:0in;
    margin-left:.05in;
	text-indent:.5in;
	font-size:9.0pt;
}
.tocpage ul li ul li ul li ul li ul li ul li ul li ul li
{
	margin-top:0in;
	margin-right:0in;
	margin-bottom:0in;
    margin-left:.05in;
	text-indent:.5in;
	font-size:9.0pt;
}
.tocpage ul li ul li ul li ul li ul li ul li ul li ul li ul li
{
	margin-top:0in;
	margin-right:0in;
	margin-bottom:0in;
    margin-left:.05in;
	text-indent:.5in;
	font-size:9.0pt;
}

.sectionpage
{
	text-align:center;
	font-family:Arial,sans-serif;
	padding-top: 1in;
	page-break-before:right;
	clear: both;
	page: sectionpage; /*This is a special kind of page, so name it for Prince*/
    prince-page-group: start;
}
.sectionpage h1
{
	text-align:center;
	line-height:160%;
	font-size:26.0pt;
}

.chapter
{
	page-break-before: right;
	clear: both;
}

.endchaptericon
{
    background-image: url("images/diamond.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    height: 60px;
    prince-background-image-resolution: 96dpi;
}

.chapter > h1
{
	text-align:center;
	line-height:160%;
	font-size:16.0pt;
}
.chapter > h4
{
	margin-bottom:0.17in;
	text-indent:0in;
}

.fullpagediagram
{
    page-break-before: always;
    page-break-after: always;
    position: relative; /* so that the custompage class can work right */
    clear: both;
}

h1.chartboxtitle
{
/*  margin-top:0.1in;
  margin-bottom:0.1in;*/
  margin-top:5px;
  margin-bottom:5px;
  margin-right:0;
  margin-left:0;
  text-indent:0;
  page-break-after:avoid;
  font-size:11px;
/*  font-size:17.0pt;*/  
  font-family:Arial,sans-serif;
  font-weight:bold;
  text-align: center;
}

.floatingpage
{
	float: top-next;
	margin: 10px 0;
	padding: 0;
	min-height: 100%;
    position: relative; /* so that the custompage class can work right */
    width: 692px;
    background: white;
}

table.cpworksheet
{
/*    background:#E6E6E6;*/
	background: white;
    font-family:"Tahoma",serif;
    font-size: 8.5pt;
    border: 1px solid #E6E6E6;
    margin: 5px 0;
}

table.cpworksheet > tbody > tr
{
	padding: 0px;
	vertical-align: center;
	height: .37in;
	page-break-inside:avoid;
}

table.cpworksheet tr td.cpwritecount
{
    width: .6in;
    height: .33in;
    background:white;
    padding: 0 10px 0 10px;
}

table.cpworksheet tr td.cptype
{
    width: 2.9in;
    background: #F6F8F9;
    padding: 0 10px;
    height:.33in;
}

table.cpworksheet tr td div.c-box
{
	border: 1px solid #949393;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

table.cpworksheet tr td div.c-box input
{
	background: none repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    font-weight: bold;
    height: 16px !important;
    line-height: 15px !important;
    font-family: sans-serif;
    font-size: 13px !important;
    color: #626262;
}

table.cpworksheet tr td div.c-total input
{	
    font-size: 16px !important;
    color: #333 !important;
}



table.detailgrid
{
    margin: .13in 0 .20in 0;
    background: white;
}

table.detailgrid > tbody > tr 
{
  padding: 0px;
  vertical-align: center;
  page-break-inside:avoid;
}

table.detailgrid tr td.detailgray, table.detailgrid tr th.detailgray
{
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 0px none black;
    background:#E6E6E6;
    text-align: center;
    padding: 0.07in;
}

table.detailgrid tr td.detailwhite, table.detailgrid tr th.detailwhite
{
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    border-left: 0px none black;
    background:white;
    padding:.07in;
}

table.detailgrid tr th
{
    font-weight: bold;
    border-bottom: 2px solid black;
}

table.strategiccal
{
    background:white;
    border-collapse:collapse;
}

table.strategiccal tr
{
    padding: 0px;
    vertical-align: center;
    height: .25in;
    page-break-inside:avoid;
}

table.strategiccal tr th
{
    border: 1px solid black;
    font-size:13.0pt;
    font-family:Arial,sans-serif;
    padding:0in .082in 0in .082in;
}

table.strategiccal tr td
{
    border: 1px solid black;
    padding:0in .082in 0in .082in;
    font-size:12.0pt;
}

table.timebudgetpersonal
{
    background: white;
    border-collapse:collapse;
    width:100.0%;
    font-family:Arial,sans-serif;
    clear: both; /* clear boxes */
}

table.timebudgetpersonal tr
{
    padding: 0px;
    vertical-align: center;
    height: .39in;
    page-break-inside:avoid;
}

table.timebudgetpersonal tr th
{
    border: 1px solid black;
    font-size:13.0pt;
    font-weight: bold;
    padding:0in .082in 0in .082in;
    color: white;
    background-color: black;
}

table.timebudgetpersonal tr td
{
    border: 1px solid black;
    font-size:10.0pt;
    padding: 0;
    padding-left: .05in;
    padding-right: .05in;
}

table.timebudgetpersonal td.totals {border: black 0px none; text-align: right; font-size:14pt; padding: .05in;}
table.timebudgetpersonal td.col1 {width:6.92%; border: black 1px solid; font-size:10pt;}
table.timebudgetpersonal td.col2 {width:38.54%; border: black 1px solid; text-align: left; font-size:14pt;}
table.timebudgetpersonal th.col2 {text-align: left; padding:.05in;}
/*
table.timebudgetpersonal td.col2 {width:18.54%; border: black 1px solid; text-align: left; font-size:14pt;}
table.timebudgetpersonal td.col3 {width:35.0%; border: black 1px solid; text-align: left; font-size:10pt;}
*/
table.timebudgetpersonal td.col4 {width:11.0%; border: black 1px solid; font-size:16pt;}
table.timebudgetpersonal td.col5 {width:11.0%; border: black 1px solid; color: blue; font-size:16pt;}
table.timebudgetpersonal td.col6 {width:11.0%; border: black 1px solid; font-size:16pt;}
/*
table.timebudgetpersonal .col7 {width:7.42%; border: none;}
table.timebudgetpersonal td.col7 {color: #FF6600;font-size:15pt;padding:0;line-height:100%;}
table.timebudgetpersonal th.col7 {color: gray; background-color: transparent;}
*/

table.timebudgetpersonal td.col2 div.name {float: left; margin-right: .05in;}
table.timebudgetpersonal td.col2 div.desc {font-size:8pt;}

table.timebudgetwork
{
    background: white;
    border-collapse:collapse;
    clear: both; /* clear boxes */
}

table.timebudgetwork > tbody > tr
{
    padding: 0px;
    vertical-align: center;
    page-break-inside:avoid;
}

table.timebudgetwork > tbody > tr th
{
}

table.timebudgetwork > tbody > tr td
{
}

table.timebudgetwork td.totals {}
table.timebudgetwork td.col1 {}
table.timebudgetwork td.col2 {}
table.timebudgetwork th.col2 {}
table.timebudgetwork th.col4 {}
table.timebudgetwork td.col4 {}
table.timebudgetwork td.col5 {}
table.timebudgetwork th.col5 {}
table.timebudgetwork td.col6 {}
table.timebudgetwork th.col6 {}
table.timebudgetwork td.col7 {}

table.timebudgetwork td.col2 div.name {}
table.timebudgetwork td.col2 div.desc {}

table.troubleshooting
{
	width: 7in;
	padding: 0;
    margin-left: .25in;
	margin-right: .25in;
	margin-top: .3in;
	margin-bottom: .3in;
}

table.troubleshooting th
{
	text-align: center;
	font-size: 14pt;
}
table.troubleshooting th.col3
{
    font-size: 8pt;
}
table.troubleshooting td.col3
{
    text-align: center;
}

table.troubleshooting tr
{
	page-break-inside: avoid;
}

table.troubleshooting > tbody > tr > th
{
	border: none;
	border-bottom: 2px black solid;
}

table.troubleshooting > tbody > tr > td
{
    border: none;
    border-bottom: 1px black dashed;
}

table.troubleshooting .col1 {width: 2.5in;}
table.troubleshooting .col2 {width: 3.5in;}
table.troubleshooting .col3 {width: .5in;}
table.troubleshooting .col2_and_3 {width: 4.0in;}

.regainhoursresult
{
	width: 350px;
	margin: 0 auto;
	border-collapse:collapse;
	border:none
}

.regainhoursresult th
{
	width: 2.25in;
	padding:0in .0387in 0in .0387in;
	text-align:center;
	line-height:150%;
	font-weight: bold;
	text-decoration: underline;
}

.regainhoursresult td
{
    width: 2.25in;
	padding:0in .0387in 0in .0387in;
    text-align:center;
    line-height:150%;
    font-weight: bold;
}

.twocolumn
{
	column-count: 2;
	-moz-column-count: 2; /* because firefox doesn't understand it if we do this the RIGHT way */
}

.twocolumn ul
{
  margin-top: 0;
  padding-left: .05in;
  text-indent: 0in;
}

.threecolumn
{
    column-count: 3;
    -moz-column-count: 3; /* because firefox doesn't understand it if we do this the RIGHT way */
}

ul.threecolumn li
{
  padding-right: .2in;
}

.keeptogether
{
	page-break-inside: avoid;
}

.keepnexttogether
{
	 page-break-after: avoid;
}

.keepprevtogether
{
     page-break-before: avoid;
}

.keeptogether img
{
	float: left;
}

/* verticalcenter
NOTE: Place inside someting with a fixed or minimum height.
      Requires TWO nested divs inside the outer div.
*/
.verticalcenter
{
	display: table;
	#position: relative;
	overflow: hidden;
	height: 100%;
}
.verticalcenter > div
{
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
}
.verticalcenter > div > div
{
	#position: relative;
	#top: -50%;
}

.lefttext
{
	text-align: left;
}

.centertext
{
    text-align: center;
}

.righttext
{
    text-align: right;
}

.justifytext
{
    text-align: justify;
}

.sectionhead
{
	margin-left: auto;
	margin-right: auto;
	padding-top: .8in;
	background-image: url(images/sectionhead.jpg);
	background-repeat: no-repeat;
	width: 4in;
	height: 4.2in;
	max-height: 4.2in;
	max-width: 4in;
}

.sectionhead h1
{
	font-size: 180pt;
	color: #FFFFFF;
	font-family: Tahoma;
}

.section-subtitle
{
	font-size: 40pt;
	color: #CCCCCC;
	font-family: Arial Black;	
	text-align: center;
	line-height: .8;
}

/* prevent the contents of the footer stuff from appearing in web browsers. */
@media screen
{
    .headernormal, .headercustom,
    .footerleftnormal, .footerrightnormal,
    .footerleftcustom, .footerrightcustom,
    .footericonnormal, .footericoncustom,
    .chapter-header
    {
        display: none;
    }
}


/* Proofreading styles go at the end of the file, no matter what, because they trump EVERYTHING */
/* internal use only */
ins
{
	background-color: yellow;
	text-decoration: inherit;
}

ins *
{
    background-color: yellow;
}

ins img
{
	border: solid yellow medium;
}

del
{
	color: #dddddd;
}
	
del *
{
    color: #dddddd;
}
    
del a:link
{
    color: #d1d1ff;
}
    
del a:visited
{
    color: #d1d1ff;
}
    
del a:hover
{
    color: #ffdddd;
}
    
del img
{
    opacity: .25;
}